:root{color-scheme:dark;--bg:#07111c;--panel:#0e1c29;--line:#243747;--text:#f4f8fb;--muted:#89a0b2;--green:#4ee39a;--lime:#a9ed64;--yellow:#ffc857;--red:#ff647c;--shadow:0 30px 80px rgba(0,0,0,.3)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#123b3a 0,transparent 36%),linear-gradient(150deg,#07111c,#091622 60%,#061018);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.topbar,.shell{width:min(1120px,calc(100% - 36px));margin:auto}.topbar{display:flex;align-items:end;justify-content:space-between;padding:56px 0 28px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;letter-spacing:.22em;font-weight:800}.topbar h1,.login-card h1{margin:0;font-size:clamp(30px,5vw,50px);letter-spacing:-.04em}.top-actions{display:flex;gap:8px}.top-actions form{margin:0}.ghost{border:1px solid var(--line);background:rgba(10,24,35,.65);color:var(--text);padding:11px 16px;border-radius:12px;cursor:pointer}.ghost:hover{border-color:#4c687c}.summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 2px;color:var(--muted);font-size:14px}.live-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:10px;box-shadow:0 0 0 6px rgba(78,227,154,.1)}.battery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.battery-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(18,37,52,.95),rgba(10,25,37,.96));border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.battery-card:before{content:"";position:absolute;right:-60px;top:-80px;width:190px;height:190px;border-radius:50%;background:var(--green);filter:blur(90px);opacity:.12}.battery-card[data-level="warning"]:before{background:var(--yellow)}.battery-card[data-level="danger"]:before{background:var(--red)}.card-head{display:flex;justify-content:space-between;gap:18px;position:relative}.battery-name{margin:0;font-size:22px;font-weight:750}.battery-sn{margin:5px 0 0;color:var(--muted);font-size:12px}.status-pill{height:max-content;padding:7px 10px;border:1px solid rgba(78,227,154,.25);border-radius:999px;color:var(--green);background:rgba(78,227,154,.07);font-size:12px}.charge-row{display:flex;align-items:baseline;margin-top:40px}.charge-row strong{font-size:clamp(70px,12vw,100px);font-weight:650;letter-spacing:-.08em;line-height:.85}.charge-row span{font-size:28px;margin-left:8px}.track{height:7px;background:#213442;border-radius:10px;margin:28px 0 13px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:inherit}.battery-card[data-level="warning"] .track i{background:var(--yellow)}.battery-card[data-level="danger"] .track i{background:var(--red)}.range-row{display:flex;justify-content:space-between;color:var(--muted)}.range-row strong{color:var(--text)}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 18px;padding:18px 0;gap:18px}.metrics div{display:flex;justify-content:space-between;gap:10px}.metrics dt{color:var(--muted)}.metrics dd{margin:0;font-weight:700}.card-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.health-text{color:var(--green)}.footnote{text-align:center;color:#61798b;font-size:12px;margin:26px 0 50px}.error-banner{background:rgba(255,100,124,.12);border:1px solid rgba(255,100,124,.3);color:#ffb2bf;padding:14px 16px;border-radius:12px;margin-bottom:18px}.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);border:1px solid var(--line);border-radius:26px;padding:38px;background:rgba(12,28,41,.92);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--green);color:#07150f;font-size:24px;margin-bottom:28px}.login-copy{color:var(--muted);margin:12px 0 30px}.login-form label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.login-form input{width:100%;border:1px solid var(--line);background:#08141f;color:var(--text);border-radius:12px;padding:14px;font:inherit;outline:none}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(78,227,154,.1)}.login-form button{width:100%;border:0;background:var(--green);color:#062018;padding:14px;border-radius:12px;font:inherit;font-weight:800;margin-top:14px;cursor:pointer}.form-error{color:#ff91a3;font-size:13px;margin:10px 0 0}@media(max-width:720px){.topbar{padding-top:34px}.battery-grid{grid-template-columns:1fr}.battery-card{padding:22px}.topbar h1{font-size:34px}.summary{font-size:12px}.ghost{padding:9px 12px}.charge-row strong{font-size:82px}}