@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--ink:#f4f7fb;--muted:#91a0b6;--bg:#0a111f;--panel:#101a2b;--line:#223049;--blue:#5d9bff;--orange:#fa8b54;--green:#36d69a;--amber:#f4b860}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #1b2940;padding:27px 17px 20px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1424,#0a111f)}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 40px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--orange);color:#171d2b;font:800 18px Manrope;box-shadow:0 9px 24px #fa8b5440}.brand strong{display:block;font:800 16px Manrope;letter-spacing:-.4px}.brand strong span{display:block;color:var(--muted);font:500 9px 'DM Mono';letter-spacing:1px;text-transform:uppercase;margin-top:3px}.rail-label,.eyebrow{color:#73849e;font:500 10px 'DM Mono';letter-spacing:1.6px}.rail-label{padding:0 14px 10px}nav{display:grid;gap:4px}nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;color:#9ba9bd;text-decoration:none;font-weight:600}nav a span{width:18px;color:#607795;text-align:center;font-size:17px}nav a.active,nav a:hover{background:#17253b;color:#fff}nav a.active span{color:var(--orange)}.sidebar-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px 12px;border:1px solid #243752;border-radius:11px;background:#111d31}.sidebar-foot small,.sidebar-foot b{display:block}.sidebar-foot small{color:#72839b;font-size:10px}.sidebar-foot b{font-size:11px;margin-top:4px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #36d69a1a}.topbar{height:73px;border-bottom:1px solid #1b2940;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.mobile-brand{color:#fff;font:800 15px Manrope}.top-actions{display:flex;align-items:center;gap:16px}.last-sync{color:#7789a2;font:500 11px 'DM Mono'}.icon-btn{border:1px solid var(--line);background:#111d31;color:#aebbd0;border-radius:8px;width:32px;height:32px;font-size:18px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2a3c5d;color:#dbe8fb;font-size:11px;font-weight:700}.page{max-width:1420px;margin:0 auto;padding:38px 42px 60px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.hero h1{margin:10px 0 7px;font:800 clamp(26px,3vw,39px) Manrope;letter-spacing:-1.7px}.hero-copy{margin:0;color:var(--muted);font-size:15px}.hero-signal{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid #28415f;border-radius:12px;padding:11px 15px 11px 12px;background:#0e1b2d}.hero-signal b{color:var(--green);font:600 10px 'DM Mono';letter-spacing:1px}.hero-signal small{grid-column:2;color:#778ba7;font-size:10px;margin-top:3px}.signal-line{width:42px;height:25px;border-bottom:2px solid var(--green);border-radius:50%;transform:rotate(-9deg);opacity:.8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat,.panel{border:1px solid var(--line);background:var(--panel);border-radius:13px;box-shadow:0 18px 40px #00000018}.stat{padding:17px 18px 18px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#8fa0b8;font-size:12px}.stat strong{display:block;margin:15px 0 5px;font:800 29px Manrope;letter-spacing:-1px}.stat small{color:#647792;font-size:11px}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font-style:normal}.blue{background:#1a3761;color:var(--blue)}.green{background:#153d38;color:var(--green)}.amber{background:#40351f;color:var(--amber)}.purple{background:#332650;color:#c29cff}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:17px}.panel-head.compact{align-items:center;margin-bottom:13px}.panel h2{margin:6px 0 0;font:800 18px Manrope;letter-spacing:-.5px}.toolbar{display:flex;gap:9px;align-items:center}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#0d1727;padding:0 11px;width:242px}.search span{color:#687e9e;font-size:18px}.search input{width:100%;height:35px;border:0;outline:0;background:transparent;color:#dfeaff;font-size:12px}.search input::placeholder{color:#62738c}.toolbar select{height:37px;border:1px solid var(--line);border-radius:8px;background:#0d1727;color:#b6c3d6;padding:0 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid #203049;border-radius:9px}table{width:100%;min-width:850px;border-collapse:collapse}th{background:#0e1828;color:#7487a2;font:500 10px 'DM Mono';letter-spacing:1px;text-align:left;text-transform:uppercase;padding:12px 15px;white-space:nowrap}td{border-top:1px solid #1e2c43;padding:14px 15px;color:#afbdd0;font-size:12px;vertical-align:middle}tbody tr:hover{background:#131f33}td strong{display:block;color:#eef4fc;font-size:13px}.sub{display:block;margin-top:4px;color:#6f819b;font-size:10px}.status{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.completed{color:var(--green);background:#15362f}.status.in-progress,.status.ringing,.status.queued{color:var(--amber);background:#3d321e}.status.failed,.status.busy,.status.no-answer{color:#ff8b8b;background:#45272f}.loading{text-align:center;padding:30px;color:#7586a0}.panel-foot{display:flex;justify-content:space-between;align-items:center;padding-top:13px;color:#6f819a;font:500 10px 'DM Mono'}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:11px}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.panel-note{color:#8596ae;line-height:1.6;font-size:12px;max-width:610px;margin:0 0 16px}.ready-pill{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10px;background:#15362f;padding:7px 9px;border-radius:99px}.ready-pill span{width:6px;height:6px;border-radius:50%;background:currentColor}.endpoint{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2b3d58;border-radius:8px;background:#0b1422;padding:4px 5px 4px 11px}.endpoint code{color:#a9cdfb;font:500 11px 'DM Mono';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint button{border:0;border-radius:6px;background:#294566;color:#d9e9ff;padding:8px 11px;font-size:10px}.setup-row{display:flex;gap:35px;margin-top:17px}.setup-row b,.setup-row span{display:block}.setup-row b{font-size:10px;color:#788ba6;font-weight:500}.setup-row span{color:#c5d1e2;font:500 10px 'DM Mono';margin-top:5px}.signal-card{display:flex;align-items:center;gap:11px;margin-top:17px;padding:12px;border:1px solid #253750;border-radius:9px;background:#0d1726}.signal-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#1c365c;color:#82b4ff;font-weight:700}.signal-card b{font-size:12px}.signal-card p{margin:5px 0 0;color:#7689a4;font-size:11px}.mini-chart{height:54px;display:flex;align-items:flex-end;gap:8px;margin-top:19px;padding:0 2px;border-bottom:1px solid #293850;position:relative}.mini-chart span{flex:1;min-width:8px;background:linear-gradient(180deg,#4d8fff,#284d86);border-radius:3px 3px 0 0;opacity:.75}.mini-chart small{position:absolute;right:0;bottom:-19px;color:#687c97;font-size:10px}.toast{position:fixed;right:22px;bottom:22px;background:#183150;color:#e9f3ff;border:1px solid #37608b;border-radius:9px;padding:11px 14px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 18px}.page{padding:27px 18px 40px}.hero{align-items:flex-start;flex-direction:column}.hero-signal{align-self:stretch}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:24px}.panel{padding:16px}.panel-head{align-items:flex-start;flex-direction:column}.toolbar{width:100%;flex-direction:column}.search,.toolbar select{width:100%}.setup-row{gap:15px;flex-wrap:wrap}.mobile-brand{font-size:13px}}