:root{--bg:#fbfbfd;--bg-subtle:#f4f4f6;--surface:#fff;--surface-hover:#fafafa;--border:#ececef;--border-strong:#e1e1e6;--text:#0a0a0b;--text-secondary:#51515c;--text-muted:#8a8a94;--accent:#5b5bd6;--accent-hover:#4f4fcc;--accent-soft:#eeeefb;--focus-ring:#5b5bd659;--normal:#16a34a;--normal-soft:#e9f7ef;--fatigue:#ca8a04;--fatigue-soft:#fbf3da;--heat:#ea580c;--heat-soft:#fcecdf;--emergency:#dc2626;--emergency-soft:#fbe7e7;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:999px;--shadow-xs:0 1px 2px #10111a0a;--shadow-sm:0 1px 2px #10111a0a, 0 2px 6px #10111a0a;--shadow-md:0 4px 12px #10111a0f, 0 2px 4px #10111a0a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}.icon{vertical-align:middle;flex:none;display:inline-block}.dashboard{flex-direction:column;min-height:100%;display:flex}.dashboard-header{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#fffc;justify-content:space-between;align-items:center;gap:1rem;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#6d6df0,#5b5bd6);border-radius:9px;place-items:center;display:grid}.dashboard-header h1{letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:600}.brand-subtitle{color:var(--text-muted);letter-spacing:0;font-size:.72rem;font-weight:500;display:block}.header-actions{align-items:center;gap:12px;display:flex}.status-pill{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);align-items:center;gap:7px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.status-dot{background:var(--normal);width:7px;height:7px;box-shadow:0 0 0 3px var(--normal-soft);border-radius:50%}.status-dot.live{animation:1.8s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 #16a34a59}50%{box-shadow:0 0 0 4px #16a34a00}}.dashboard-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px 24px 56px}.section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;font-weight:600;display:flex}.dashboard-row{gap:18px;margin-bottom:18px;display:grid}.row-hero{grid-template-columns:1.1fr 1fr}.row-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (width<=880px){.row-hero{grid-template-columns:1fr}}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:18px;transition:box-shadow .18s,border-color .18s,transform .18s;position:relative}.card:hover,.panel:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.card-head{align-items:center;gap:9px;margin:-2px 0 14px;display:flex}.card-head .icon{color:var(--text-muted)}.card h2,.panel h2{letter-spacing:-.01em;color:var(--text);margin:0;font-size:.9rem;font-weight:600}.card h3{color:var(--text-secondary);margin:16px 0 8px;font-size:.82rem;font-weight:600}.card-head-spacer{margin-left:auto}.vitals-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vital-tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:6px;padding:14px;transition:border-color .18s,background .18s;display:flex}.vital-tile:hover{background:var(--surface-hover);border-color:var(--border-strong)}.vital-tile-top{align-items:center;gap:8px;display:flex}.vital-icon{background:var(--bg-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;place-items:center;display:grid}.vital-tile[data-vital=heart_rate] .vital-icon{color:#e11d48;background:#fdeaec}.vital-tile[data-vital=spo2] .vital-icon{color:#2563eb;background:#e8f1fe}.vital-tile[data-vital=body_temp] .vital-icon{color:#ea580c;background:#fdf0e6}.vital-tile[data-vital=stress_level] .vital-icon{background:var(--accent-soft);color:var(--accent)}.vital-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.vital-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-size:1.5rem;font-weight:650}.vital-tile.vital-stale .vital-value{color:var(--text-muted)}.no-data{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;font-weight:500;display:inline-flex}.no-data:before{content:"";background:var(--text-muted);border-radius:50%;width:5px;height:5px}.prediction-hero{flex-direction:column;gap:16px;display:flex}.prediction-risk-block{border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.prediction-key{color:var(--text-muted);font-size:.78rem;font-weight:500}.risk-indicator{letter-spacing:-.01em;border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:7px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.risk-indicator .icon{flex:none}.risk-green{color:var(--normal);background:var(--normal-soft);border-color:#16a34a2e}.risk-yellow{color:var(--fatigue);background:var(--fatigue-soft);border-color:#ca8a0433}.risk-orange{color:var(--heat);background:var(--heat-soft);border-color:#ea580c33}.risk-red{color:var(--emergency);background:var(--emergency-soft);border-color:#dc262638}.risk-blinking{animation:1.1s ease-in-out infinite risk-blink}@keyframes risk-blink{50%{opacity:.45}}.stress-block{flex-direction:column;gap:8px;display:flex}.stress-top{justify-content:space-between;align-items:baseline;display:flex}.stress-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700}.stress-unit{color:var(--text-muted);font-size:.8rem;font-weight:500}.stress-bar{border-radius:var(--radius-pill);background:var(--bg-subtle);height:8px;position:relative;overflow:hidden}.stress-bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#5b5bd6,#8a5bd6);transition:width .4s;position:absolute;inset:0 auto 0 0}.prediction-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.prediction-value{font-variant-numeric:tabular-nums;font-weight:600}.unavailable,.feed-stale,.form-summary-error{color:var(--heat);background:var(--heat-soft);border-radius:var(--radius-sm);border:1px solid #ea580c2e;align-items:center;gap:7px;margin:0 0 12px;padding:8px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.feed-stale,.form-summary-error{color:var(--emergency);background:var(--emergency-soft);border-color:#dc26262e}.vitals-list,.history-list,.window-list,.alert-list{margin:0;padding:0;list-style:none}.history-count{color:var(--text-muted);margin:-6px 0 12px;font-size:.78rem}.history-empty,.windows-empty,.alerts-empty,[data-testid=alerts-empty],[data-testid=windows-empty]{color:var(--text-muted);background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:22px;font-size:.82rem;display:flex}.history-row{border-bottom:1px solid var(--border);grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.history-row:last-child{border-bottom:none}.history-label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.sparkline{color:var(--accent);width:100%;display:block}.history-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-left:auto;font-size:.78rem;display:inline-flex}.history-toggle input{accent-color:var(--accent);width:15px;height:15px}.window-list{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.window-item{cursor:pointer;font-family:var(--font-sans);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 12px;font-size:.78rem;font-weight:500;transition:all .15s}.window-item:hover{border-color:var(--border-strong);background:var(--surface-hover)}.window-item.selected{color:var(--accent);background:var(--accent-soft);border-color:#5b5bd640;font-weight:600}.window-detail{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.manual-form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-secondary);font-size:.76rem;font-weight:500}.form-field input{font-family:var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;padding:9px 11px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.form-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-field input[aria-invalid=true]{border-color:var(--emergency)}.form-field input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc26262e}.field-error{color:var(--emergency);font-size:.72rem;font-weight:500}.form-actions{grid-column:1/-1;margin-top:2px}.btn-primary{width:100%;font-family:var(--font-sans);color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#0a0a0b;border:1px solid #0a0a0b;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:.86rem;font-weight:600;transition:background .15s,transform 50ms,opacity .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#26262b}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.alert-list{flex-direction:column;gap:10px;display:flex}.alert-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px 12px 16px;position:relative;overflow:hidden}.alert-item:before{content:"";background:var(--emergency);width:3px;position:absolute;inset:0 auto 0 0}.alert-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.alert-window{color:var(--text);align-items:center;gap:7px;font-size:.82rem;font-weight:600;display:inline-flex}.alert-window .icon{color:var(--emergency)}.alert-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.alert-sources{text-transform:uppercase;letter-spacing:.03em;color:var(--emergency);gap:6px;margin-bottom:6px;font-size:.7rem;font-weight:500;display:inline-flex}.alert-vitals{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.76rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.login-screen{background:radial-gradient(900px 500px at 50% -10%, #f0f0fb 0%, #f0f0fb00 60%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:28px}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-titles h1{letter-spacing:-.02em;margin:0;font-size:1.02rem;font-weight:650}.login-titles p{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.login-form{flex-direction:column;gap:14px;display:flex}.login-error{color:var(--emergency);background:var(--emergency-soft);border-radius:var(--radius-sm);border:1px solid #dc26262e;align-items:center;gap:7px;margin:0;padding:9px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.login-foot{color:var(--text-muted);align-items:center;gap:7px;margin:18px 0 0;font-size:.74rem;display:flex}.user-menu{align-items:center;gap:8px;display:inline-flex}.user-chip{color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-pill);padding:5px 10px;font-size:.78rem;font-weight:500}.logout-btn{font-family:var(--font-sans);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s}.logout-btn:hover{background:var(--surface-hover);border-color:var(--text-muted)}.simulate-bar{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.simulate-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.74rem;font-weight:600}.simulate-buttons{flex-wrap:wrap;gap:8px;display:flex}.simulate-btn{font-family:var(--font-sans);color:var(--btn-accent,var(--text-secondary));background:var(--surface);border:1.5px solid var(--btn-accent,var(--border-strong));border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.simulate-btn:hover:not(:disabled){background:color-mix(in srgb, var(--btn-accent,var(--accent)) 8%, white);box-shadow:0 2px 8px color-mix(in srgb, var(--btn-accent,var(--accent)) 20%, transparent);transform:translateY(-1px)}.simulate-btn:active:not(:disabled){transform:translateY(0)}.simulate-btn:disabled{opacity:.5;cursor:not-allowed}.prediction-result-card{background:linear-gradient(135deg, var(--bg-subtle) 0%, var(--surface) 100%);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:16px;padding:16px;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-detail{opacity:.7;margin-top:4px;font-size:.72rem;display:block}.form-field input[type=number]{-moz-appearance:textfield}.form-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dashboard-full{background:#f8f9fb}.dashboard-main-full{max-width:100%;padding:24px 32px 56px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:20px 22px;transition:transform .15s,box-shadow .15s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.kpi-hr .kpi-icon{color:#e11d48;background:#fde8ec}.kpi-spo2 .kpi-icon{color:#2563eb;background:#e8f1fe}.kpi-temp .kpi-icon{color:#ea580c;background:#fef0e6}.kpi-stress .kpi-icon{color:#7c3aed;background:#f0e8fe}.kpi-info{flex-direction:column;flex:1;gap:2px;display:flex}.kpi-value{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.kpi-label{color:var(--text-muted);font-size:.76rem;font-weight:500}.kpi-trend{border-radius:var(--radius-pill);padding:4px 8px;font-size:.72rem;font-weight:600}.kpi-trend.up{color:#dc2626;background:#fef2f2}.kpi-trend.down{color:#059669;background:#ecfdf5}.kpi-trend.stable{color:#0284c7;background:#f0f9ff}.charts-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.chart-card{padding:20px}.chart-wide{grid-column:span 2}.mini-chart{width:100%}.mini-chart-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.mini-chart-label{color:var(--text-muted);font-size:.74rem;font-weight:500}.mini-chart-value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.mini-chart-svg{width:100%;height:100px;display:block}.donut-card{flex-direction:column;align-items:center;display:flex}.donut-container{width:120px;height:120px;margin:8px auto;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-svg circle{transition:stroke-dasharray .5s}.donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-total{color:var(--text);font-size:1.3rem;font-weight:700}.donut-label{color:var(--text-muted);font-size:.68rem}.donut-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;font-size:.72rem;font-weight:500;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-normal .legend-dot{background:#10b981}.legend-fatigue .legend-dot{background:#f59e0b}.legend-heatstress .legend-dot{background:#f97316}.legend-emergency .legend-dot{background:#ef4444}.prediction-row{margin-bottom:24px}.prediction-panel{padding:24px}.alerts-row{margin-bottom:24px}.alerts-panel{padding:24px}.alerts-seeded{flex-direction:column;gap:10px;display:flex}.alert-item-seed{border-radius:var(--radius-sm);border-left:4px solid;align-items:center;gap:12px;padding:12px 16px;display:flex}.alert-item-seed.emergency{background:#fef2f2;border-color:#ef4444}.alert-item-seed.warning{background:#fffbeb;border-color:#f59e0b}.alert-item-seed.info{background:#f0f9ff;border-color:#3b82f6}.alert-item-seed.ok{background:#ecfdf5;border-color:#10b981}.alert-time-seed{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:65px;font-size:.74rem;font-weight:600}.alert-msg{color:var(--text);font-size:.82rem;font-weight:500}.live-pill{color:#059669;background:#ecfdf5;border-color:#a7f3d0}@media (width<=1024px){.kpi-row{grid-template-columns:repeat(2,1fr)}.chart-wide{grid-column:span 1}}@media (width<=640px){.kpi-row{grid-template-columns:1fr}.dashboard-main-full{padding:16px}}