:root{--bg:#0f1115;--panel:#181b22;--text:#e8eaed;--muted:#9aa0a6;--green:#2e7d32;--green-bright:#43d65a;--red:#c62828;--border:#2a2e37}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:24px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:1.1rem;font-weight:600;margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px}.weight-card{text-align:center;padding:40px 20px}.weight-value{font-size:clamp(4rem,22vw,9rem);font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-2px}.weight-unit{font-size:2rem;color:var(--muted);margin-left:8px}.weight-meta{margin-top:16px;color:var(--muted);font-size:.9rem}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:600}.badge.ok{background:rgba(67,214,90,.15);color:var(--green-bright)}.badge.ko{background:rgba(198,40,40,.18);color:#ff6b6b}.btn,button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--border);background:#21252e;color:var(--text);padding:10px 16px}button.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login-box{width:100%;max-width:360px}.login-box h1{font-size:1.3rem;text-align:center;margin:0 0 4px}.login-box p.sub{text-align:center;color:var(--muted);margin:0 0 24px;font-size:.9rem}.field{margin-bottom:14px}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#0f1216;color:var(--text);font:inherit}.error{background:rgba(198,40,40,.18);color:#ff6b6b;padding:10px 12px;border-radius:10px;font-size:.9rem;margin-bottom:16px;text-align:center}