:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f0f2f6;--border: #e3e7ee;--border-strong: #d3d9e3;--text: #11151d;--text-dim: #3f4654;--text-faint: #5d6675;--heading: #0a0d13;--accent: #6c5ce7;--accent-soft: #a29bfe;--heart: #e23b6d;--breath: #119b8f;--presence: #c98a00;--move: #6c5ce7;--good: #1a9d54;--warn: #c98a00;--bad: #e23b3b;--info: #1597a5;--stage-deep: #2f6fb0;--stage-light: #2f93c4;--stage-rem: #6c5ce7;--stage-awake: #c98a00;--chart-grid: #e8ebf1;--chart-tick: #9aa2b1;--shadow: rgba(20, 30, 60, .08)}:root[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface-2: #13151f;--border: #2a2d3a;--border-strong: #3a3f4f;--text: #f0f0f2;--text-dim: #aab0bb;--text-faint: #8b92a0;--heading: #ffffff;--accent: #6c5ce7;--accent-soft: #a29bfe;--heart: #ff6b6b;--breath: #4ecdc4;--presence: #ffe66d;--move: #a29bfe;--good: #2ecc71;--warn: #ffe66d;--bad: #ff6b6b;--info: #4ecdc4;--stage-deep: #4a90d9;--stage-light: #7ecff5;--stage-rem: #a29bfe;--stage-awake: #ffe66d;--chart-grid: #222;--chart-tick: #555;--shadow: rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:36px 32px;width:340px;display:flex;flex-direction:column;box-shadow:0 12px 40px var(--shadow)}.login-card h1{font-size:22px;color:var(--heading);text-align:center}.login-sub{color:var(--text-dim);font-size:13px;text-align:center;margin:6px 0 24px}.login-card label{font-size:12px;color:var(--text-dim);margin:12px 0 5px}.login-card input{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px}.login-card input:focus{outline:none;border-color:var(--accent)}.login-card button{margin-top:24px;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--bad);font-size:12px;margin-top:12px;text-align:center}.page{padding:24px;max-width:1400px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar-left{display:flex;align-items:center;gap:14px}.topbar h1{font-size:22px;color:var(--heading);font-weight:700}.topbar-right{display:flex;align-items:center;gap:14px}.user-email{font-size:13px;color:var(--text-dim)}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.btn-ghost:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border:none;color:#fff;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.btn-edit{background:none;border:none;cursor:pointer;font-size:14px;margin-left:8px;opacity:.6}.btn-edit:hover{opacity:1}.btn-icon{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 11px;font-size:14px;cursor:pointer;line-height:1}.btn-icon:hover{background:var(--surface-2)}.device-heading h1{font-size:20px;color:var(--heading);display:flex;align-items:center}.device-sub{font-size:12px;color:var(--text-faint);margin-top:3px}.mono{font-family:Consolas,monospace}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;width:360px;display:flex;flex-direction:column;box-shadow:0 12px 40px var(--shadow)}.modal h3{color:var(--heading);font-size:16px;margin-bottom:18px}.modal label{font-size:12px;color:var(--text-dim);margin:12px 0 5px}.modal input{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px}.modal input:focus{outline:none;border-color:var(--accent)}.modal-id{font-size:11px;color:var(--text-faint);margin-top:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.loading,.empty-state{color:var(--text-dim);text-align:center;padding:60px;font-size:14px;line-height:1.7}.conn-status{font-size:13px;color:var(--text-dim);display:flex;align-items:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--text-faint)}.dot.on{background:#2ecc71;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.device-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;cursor:pointer;transition:all .15s}.device-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow)}.device-card.offline{opacity:.6}.device-card.alert{border-color:var(--bad)}.dc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dc-title{display:flex;flex-direction:column;gap:3px;min-width:0}.dc-name{font-size:17px;font-weight:700;color:var(--heading)}.dc-id{font-size:11px;color:var(--text-faint);font-family:Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint)}.dc-dot.on{background:#2ecc71;box-shadow:0 0 8px #2ecc71}.dc-status{font-size:15px;font-weight:600;color:var(--presence);margin-bottom:14px}.dc-metrics{display:flex;gap:20px;margin-bottom:14px}.dc-val{font-size:28px;font-weight:700;color:var(--text)}.dc-val.heart{color:var(--heart)}.dc-val.breath{color:var(--breath)}.dc-unit{font-size:12px;color:var(--text-faint);margin-left:4px}.dc-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--text-faint);padding-top:10px;border-top:1px solid var(--border)}.dc-online.on{color:#2ecc71}.dc-ago{color:var(--text-faint)}.status-bar{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 30px;min-width:180px;flex:1}.card .label{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-weight:600}.card .value{font-size:40px;font-weight:700;margin-top:10px;color:var(--text)}.card.heart .value{color:var(--heart)}.card.breath .value{color:var(--breath)}.card.presence .value{color:var(--presence)}.card.move .value{color:var(--move)}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{padding:9px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-dim)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.charts{grid-template-columns:1fr}}.chart-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.chart-box h2{font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:12px}.chart-h{position:relative;height:240px}.history-ctrl{display:flex;justify-content:flex-end;margin-bottom:16px}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.realtime-label{font-size:11px;color:var(--text-faint);text-align:right;margin-bottom:8px}.report-header{margin-bottom:16px}.session-select{max-width:100%;min-width:320px}.date-range{font-size:12px;color:var(--text-faint)}.stage-stats{display:flex;gap:20px;margin-top:14px;flex-wrap:wrap}.stage-stat{display:flex;align-items:center;gap:8px;font-size:14px}.stage-stat .rkey{color:var(--text-dim)}.stage-stat .rval{font-weight:600}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.report-grid{grid-template-columns:1fr}}.report-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.report-section.full{grid-column:1 / -1}.report-section h3{font-size:16px;font-weight:700;color:var(--heading);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.report-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.report-row:last-child{border-bottom:none}.rkey{color:var(--text-dim)}.rval{font-weight:600;color:var(--text)}.rval.good{color:var(--good)}.rval.warn{color:var(--warn)}.rval.bad{color:var(--bad)}.rval.info{color:var(--info)}.no-data{color:var(--text-faint);font-size:12px;padding:8px 0}.efficiency-bar{height:8px;background:var(--surface-2);border-radius:4px;margin:8px 0;overflow:hidden}.efficiency-fill{height:100%;border-radius:4px;transition:width .5s}.alert-badge{display:inline-block;font-size:10px;padding:2px 7px;border-radius:10px;margin-left:6px;font-weight:700}.alert-badge.red{background:var(--bad);color:#fff}.hypnogram-wrap{position:relative;height:260px;margin-top:8px}.hypnogram-tooltip{position:fixed;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--text);pointer-events:none;display:none;z-index:100;white-space:nowrap;box-shadow:0 4px 14px var(--shadow)}@media(max-width:600px){.page{padding:14px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.device-heading h1{font-size:17px}.status-bar{gap:8px}.card{flex:1 1 calc(50% - 4px);min-width:0;padding:12px 14px}.card .value{font-size:22px}.tabs{gap:6px}.tab{padding:8px 14px;font-size:12px}.session-select{width:100%;min-width:0}.chart-h{height:200px}.hypnogram-wrap{height:220px}.report-section{padding:14px}.device-grid{grid-template-columns:1fr 1fr;gap:10px}}