:root{--bg:#0b0f14;--card:#121824;--muted:#93a4b8;--text:#eaf0f7;--orange:#E87722;--danger:#ff4d4d;--ok:#2dd4bf;--warn:#fbbf24;--off:#64748b}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}#root{height:100%}.shell{height:100%;display:flex;flex-direction:column}.content{flex:1;overflow:auto;padding:16px 16px 86px}.page{max-width:520px;margin:0 auto}.page.center{display:flex;align-items:center;justify-content:center;height:100%;padding:16px}.card{width:100%;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;box-shadow:0 20px 60px #00000073}.title{font-size:22px;font-weight:800;letter-spacing:.2px}.muted{color:var(--muted);margin-top:6px}.mutedSmall{color:var(--muted);font-size:12px}.input{width:100%;margin-top:12px;padding:14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text);outline:none;font-size:16px}.error{margin-top:10px;background:#ff4d4d24;border:1px solid rgba(255,77,77,.25);padding:10px 12px;border-radius:12px;font-size:14px}.btn{width:100%;margin-top:14px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);font-size:16px;font-weight:700}.btn.primary{background:linear-gradient(90deg,#e87722e6,#e877228c);border-color:#e8772259}.btn.mini{width:auto;padding:10px 12px;border-radius:12px;font-size:14px;margin-top:12px}.top{padding:8px 2px 14px}.clock{font-size:52px;font-weight:900;letter-spacing:1px}.subrow{display:flex;align-items:center;gap:10px;margin-top:8px}.pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px;border:1px solid rgba(255,255,255,.12)}.pill.ok{background:#2dd4bf24;border-color:#2dd4bf40}.pill.warn{background:#fbbf2424;border-color:#fbbf2440}.pill.off{background:#64748b24;border-color:#64748b40}.actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.bigbtn{width:100%;padding:18px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);text-align:left}.bigbtn.primary{background:linear-gradient(90deg,#e87722f2,#e877228c);border-color:#e8772259}.bigbtn.danger{background:linear-gradient(90deg,#ff4d4df2,#ff4d4d8c);border-color:#ff4d4d59}.bigbtn.ghost{background:#ffffff0a}.bigbtnLabel{font-size:20px;font-weight:900}.bigbtnSub{color:#ffffffd1;margin-top:4px;font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.statCard{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.statLabel{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.3px}.statValue{font-size:22px;font-weight:900;margin-top:6px}.bottomNav{position:fixed;left:0;right:0;bottom:0;height:70px;padding:10px 10px 12px;background:#0b0f14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px}.navBtn{flex:1;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd1;font-weight:800;font-size:12px}.navBtn.active{border-color:#e8772259;background:#e8772229;color:#fff}.headRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.headTitle{font-size:18px;font-weight:900}.list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);text-decoration:none}.row.active{border-color:#e8772259;background:#e877221f}.row.link{cursor:pointer}.rowLeft{flex:1;text-align:left}.rowTitle{font-weight:900}.rowSub{color:var(--muted);font-size:12px;margin-top:4px}.rowRight{font-weight:900;opacity:.9}.miniCard{border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:18px;padding:12px 14px}.miniRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.miniTitle{font-weight:900}.miniSub{color:var(--muted);font-size:12px;margin-top:6px}.chip{border-radius:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffe6;font-weight:900}.chip.ok{border-color:#2dd4bf59;background:#2dd4bf1f}.chip.off{border-color:#64748b59;background:#64748b1f}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.tiny{color:var(--muted);font-size:12px;font-weight:800;margin-top:6px;margin-bottom:4px}.kv{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.kv span{color:var(--muted);font-size:12px;font-weight:800}.kv b{font-weight:900}.sheet{margin-top:12px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#0a0e14d9;padding:14px}.sheetTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheetTitle{font-size:16px;font-weight:900}.sheetStats{margin-top:10px}.rowBtns{display:flex;gap:10px;margin-top:10px}