:root{--bg:#07101f;--panel:#101d33;--panel2:#142541;--line:#263a58;--text:#f4f8ff;--muted:#98abc6;--brand:#5d8cff;--brand2:#376ee7;--success:#35d399;--danger:#ff667b;--warning:#f7bd55;--radius:17px;--shadow:0 22px 70px #0005}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 80% -10%,#1b347550,transparent 34%),var(--bg);color:var(--text);font:14px Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(390px,100%);display:grid;gap:16px;padding:28px;background:#101d33;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-card h2{margin:12px 0 -8px;font-size:24px}.login-card>p{margin:0}.login-brand,.side-brand{display:flex;align-items:center;gap:11px}.login-brand h1{font-size:18px;margin:0}.login-brand p{font-size:11px;margin:2px 0 0;color:var(--muted)}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#906bff);font-size:23px;font-weight:900;box-shadow:0 12px 30px #5d8cff55}.brand-mark.small{width:37px;height:37px;font-size:19px}label{display:grid;gap:7px;color:#c6d3e5;font-size:12px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#081426;color:var(--text);padding:11px 12px;outline:0}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5d8cff22}.password-wrap,.input-action{display:flex;gap:8px}.password-wrap input,.input-action input{flex:1}.btn,.icon-btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;font-weight:800;color:white;background:#1b2b45}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 25px #376ee733}.btn.ghost{border-color:var(--line);background:#14233b;color:#cbd8ea}.btn.danger{background:#48202b;color:#ffb8c3}.btn.small{padding:7px 10px;font-size:11px}.btn.wide{width:100%;padding:12px}.icon-btn{padding:8px 10px;background:transparent;border-color:var(--line);color:var(--muted)}.form-error{padding:10px;border-radius:10px;background:#4a1f2a;color:#ffc0ca}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:17px 13px;background:#0b1729;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60}.side-brand{padding:4px 7px 18px}.side-brand strong{display:block}.side-brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.side-brand .mobile-only{margin-left:auto}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#93a6c1;border-radius:11px;padding:11px 12px;text-align:left;font-weight:700}.nav-item span{width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:#5d8cff18;color:#dbe7ff}.nav-item.active{box-shadow:inset 3px 0 var(--brand)}.side-footer{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:15px 7px 2px}.side-footer div{min-width:0;flex:1}.side-footer b,.side-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-footer small{color:var(--muted);font-size:9px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 4px #f7bd5515}.status-dot.ok{background:var(--success);box-shadow:0 0 0 4px #35d39915}.main{min-width:0}.topbar{position:sticky;top:0;z-index:40;height:72px;padding:0 25px;display:flex;align-items:center;gap:14px;background:#091426e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar h2{margin:0;font-size:18px}.topbar p{margin:3px 0 0;color:var(--muted);font-size:10px}.top-actions{margin-left:auto}.content{padding:24px;max-width:1550px;margin:auto}.page{display:none;animation:fade .18s ease}.page.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(4px)}}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;padding:27px;border:1px solid #5d8cff40;background:linear-gradient(135deg,#223c7459,#101d33 55%,#39296b45);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.eyebrow{font-size:9px;letter-spacing:.16em;color:#9cbaff;font-weight:900}.hero h3{font-size:clamp(25px,3vw,38px);line-height:1.12;margin:8px 0}.hero p{color:#b4c4da;line-height:1.65;max-width:670px}.hero-actions{display:flex;gap:9px;margin-top:20px}.health-card{display:grid;gap:9px;align-self:center}.health-card div{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid #ffffff17;background:#07142666;border-radius:12px;color:var(--muted);font-size:11px}.health-card b{color:var(--text);text-align:right;max-width:220px;overflow:hidden;text-overflow:ellipsis}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:16px}.stat-card,.card{background:linear-gradient(180deg,#101d33,#0d192c);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 34px #0002}.stat-card{padding:17px;position:relative;overflow:hidden}.stat-card small{color:var(--muted);font-weight:750}.stat-card strong{display:block;margin-top:8px;font-size:28px}.stat-card span{font-size:9px;color:#7187a6}.grid-two{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px}.card-head,.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.card-head{padding:17px;border-bottom:1px solid var(--line)}.card-head h3,.section-head h3{margin:0 0 4px}.card-head p,.section-head p{margin:0;color:var(--muted);font-size:11px}.section-head{margin-bottom:17px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:12px 14px;text-align:left;background:#08142699;color:#8195b2;font-size:9px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}tr:hover td{background:#ffffff05}.empty{text-align:center;color:var(--muted);padding:28px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:850;background:#223553;color:#dbe7f8}.badge.Active,.badge.Delivered{background:#35d3991a;color:#79e3bb}.badge.Inactive,.badge.Failed{background:#ff667b1a;color:#ffacb9}.badge.Partial{background:#f7bd551a;color:#ffd389}.token-text{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px ui-monospace,monospace;color:#aac4ec}.stack-list{padding:8px 17px 15px}.stack-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.stack-item:last-child{border:0}.stack-item>div:nth-child(2){min-width:0;flex:1}.stack-item b,.stack-item small{display:block}.stack-item small{color:var(--muted);font-size:9px}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#5d8cff22;color:#bcd0ff;font-weight:900;background-size:cover;background-position:center}.send-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:17px;align-items:start}.form-card{padding:20px;display:grid;gap:15px}.form-card h4{margin:0}.form-card label small{color:var(--muted);text-align:right}.phone{min-height:545px;border:8px solid #253550;border-radius:38px;background:linear-gradient(145deg,#19315e,#081426);padding:60px 16px 20px;position:relative;box-shadow:var(--shadow)}.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:100px;height:20px;border-radius:20px;background:#050b14}.phone-card{padding:14px;border:1px solid #405676;border-radius:17px;background:#10213ce8;box-shadow:0 18px 38px #0005}.notif-head{display:flex;gap:10px;align-items:center}.notif-head>div:last-child{flex:1}.notif-head b,.notif-head small{display:block}.notif-head small{color:var(--muted);font-size:9px}.phone-card p{color:#c2d0e3;line-height:1.55}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.group-card{padding:17px}.group-top{display:flex;gap:11px;align-items:center}.group-top>div:nth-child(2){min-width:0;flex:1}.group-top h4{margin:0 0 4px}.group-card>p{color:var(--muted);font-size:11px;min-height:34px;line-height:1.5}.group-meta{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px}.group-actions{display:flex;gap:7px;margin-top:12px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{padding:4px 7px;border-radius:999px;background:#5d8cff18;color:#bcd0ff;font-size:9px}.api-hero{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.api-hero>div{min-width:0}.api-hero h3{font:12px ui-monospace,monospace;word-break:break-all;margin:8px 0 2px}.api-hero p{margin:0;color:var(--muted);font-size:10px}.method{padding:5px 8px;border-radius:7px;background:#35d3991a;color:#79e3bb;font-size:9px;font-weight:900}.api-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:15px}.api-main,.api-side{display:grid;gap:15px;align-content:start}.api-card{padding:18px}.api-card h4{margin:0 0 11px}.token-list{display:grid;gap:8px}.token-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:#08142688}.token-row b,.token-row small{display:block}.token-row small{color:var(--muted);font-size:9px}.code-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.code-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.code-tab{border:1px solid var(--line);background:#0b1729;color:var(--muted);padding:6px 9px;border-radius:8px;font-size:9px}.code-tab.active{color:white;border-color:#5d8cff66;background:#5d8cff1a}.code-block{margin:12px 0 0;padding:15px;border:1px solid var(--line);border-radius:12px;background:#050d19;color:#cfe0f7;font:10px/1.65 ui-monospace,monospace;overflow:auto;min-height:260px;white-space:pre}.code-block.compact{min-height:auto}.schema>div{display:grid;grid-template-columns:80px 55px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.schema>div:last-child{border:0}.schema code{color:#a9c6ff}.schema b{color:#d2b7ff}.schema span{color:var(--muted)}.notice{border-color:#f7bd5540;background:#f7bd5508}.notice ul{padding-left:18px;color:#d5c39e;line-height:1.8;font-size:10px}.endpoint-code{display:block;padding:10px;border-radius:9px;background:#071426;font-size:10px;word-break:break-all}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.status-panel{padding:12px;border-radius:11px;background:#081426;color:var(--muted);font-size:11px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#020812d9;backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;background:#101d33;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.modal-head{position:sticky;top:0;background:#101d33;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-form{display:grid;gap:14px;padding:18px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}.check-item{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#081426}.check-item input{width:auto}.toast{position:fixed;right:20px;bottom:20px;z-index:200;padding:12px 15px;border:1px solid #35d39955;border-radius:11px;background:#12362e;color:#c8ffea;box-shadow:var(--shadow);max-width:380px}.toast.error{border-color:#ff667b55;background:#47212b;color:#ffc3cc}.mobile-only{display:none}@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(3,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.api-layout{grid-template-columns:1fr}}@media(max-width:820px){.mobile-only{display:inline-flex}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:250px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px #0009}.topbar{padding:0 15px}.content{padding:15px}.hero,.grid-two,.send-grid{grid-template-columns:1fr}.phone{max-width:360px;width:100%;margin:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr}.api-hero{align-items:flex-start;flex-direction:column}.check-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.hero{padding:20px}.content{padding:11px}.top-actions .btn{font-size:0}.top-actions .btn:first-letter{font-size:14px}}