:root{--primary:#0E0D1A;--secondary:#1A1625;--card:#251F34;--card-alt:#2D2540;--accent:#6941C6;--accent-light:#B79BF7;--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--text:#FFFFFF;--muted:#A0A0A0;--subtle:#6B7280;--border:rgba(105,65,198,.3)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));color:var(--text);font-family:Urbanist,system-ui,sans-serif}a{color:var(--accent-light)}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1A1625,#251F34 50%,#1A1625);border-bottom:2px solid var(--accent)}header.top .wrap{justify-content:space-between;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.brand,header.top .wrap{display:flex;align-items:center;gap:12px}.brand img{height:34px;width:auto}.brand b{font-size:20px;font-weight:700}.brand b span{color:var(--success)}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:400}.checked{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:Roboto,sans-serif;font-weight:300;font-size:13px;color:var(--muted)}.btn,button{font-family:inherit;font-weight:600;font-size:14px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-block}.btn.ghost{background:transparent;color:var(--accent-light)}h1{font-size:30px;margin:28px 0 6px}.lead{color:var(--muted);margin:0 0 20px}.tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.tabs a{padding:9px 16px;border-radius:999px;border:1px solid var(--border);text-decoration:none;color:var(--muted);font-weight:600}.tabs a.on{background:var(--card-alt);color:#fff;border-color:var(--accent)}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.sum{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.sum b{font-size:26px;display:block}.sum span{color:var(--muted);font-size:13px}.list{grid-gap:10px;gap:10px}.list,.row{display:grid}.row{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;grid-template-columns:18px minmax(0,1fr) 230px auto;grid-gap:14px;gap:14px;align-items:center}.row:hover{box-shadow:0 0 0 1px var(--accent),0 0 18px rgba(105,65,198,.25)}.dot{width:14px;height:14px;border-radius:50%}.ok{background:var(--success)}.warn{background:var(--warning)}.error{background:var(--danger)}.off{background:var(--subtle)}.name{font-weight:700}.acct{font-size:13px}.acct,.detail{color:var(--muted);overflow-wrap:anywhere}.detail{font-size:12px;font-family:Roboto,sans-serif;font-weight:300;margin-top:2px}.bar{height:8px;border-radius:99px;background:var(--card-alt);overflow:hidden}.bar i{display:block;height:100%}.exp{font-size:12px;color:var(--muted);margin-top:5px;font-family:Roboto,sans-serif}.hint{margin:26px 0;background:var(--card-alt);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:16px 18px}.hint h3{margin:0 0 8px;color:var(--accent-light)}.hint li{margin:6px 0;color:#e6e0f5}.err{background:rgba(239,68,68,.12);border:1px solid var(--danger);border-radius:12px;padding:12px 14px;margin-bottom:14px}footer{color:var(--muted);font-family:Roboto,sans-serif;font-weight:300;font-size:12px;padding:24px 0 40px}.login{max-width:380px;margin:12vh auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px}.login input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--primary);color:#fff;font-size:16px;margin:12px 0}@media (max-width:720px){.row{grid-template-columns:14px minmax(0,1fr)}.row .act,.row .barcol{grid-column:2}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:24px}}