:root{--bg:#0f1220;--bg-soft:#171b2e;--card:rgba(255,255,255,0.06);--card-border:rgba(255,255,255,0.12);--text:#f2f4ff;--text-dim:#a4abd0;--accent:#7c9cff;--moon:#ffd479;--sun:#ffb066;--ok:#6ee7b7}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 20% -10%,#232a4d 0,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidenav{position:-webkit-sticky;position:sticky;top:0;height:100vh;width:232px;flex:0 0 232px;padding:20px 14px;border-right:1px solid var(--card-border);background:rgba(255,255,255,.035);overflow-y:auto}.content{flex:1 1;min-width:0;padding:26px 32px 48px;max-width:1440px;margin:0 auto}@media (min-width:1800px){.content{max-width:1680px;padding:30px 40px 56px}}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#b39cff);color:#10132a;font-weight:800}.brand-text{font-weight:700;letter-spacing:1px;font-size:16px}.nav-group{margin-bottom:18px}.nav-group-title{padding:0 10px 8px;font-size:11px;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:4px;border-radius:12px;border:1px solid transparent;color:var(--text-dim);transition:background .15s,color .15s,border-color .15s}.nav-link:hover{background:rgba(255,255,255,.06);color:var(--text)}.nav-link.active{background:linear-gradient(90deg,rgba(124,156,255,.28),rgba(179,156,255,.12));border-color:rgba(124,156,255,.45);color:var(--text)}.nav-icon{font-size:16px;width:22px;text-align:center}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-title{font-size:14px;font-weight:600}.nav-desc{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-tabs{display:flex;gap:8px;margin-bottom:16px}.app-tab{padding:5px 14px;border-radius:999px;border:1px solid var(--card-border);color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .15s ease,border-color .15s ease}.app-tab.active,.app-tab:hover{color:var(--text)}.app-tab.active{background:linear-gradient(90deg,rgba(124,156,255,.28),rgba(179,156,255,.12));border-color:rgba(124,156,255,.45);font-weight:600}.page-title{margin:0 0 4px;font-size:22px;font-weight:700}.page-sub{margin:0 0 18px;color:var(--text-dim);font-size:13px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:16px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:15px;font-weight:600}.card-title .sub{font-size:12px;font-weight:400;color:var(--text-dim)}.title{display:flex;align-items:baseline;gap:10px;margin:0 0 4px;font-size:22px;font-weight:700}.subtitle{margin:0 0 16px;color:var(--text-dim);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}.badge.resting{color:#2b1a00;background:var(--moon)}.badge.awake{color:#33210a;background:var(--sun)}.badge.unknown{color:var(--text-dim);background:rgba(255,255,255,.1)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.metric{background:rgba(255,255,255,.05);border:1px solid var(--card-border);border-radius:14px;padding:14px 12px;text-align:center}.metric-label{font-size:12px;color:var(--text-dim)}.metric-value{margin-top:6px;font-size:26px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-sub{margin-top:2px;font-size:11px;color:var(--text-dim)}.resting-line{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(255,212,121,.12);border:1px solid rgba(255,212,121,.35);font-size:14px}.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{padding:9px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table th{font-weight:600;color:var(--text-dim);font-size:12px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:rgba(255,255,255,.04)}.day-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.day-row:last-child{border-bottom:none}.day-date{width:74px;flex:0 0 74px;font-size:13px;color:var(--text-dim)}.track{position:relative;flex:1 1;height:14px;background:rgba(255,255,255,.07);overflow:hidden}.track,.track-bar{border-radius:999px}.track-bar{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--accent),#b39cff)}.day-duration{width:74px;flex:0 0 74px;text-align:right;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--card-border)}.seg button{padding:5px 12px;border:none;border-radius:9px;background:transparent;color:var(--text-dim);font-size:12px;cursor:pointer}.seg button.on{background:rgba(124,156,255,.28);color:var(--text)}.btn{padding:6px 14px;border-radius:10px;border:1px solid var(--card-border);background:rgba(255,255,255,.08);color:var(--text);font-size:13px;cursor:pointer}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:rgba(124,156,255,.25)}.btn.danger:hover{border-color:#ff7b7b;color:#ff9d9d}.login-wrap{max-width:380px;margin:12vh auto 0}.login-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--card-border);background:rgba(0,0,0,.25);color:var(--text);font-size:15px}.empty{padding:26px 0;text-align:center;color:var(--text-dim);font-size:14px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll{max-height:340px;overflow:auto}.footer-note{font-size:12px;color:var(--text-dim);line-height:1.7}@media (max-width:760px){.app{flex-direction:column}.sidenav{position:static;width:100%;height:auto;flex:none;border-right:none;border-bottom:1px solid var(--card-border);padding:12px 12px 10px}.brand{padding-bottom:12px}.nav-groups{display:flex;gap:16px;overflow-x:auto}.nav-group{margin-bottom:0}.nav-desc{display:none}.content{padding:18px 14px 40px}.metrics{gap:8px;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.metric-value{font-size:20px}.card{padding:16px 13px;border-radius:16px}.card-title{flex-wrap:wrap;gap:8px}.page-title{font-size:19px}.table{font-size:12px}.table td,.table th{padding:8px}}