:root{--bg:#08111f;--card:#101c2d;--muted:#91a4bd;--text:#f5f8fc;--accent:#2f7df6;--ok:#2bc47d;--warn:#f2b84b;--danger:#ef5f67;--line:#22324a}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,#07101c,#0b1626);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92vw);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{font-weight:800;letter-spacing:.2px}.brand span{color:var(--accent)}
.navlinks{display:flex;gap:14px;align-items:center}.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 17px;font-weight:700;cursor:pointer}
.btn{background:var(--accent);color:white}.btn2{background:#18273b;color:#dfe9f7;border:1px solid var(--line)}.danger{background:#3a1c25;color:#ffb6bd}.hero{padding:70px 0 45px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:0 0 18px}h2{margin:0 0 14px;font-size:30px}h3{margin:0 0 8px}.muted{color:var(--muted)}.lead{font-size:20px;line-height:1.6;color:#c3d1e2}
.card{background:rgba(16,28,45,.92);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.2)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.device{min-height:190px}.icon{font-size:34px}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#17263a;color:#bfd0e6;font-size:12px;font-weight:700}
.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--danger)}.section{padding:28px 0}.form{max-width:460px;margin:42px auto}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field input{background:#0a1525;border:1px solid var(--line);color:white;border-radius:12px;padding:13px 14px;font-size:16px}
.flash{padding:12px 14px;border-radius:12px;background:#17263a;margin:12px 0}.flash.error{background:#3a1c25}.flash.info{background:#17263a}.topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.metric{font-size:28px;font-weight:800}.metriclabel{color:var(--muted);font-size:13px;margin-top:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line)}th{color:#aebed3;font-size:12px;text-transform:uppercase}.scroll{overflow:auto}
.qr{background:white;border-radius:18px;padding:14px;max-width:280px;width:100%}.steps{display:grid;gap:12px;counter-reset:s}.step{background:#0a1525;border:1px solid var(--line);border-radius:14px;padding:15px}.step:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);font-weight:800;margin-right:10px}
.speedbox{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.speedval{font-size:28px;font-weight:800;min-width:110px}.footer{padding:42px 0;color:var(--muted);font-size:13px}.choice{cursor:pointer}.choice:hover{border-color:#3e82dc;transform:translateY(-1px);transition:.15s}
.bar{height:8px;background:#18263a;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);width:0}.tiny{font-size:12px;color:var(--muted)}.statusdot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#596b83;margin-right:6px}.statusdot.on{background:var(--ok)}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:35px}.grid,.grid2,.metrics{grid-template-columns:1fr 1fr}.navlinks .hide-sm{display:none}}@media(max-width:560px){.grid,.grid2,.metrics{grid-template-columns:1fr}.wrap{width:min(94vw,1120px)}h1{font-size:42px}.nav{padding:16px 0}.card{padding:18px}}

.smart-footer{margin-top:34px;padding:28px 0 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:14px 24px;align-items:center}.footer-brand{font-size:16px;margin-bottom:5px}.footer-brand strong{color:var(--accent)}.footer-links{display:flex;gap:14px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.footer-links a:hover{color:var(--accent)}.theme-toggle{background:#18273b;color:#dfe9f7;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}
:root[data-theme="light"]{--bg:#f5f8fc;--card:#ffffff;--muted:#64748b;--text:#0f172a;--accent:#2563eb;--ok:#15965e;--warn:#b7791f;--danger:#c2414b;--line:#dbe4ef}html[data-theme="light"] body{background:linear-gradient(180deg,#f8fbff,#eef4fb);color:var(--text)}html[data-theme="light"] .card{background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(15,23,42,.08)}html[data-theme="light"] .btn2,html[data-theme="light"] .theme-toggle,html[data-theme="light"] .pill{background:#edf3fb;color:#24344c}html[data-theme="light"] .field input,html[data-theme="light"] .step{background:#f8fbff;color:#0f172a}html[data-theme="light"] th{color:#64748b}
.admin-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.analyst-card{position:sticky;top:18px}.analyst-list{display:grid;gap:10px;margin-top:14px}.analyst-item{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(10,21,37,.55)}html[data-theme="light"] .analyst-item{background:#f8fbff}.kpi-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.kpi-row strong{font-size:18px}.location-tag{font-size:11px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.analyst-card{position:static}.smart-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}