:root{--sa-navy:#0f172a;--sa-blue:#2563eb;--sa-teal:#14b8a6;--sa-gray:#64748b;--sa-bg:#f8fafc;--sa-border:#e2e8f0}*{box-sizing:border-box}body{background:var(--sa-bg);color:var(--sa-navy);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh}.sa-nav{border-bottom:1px solid var(--sa-border);background:#fff;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.sa-brand{color:var(--sa-navy);font-size:20px;font-weight:800;text-decoration:none}.sa-brand span{color:var(--sa-blue)}.sa-nav a.sa-link{color:var(--sa-gray);margin-left:20px;font-size:14px;font-weight:600;text-decoration:none}.sa-nav a.sa-link:hover{color:var(--sa-blue)}.sa-container{text-align:left;max-width:720px;margin:0 auto;padding:48px 24px}.sa-hero{text-align:center;padding:80px 24px 60px}.sa-hero h1{margin-bottom:8px;font-size:40px}.sa-hero p{color:var(--sa-gray);max-width:520px;margin:0 auto 32px;font-size:18px}.sa-btn{background:linear-gradient(90deg, var(--sa-blue), var(--sa-teal));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.sa-btn[disabled],.sa-btn.sa-btn-disabled{background:var(--sa-gray);cursor:not-allowed;opacity:.7}.sa-card{border:1px solid var(--sa-border);text-align:left;background:#fff;border-radius:12px;margin-top:24px;padding:32px}.sa-field{margin-bottom:16px}.sa-field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.sa-field input{border:1px solid var(--sa-border);border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.sa-error{color:#dc2626;background:#fef2f2;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.sa-success{color:#16a34a;background:#f0fdf4;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.sa-note{color:var(--sa-gray);margin-top:8px;font-size:13px}.sa-table{border-collapse:collapse;width:100%;font-size:14px}.sa-table th{text-align:left;color:var(--sa-gray);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--sa-border);padding:8px 12px;font-size:12px}.sa-table td{border-bottom:1px solid var(--sa-border);vertical-align:middle;padding:10px 12px}.sa-table tr:last-child td{border-bottom:none}.sa-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.sa-badge-admin{color:#6d28d9;background:#ede9fe}.sa-badge-user{background:var(--sa-bg);color:var(--sa-gray)}.sa-badge-active{color:#16a34a;background:#f0fdf4}.sa-badge-inactive{color:#dc2626;background:#fef2f2}.sa-btn-small{border:1px solid var(--sa-border);cursor:pointer;background:#fff;border-radius:6px;margin-right:6px;padding:5px 12px;font-size:12px;font-weight:600}.sa-btn-small:hover{border-color:var(--sa-blue);color:var(--sa-blue)}.sa-token-box{background:var(--sa-navy);color:#86efac;word-break:break-all;border-radius:8px;padding:14px;font-family:Consolas,monospace;font-size:13px}.sa-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (width<=600px){.sa-grid{grid-template-columns:1fr}}.sa-admin{min-height:calc(100vh - 61px);display:flex}.sa-admin-side{background:var(--sa-navy);color:#cbd5e1;flex-direction:column;flex-shrink:0;width:230px;padding:24px 0;display:flex}.sa-admin-title{color:#fff;padding:0 24px 20px;font-size:17px;font-weight:800}.sa-admin-title span{color:var(--sa-teal)}.sa-admin-title em{color:#94a3b8;margin-left:6px;font-size:12px;font-style:normal}.sa-admin-side nav{flex-direction:column;flex:1;display:flex}.sa-admin-link{color:#cbd5e1;border-left:3px solid #0000;padding:11px 24px;font-size:14px;font-weight:600;text-decoration:none}.sa-admin-link:hover{color:#fff;background:#ffffff0d}.sa-admin-link.active{color:#fff;border-left-color:var(--sa-blue);background:#2563eb40}.sa-admin-link.bottom{color:#94a3b8;border-left:none;margin-top:auto}.sa-admin-main{flex-direction:column;flex:1;min-width:0;padding:32px;display:flex}.sa-admin-page{flex:1 0 auto;max-width:1100px}.sa-admin-page h1{margin-top:0}.sa-admin-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:8px;display:grid}.sa-admin-card{border:1px solid var(--sa-border);background:#fff;border-radius:12px;padding:18px 20px}.sa-admin-card .label{color:var(--sa-gray);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.sa-admin-card .value{margin-top:4px;font-size:26px;font-weight:800}.sa-admin-card .sub{color:var(--sa-gray);margin-top:2px;font-size:12px}.sa-admin-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1000px){.sa-admin-cols{grid-template-columns:1fr}}.sa-admin-filter,.sa-admin select,.sa-admin input:not([type=checkbox]){border:1px solid var(--sa-border);background:#fff;border-radius:6px;padding:8px 10px;font-size:14px}.sa-admin select{min-width:140px}.sa-admin .sa-check{margin:6px 0;font-size:14px;display:block}.sa-admin .sa-field select,.sa-admin .sa-field input{width:100%}.sa-editor{border:1px dashed var(--sa-border);border-radius:10px;margin-top:20px;padding:20px}.sa-editor h4{margin-top:0}.sa-transcript{background:var(--sa-navy);color:#86efac;white-space:pre-wrap;border-radius:8px;max-height:220px;padding:14px;font-size:12px;overflow-x:auto}.sa-bar{background:linear-gradient(90deg, var(--sa-blue), var(--sa-teal));border-radius:4px;min-width:2px;height:14px}.sa-badge.sev-info{color:#1d4ed8;background:#eff6ff}.sa-badge.sev-warning{color:#b45309;background:#fffbeb}.sa-badge.sev-critical{color:#dc2626;background:#fef2f2}.sa-admin .sa-card{overflow-x:auto}.sa-admin-page{max-width:1160px}.sa-admin{color:#cbd5e1;background:radial-gradient(1200px 600px at 70% -10%,#16223a 0%,#0b1220 55%,#080e1a 100%);min-height:100vh;display:flex}.sa-admin-side{background:linear-gradient(#0d1526 0%,#0a111e 100%);border-right:1px solid #38bdf826}.sa-admin-brand{align-items:center;gap:10px;padding:0 20px 22px;display:flex}.sa-admin-name{letter-spacing:.06em;color:#fff;font-size:14px;font-weight:900;line-height:1.1}.sa-admin-badge{color:#04211a;background:#10b981;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:800}.sa-admin-user{border-top:1px solid #94a3b826;align-items:center;gap:10px;padding:16px 20px;display:flex}.sa-admin-avatar{background:linear-gradient(135deg, var(--sa-blue), var(--sa-teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.sa-admin-username{color:#94a3b8;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sa-admin-logout{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px}.sa-admin-logout:hover{color:#f87171}.sa-admin-main{background:0 0}.sa-admin-header{align-items:center;gap:24px;padding:0 0 22px;display:flex}.sa-admin-header h1{color:#f1f5f9;margin:0;font-size:20px}.sa-admin-status{letter-spacing:.14em;color:#64748b;margin:0 auto;font-size:13px;font-weight:700}.sa-admin-status .ok{color:#34d399;text-shadow:0 0 12px #34d399a6}.sa-admin-status .warn{color:#fbbf24}.sa-admin-header-right{align-items:center;gap:14px;display:flex}.sa-admin-bell{font-size:16px;position:relative}.sa-admin-bell.has-alerts em{color:#fff;background:#ef4444;border-radius:999px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:-6px;right:-10px}.sa-admin-page.wide{max-width:none}.sa-admin-page h1,.sa-admin h2,.sa-admin h3,.sa-admin h4{color:#f1f5f9}.sa-admin .sa-card{background:#0f172abf;border:1px solid #38bdf81f;box-shadow:0 0 0 1px #02061766,0 18px 40px #02061759}.sa-admin .sa-table th{color:#64748b;border-bottom-color:#94a3b826}.sa-admin .sa-table td{color:#cbd5e1;border-bottom-color:#94a3b81a}.sa-admin .sa-note{color:#64748b}.sa-admin .sa-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.sa-admin .sa-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.sa-admin .sa-btn{background:linear-gradient(90deg,#2563eb,#0ea5e9)}.sa-admin .sa-btn.sa-btn-disabled{background:#334155}.sa-admin .sa-btn-small{color:#cbd5e1;background:#1e293bb3;border-color:#94a3b840}.sa-admin .sa-btn-small:hover{border-color:var(--sa-blue);color:#93c5fd}.sa-admin .sa-field input:not([type=checkbox]),.sa-admin .sa-field select,.sa-admin .sa-field input{color:#e2e8f0;background:#0f172acc;border-color:#94a3b840}.sa-admin .sa-editor{border-color:#38bdf833}.sa-admin .sa-transcript{background:#060b16}.sa-kpi-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px;display:grid}.sa-kpi{--edge:#22d3ee8c;border:1px solid var(--edge);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(160deg,#1e293bd9,#0d1423e6);padding:14px 18px;position:relative;box-shadow:inset 0 0 24px #22d3ee0f}.sa-kpi.alert{--edge:#f871718c;box-shadow:inset 0 0 24px #f8717112}.sa-kpi-label{letter-spacing:.12em;color:#7dd3fc;font-size:11px;font-weight:800}.sa-kpi.alert .sa-kpi-label{color:#fca5a5}.sa-kpi-body{justify-content:space-between;align-items:center;gap:8px;display:flex}.sa-kpi-body.center{justify-content:center}.sa-kpi-value{color:#34d399;text-shadow:0 0 16px #34d39966;font-size:24px;font-weight:900}.sa-kpi-value.big{font-size:34px}.sa-kpi-value.warn{color:#fca5a5;text-shadow:0 0 16px #f8717166}.sa-kpi-value small{color:#94a3b8;font-size:12px;font-weight:700}.sa-kpi-warn{font-size:30px}.sa-kpi-sub{color:#64748b;margin-top:6px;font-size:11px}.sa-dash-row{grid-template-columns:1.9fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=1100px){.sa-dash-row{grid-template-columns:1fr}}.sa-panel{background:#0f172abf;border:1px solid #38bdf81f;border-radius:12px;margin-bottom:16px;padding:18px 20px;overflow-x:auto}.sa-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.sa-panel-head h3{margin:0;font-size:15px}.sa-panel-head .count{color:#7dd3fc;margin-left:6px;font-weight:800}.sa-panel-head .when{color:#64748b;font-size:12px;font-weight:500}.sa-panel-search{color:#e2e8f0;background:#0f172acc;border:1px solid #94a3b840;border-radius:8px;min-width:220px;padding:7px 12px;font-size:13px}.sa-status{color:#34d399;letter-spacing:.06em;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.sa-status .dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #34d399e6}.sa-actions{white-space:nowrap}.sa-chip{color:#93c5fd;cursor:pointer;background:#1e293bcc;border:1px solid #3b82f666;border-radius:6px;margin-right:4px;padding:4px 10px;font-size:11px;font-weight:700}.sa-chip:hover:not([disabled]){color:#bfdbfe;border-color:#60a5fa}.sa-chip.danger{color:#fca5a5;border-color:#ef444473}.sa-chip.danger:hover:not([disabled]){color:#fecaca;border-color:#f87171}.sa-chip[disabled]{opacity:.4;cursor:not-allowed}.sa-expand td{color:#94a3b8;background:#02061766;font-size:12px}.sa-health{flex-direction:column;gap:14px;margin-top:8px;display:flex}.sa-health-row{grid-template-columns:14px 1fr auto 90px;align-items:center;gap:10px;display:grid}.sa-health-row .name{color:#e2e8f0;font-size:13px;font-weight:600}.sa-health-row .lat{color:#64748b;font-size:12px}.sa-dot{border-radius:50%;width:10px;height:10px}.sa-dot.online{background:#34d399;box-shadow:0 0 8px #34d399cc}.sa-dot.offline{background:#f87171;box-shadow:0 0 8px #f87171cc}.sa-meter{background:#94a3b833;border-radius:4px;height:6px;overflow:hidden}.sa-meter>div{border-radius:4px;width:70%;height:100%}.sa-meter.online>div{background:linear-gradient(90deg,#22d3ee,#34d399)}.sa-meter.offline>div{background:#f87171}.sa-legend{color:#94a3b8;gap:16px;font-size:12px;display:flex}.sa-legend i{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.sa-legend .c1{background:#22d3ee}.sa-legend .c2{background:#e879f9}.sa-admin ::-webkit-scrollbar{width:10px;height:10px}.sa-admin ::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:6px}.sa-admin ::-webkit-scrollbar-track{background:0 0}.sa-brand{align-items:center;gap:10px;display:inline-flex}.sa-brand-logo{object-fit:contain;width:30px;height:30px}.sa-admin-logo{object-fit:contain;filter:drop-shadow(0 0 8px #22d3ee59);width:34px;height:34px}.sa-admin-user{gap:8px}.sa-admin-username{flex:1}.sa-admin-logout{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#94a3b81f;border:1px solid #94a3b84d;border-radius:6px;flex-shrink:0;margin-left:0;padding:6px 10px;font-size:11px;font-weight:700}.sa-admin-logout:hover{color:#fff;background:#f871712e;border-color:#f87171}.sa-auth{grid-template-columns:1fr 1fr;min-height:calc(100vh - 61px);display:grid}@media (width<=860px){.sa-auth{grid-template-columns:1fr}.sa-auth-brand{display:none}}.sa-auth-brand{background:radial-gradient(900px 500px at 20% 110%, #14b8a640 0%, transparent 60%), radial-gradient(700px 500px at 90% -10%, #2563eb59 0%, transparent 55%), var(--sa-navy);color:#e2e8f0;flex-direction:column;gap:18px;padding:72px 56px;display:flex}.sa-auth-brand h2{letter-spacing:.08em;color:#fff;margin:0;font-size:34px}.sa-auth-brand p{color:#94a3b8;margin:0;font-size:15px}.sa-auth-brand ul{color:#94a3b8;margin:auto 0 0;padding-left:18px;font-size:14px;line-height:2}.sa-auth-logo{object-fit:contain;filter:drop-shadow(0 0 18px #22d3ee73);width:76px;height:76px}.sa-auth-form{justify-content:center;align-items:flex-start;padding:72px 24px;display:flex}.sa-auth-form .sa-card{width:100%;max-width:440px;margin-top:0}.sa-code-input{letter-spacing:.5em;text-align:center;font-family:Consolas,monospace;font-size:26px!important}.sa-mail-cols{grid-template-columns:280px 1fr;gap:16px;display:grid}@media (width<=900px){.sa-mail-cols{grid-template-columns:1fr}}.sa-mail-list{flex-direction:column;gap:6px;display:flex}.sa-mail-item{color:#e2e8f0;cursor:pointer;text-align:left;background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.sa-mail-item:hover{border-color:#38bdf880}.sa-mail-item.selected{border-color:var(--sa-blue);background:#2563eb2e}.sa-mail-item .name{font-size:14px;font-weight:700}.sa-mail-item .key{color:#64748b;font-family:monospace;font-size:11px}.sa-mail-body{color:#e2e8f0;background:#0f172acc;border:1px solid #94a3b840;border-radius:8px;width:100%;padding:12px;font-family:Consolas,monospace;font-size:13px}.sa-mail-vars{flex-wrap:wrap;gap:6px;display:flex}.sa-rules input{width:110px!important}.sa-dash{max-width:980px;margin:0 auto;padding:40px 24px}.sa-dash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.sa-dash-head h1{margin:0;font-size:28px}.sa-dash-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0;display:grid}.sa-dash .sa-card{margin-top:16px}.sa-progress{background:var(--sa-border);border-radius:6px;height:10px;margin-top:10px;overflow:hidden}.sa-progress>div{background:linear-gradient(90deg, var(--sa-blue), var(--sa-teal));border-radius:6px;height:100%}.sa-expiring{color:#dc2626}.sa-chiplist{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sa-chip-lite{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.sa-billing-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=860px){.sa-billing-grid{grid-template-columns:1fr}}.sa-billing-grid .sa-card{margin-top:16px}.sa-plan-price{margin-bottom:8px}.sa-price{background:linear-gradient(90deg, var(--sa-blue), var(--sa-teal));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.sa-feature-list{padding-left:20px;font-size:14px;line-height:2}.sa-live-dot{background:#34d399;border-radius:50%;width:9px;height:9px;margin-left:6px;animation:1.6s infinite sa-pulse;display:inline-block;box-shadow:0 0 10px #34d399e6}.sa-live-dot.db{background:#fbbf24;animation:none;box-shadow:0 0 10px #fbbf24b3}@keyframes sa-pulse{0%,to{opacity:1}50%{opacity:.35}}