:root{--bg:#0b0e14;--bg-soft:#11161f;--card:#151b26;--card-2:#1a2230;--border:#232c3b;--text:#e7ecf3;--muted:#8b97a8;--muted-2:#5f6b7d;--accent:#6366f1;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:28px 22px 60px}.topbar{justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#10b981);display:grid;place-items:center;font-weight:800;color:#fff}.brand h1{font-size:18px;margin:0;letter-spacing:.2px}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.stamp{font-size:12px;color:var(--muted-2)}.btn{background:var(--card-2);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:10px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:#3a4456;background:#202a3a}.btn-ghost{background:transparent}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:30px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 14px}.kpi .label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.kpi .value{font-size:27px;font-weight:700;margin-top:8px;letter-spacing:-.5px}.kpi .sub{font-size:11.5px;color:var(--muted-2);margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted-2);margin:4px 0 14px}.biz-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:880px){.biz-grid{grid-template-columns:1fr 1fr}}.biz{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}.biz:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--biz-accent,var(--accent))}.biz-head{justify-content:space-between;gap:10px;margin-bottom:14px}.biz-head,.biz-head .name{display:flex;align-items:center}.biz-head .name{font-size:16px;font-weight:700;gap:9px}.biz-head .site{font-size:12px;color:var(--muted)}.pill{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill.live{color:var(--green);border-color:#1d4a3a;background:#0e2019}.pill.err{color:var(--red);border-color:#4a1d1d;background:#200e0e}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.metric{background:var(--card-2);border:1px solid var(--border);border-radius:10px;padding:10px 11px}.metric .m-label{font-size:11px;color:var(--muted)}.metric .m-value{font-size:19px;font-weight:700;margin-top:3px}.metric .m-value small{font-size:12px;color:var(--muted-2);font-weight:500}.extras{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{font-size:11.5px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:4px 10px}.chip b{color:var(--text);font-weight:600}.chart{display:flex;align-items:flex-end;gap:3px;height:56px;margin-top:6px}.bar{flex:1 1;background:var(--biz-accent,var(--accent));border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.chart-foot{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted-2);margin-top:6px}.jobs{display:flex;gap:12px;margin-top:12px;font-size:12px;color:var(--muted)}.jobs span b{color:var(--text)}.foot-note{margin-top:22px;font-size:12px;color:var(--muted-2);text-align:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px}.login-card .logo{margin:0 auto 16px}.login-card h2{text-align:center;margin:0 0 4px;font-size:18px}.login-card p{text-align:center;margin:0 0 20px;color:var(--muted);font-size:13px}.login-card input{width:100%;padding:11px 13px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px}.login-card input:focus{outline:none;border-color:var(--accent)}.login-card button{width:100%;margin-top:12px;padding:11px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.login-err{color:var(--red);font-size:12.5px;text-align:center;margin-top:12px}