*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7f5;color:#15221c}body{margin:0}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#0c1712;color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:28px}.brand{font-size:26px;font-weight:850;letter-spacing:-1.3px}.brand span{color:#25d366}.brand.light{color:#fff}.subbrand{font-size:12px;color:#8fa49a;margin-top:4px}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#cbd7d1;text-decoration:none;padding:11px 12px;border-radius:11px}.sidebar a:hover{background:#17251e;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #24352d;padding-top:16px;display:grid;gap:8px}.side-bottom small{color:#95a89f}.content{padding:34px;min-width:0}.page-head,.panel-head,.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-head{margin-bottom:22px}h1{font-size:30px;line-height:1.1;margin:0 0 7px}h2{font-size:19px;margin:0 0 6px}h3{margin:0 0 5px}p{margin:0;color:#697870}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat,.panel,.connector-card,.flow>div{background:#fff;border:1px solid #dfe7e3;border-radius:17px;box-shadow:0 9px 30px rgba(14,32,23,.035)}.stat{padding:21px}.stat b{display:block;font-size:31px;letter-spacing:-1px}.stat span{color:#74837b;font-size:13px}.panel{padding:22px;margin-bottom:22px}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf1ef;font-size:13px;vertical-align:top}th{color:#6d7d74;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#edf2ef;color:#516159;font-size:12px;font-weight:700}.pill.ok,.pill.sent{background:#dff7e8;color:#14703b}.pill.warn,.pill.queued,.pill.retry,.pill.processing{background:#fff0c8;color:#775700}.pill.failed{background:#ffe2e2;color:#962f2f}.pill.off{background:#ecefee;color:#6f7b75}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.form-grid label,.stack label{display:grid;gap:7px;font-size:13px;color:#52635a}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.stack input{width:100%;padding:11px 12px;border:1px solid #cdd8d2;border-radius:10px;background:#fff;color:#15221c;outline:none}.form-grid input:focus,.form-grid select:focus,.stack input:focus{border-color:#35b96d;box-shadow:0 0 0 3px rgba(37,211,102,.1)}label small{color:#89958f}.primary,.secondary,.button{display:inline-block;border:0;border-radius:10px;padding:11px 15px;font-weight:760;text-decoration:none;cursor:pointer}.primary{background:#1eac58;color:#fff}.secondary{background:#eef3f0;color:#203129}.small{padding:7px 10px;font-size:12px}.form-grid button.full{grid-column:1/-1;justify-self:start}.empty{text-align:center;padding:38px 20px}.empty h3{margin-top:8px}.empty p{margin:5px auto 16px;max-width:520px}.empty-icon{font-size:30px}.cards-list{display:grid;gap:14px;margin-top:15px}.connector-card{padding:18px}.field-view{margin-top:14px}.field-view>span{display:block;color:#78867f;font-size:12px;margin-bottom:5px}code{display:inline-block;background:#f4f7f5;border:1px solid #e1e8e4;border-radius:8px;padding:7px 8px;font-size:12px;word-break:break-all}.connector-card form{margin-top:13px}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-bottom:22px}.flow>div{padding:17px}.flow span{display:block;font-size:11px;color:#718079;font-weight:800;letter-spacing:.05em}.flow b{display:block;margin-top:4px}.flow i{font-style:normal;color:#7f8f87;font-size:20px}.alert{border-radius:11px;padding:12px 14px;margin:13px 0;font-size:13px}.alert.success{background:#e1f7e9;color:#176d3c}.alert.error{background:#ffe4e4;color:#8d3030}.alert.warn{background:#fff1cd;color:#765600}.note{background:#f4f7f5;border-radius:11px;padding:12px 14px;margin-top:16px;color:#65746c;font-size:13px}.switch{display:flex!important;align-items:center;gap:8px!important}.switch input{width:auto!important}.check-list{display:grid;gap:9px}.check{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eef2ef}.auth-body{min-height:100vh;display:grid;place-items:center;background:#0c1712;padding:20px}.auth-card{width:min(430px,94vw);background:#fff;border-radius:22px;padding:31px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.auth-card.wide{width:min(780px,96vw)}.auth-card h1{margin-top:25px}.auth-card>p{margin-bottom:17px}.stack{display:grid;gap:14px}.error-cell{max-width:360px;color:#984040}.button.secondary{background:#eef3f0;color:#23352b}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{padding:15px;gap:14px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.side-bottom{display:none}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr}.flow i{transform:rotate(90deg);text-align:center}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-grid button.full{grid-column:auto}}
@media(max-width:520px){.content{padding:14px}.stats{grid-template-columns:1fr 1fr}.panel{padding:16px}.page-head{align-items:flex-start;flex-direction:column}}

.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.eyebrow{font-size:11px;letter-spacing:.08em;color:#738078;margin-bottom:8px}.steps{display:grid;gap:10px}.step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid #e5eae7;border-radius:12px}.step b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#dcf8e6;color:#126a38}.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.flow span{padding:9px 12px;border:1px solid #dfe6e2;border-radius:10px;background:#f8faf9}.flow i{font-style:normal;color:#7b8982}.template{display:block;padding:14px;white-space:normal}.secondary{margin-top:10px}.hint{font-size:13px}@media(max-width:700px){.guide-grid{grid-template-columns:1fr}}