@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main: #f4f6f9;--bg-card: #ffffff;--bg-surface: #f8fafc;--glass-border: #e2e8f0;--divider: #f1f5f9;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);--primary: #2563eb;--primary-light: #eff6ff;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--success: #10b981;--success-light: #f0fdf4;--success-gradient: linear-gradient(135deg, #34d399 0%, #10b981 100%);--warning: #f59e0b;--warning-light: #fffbeb;--warning-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--danger: #ef4444;--danger-light: #fef2f2;--danger-gradient: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-family: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-main: #0d1117;--bg-card: #161b22;--bg-surface: #1c2333;--glass-border: #30363d;--divider: #21262d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .7);--primary-light: rgba(59, 130, 246, .1);--success-light: rgba(16, 185, 129, .1);--warning-light: rgba(245, 158, 11, .1);--danger-light: rgba(239, 68, 68, .1);--text-main: #f0f6fc;--text-body: #c9d1d9;--text-muted: #8b949e;--text-faint: #484f58}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background:var(--bg-main);color:var(--text-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;transition:background .25s ease,color .25s ease}.container{width:100%;max-width:1320px;margin:0 auto;padding:24px 20px 48px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-green{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .35s ease-out forwards}.hover-scale{transition:box-shadow .2s ease}.hover-scale:hover{box-shadow:var(--shadow-md)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.pulse-animation{animation:pulse-green 2s infinite}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.header h1{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.3px;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-right{display:flex;gap:10px;align-items:center}.system-status{padding:5px 14px;border-radius:20px;font-weight:600;font-size:.78rem;letter-spacing:.3px}.system-active{background:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.25)}.system-stale{background:var(--warning-light);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.system-offline{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.system-simulated{background:var(--warning-light);color:var(--warning);border:1px solid rgba(245,158,11,.25)}[data-theme=dark] .system-active{background:#10b9811f;color:#34d399;border-color:#10b98133}[data-theme=dark] .system-stale{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b33}[data-theme=dark] .system-offline{background:#ef44441f;color:#f87171;border-color:#ef444433}[data-theme=dark] .system-simulated{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b33}[data-theme=dark] .header{background:var(--bg-card);border-color:var(--glass-border)}.theme-toggle-wrapper{position:relative;display:inline-block}.theme-toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.theme-toggle-label{display:block;width:52px;height:28px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;position:relative;transition:all .25s ease}.theme-toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003}.theme-icon{font-size:.8rem;line-height:1}.theme-toggle-checkbox:checked+.theme-toggle-label .theme-toggle-slider{transform:translate(24px);background:linear-gradient(135deg,#60a5fa,#3b82f6)}.theme-toggle-checkbox:checked+.theme-toggle-label{background:#3b82f614;border-color:#60a5fa40}.card{position:relative;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease;animation:fadeIn .5s ease-out forwards;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}[data-theme=dark] .card{background:var(--bg-card);border-color:var(--glass-border)}[data-theme=dark] .card:hover{border-color:#3d444d;box-shadow:0 6px 20px #00000080}.card h3{margin:0 0 6px;font-size:1rem;font-weight:600;color:var(--text-main);letter-spacing:-.2px}.card-desc{margin:0 0 16px;font-size:.82rem;color:var(--text-muted)}.rich-card{position:relative;overflow:hidden;display:flex;flex-direction:column}.top-section{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 900px){.top-section{grid-template-columns:1fr}}.health-track{height:6px;background:var(--bg-surface);border-radius:4px;overflow:hidden;margin:12px 0;border:1px solid var(--divider)}[data-theme=dark] .health-track{background:#ffffff0f;border-color:#ffffff0a}.health-fill{height:100%;border-radius:4px;background:var(--success-gradient);transition:width .6s cubic-bezier(.4,0,.2,1)}.risk-value{font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-2px;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.73rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.badge.low{background:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge.medium{background:var(--warning-light);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge.high{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.2);animation:pulse-ring 2s infinite}[data-theme=dark] .badge.low{background:#10b9811f;color:#34d399;border-color:#10b98133}[data-theme=dark] .badge.medium{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b33}[data-theme=dark] .badge.high{background:#ef44441f;color:#f87171;border-color:#ef444440}.chart-card{margin-top:20px}.chart-wrapper{height:300px;width:100%}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.875rem;border:2px dashed var(--glass-border);border-radius:var(--radius)}.params{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}.param-card{position:relative;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px 20px;transition:box-shadow .2s ease,border-color .2s ease}.param-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}[data-theme=dark] .param-card{background:var(--bg-card);border-color:var(--glass-border)}[data-theme=dark] .param-card:hover{border-color:#3d444d}.param-card h4{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.bar{height:5px;background:var(--bg-surface);border-radius:3px;overflow:hidden;margin:10px 0;border:1px solid var(--divider)}[data-theme=dark] .bar{background:#ffffff0d;border-color:transparent}.bar span{display:block;height:100%;border-radius:3px;background:var(--primary-gradient);transition:width .5s ease}.param-value{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px}.stat-card{position:relative;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}[data-theme=dark] .stat-card{background:var(--bg-card);border-color:var(--glass-border)}[data-theme=dark] .stat-card:hover{border-color:#3d444d}.stat-card h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin:0 0 10px;font-weight:600}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:3px;line-height:1.3}.stat-sub{font-size:.78rem;color:var(--text-muted);font-weight:500}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;margin-bottom:12px;flex-shrink:0}.icon-wrapper.blue{background:var(--primary-light);color:var(--primary)}.icon-wrapper.green{background:var(--success-light);color:var(--success)}.icon-wrapper.orange{background:var(--warning-light);color:var(--warning)}.icon-wrapper.red{background:var(--danger-light);color:var(--danger)}[data-theme=dark] .icon-wrapper.blue{background:#3b82f61f;color:#60a5fa}[data-theme=dark] .icon-wrapper.green{background:#10b9811f;color:#34d399}[data-theme=dark] .icon-wrapper.orange{background:#f59e0b1f;color:#fbbf24}[data-theme=dark] .icon-wrapper.red{background:#ef44441f;color:#f87171}.ring-container{position:relative;width:120px;height:120px;margin:0 auto 16px}.ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--text-main)}.mid-insights{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.insight-card{padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center}.insight-card h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.insight-card p{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0}input,select{background:var(--bg-surface);border:1px solid var(--glass-border);padding:9px 13px;border-radius:var(--radius-sm);color:var(--text-main);font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}[data-theme=dark] input,[data-theme=dark] select{background:#ffffff0d;border-color:var(--glass-border);color:var(--text-main)}[data-theme=dark] input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}button{transition:opacity .15s ease,transform .15s ease}button:active{transform:scale(.98)}.footer{text-align:center;padding:32px 0 16px;color:var(--text-faint);font-size:.8rem;border-top:1px solid var(--divider);margin-top:40px}.param-card.sensor-disabled{opacity:.55;border-style:dashed;border-color:var(--glass-border)}.sensor-isolated-badge{display:inline-flex;align-items:center;gap:5px;margin:8px 0 12px;padding:4px 10px;font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);border:1px dashed var(--glass-border);letter-spacing:.3px}[data-theme=dark] .sensor-isolated-badge{background:#ffffff0a;border-color:#ffffff1a}.sensor-toggle-mini{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 10px;border-radius:20px;border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.8px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.sensor-toggle-mini:hover{background:var(--primary-light);border-color:#2563eb40;color:var(--primary);transform:none}[data-theme=dark] .sensor-toggle-mini{background:#ffffff0a;border-color:#ffffff1a;color:var(--text-muted)}.sensor-toggle-dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint);display:inline-block;transition:background .2s}.sensor-toggle-dot.on{background:var(--success);box-shadow:0 0 4px #10b98180}[data-theme=dark] h3,[data-theme=dark] .stat-value,[data-theme=dark] .ring-value{color:var(--text-main)}[data-theme=dark] .stat-sub,[data-theme=dark] .card-desc{color:var(--text-muted)}[data-theme=dark] .chart-card{background:var(--bg-card);border-color:var(--glass-border)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--bg-main, #f4fbff);color:var(--text-main, #0b2c3d)}