:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{padding:20px;max-width:1200px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}html,body,#root{margin:0;width:100%;min-height:100%;background:#020c1b;font-family:Arial,sans-serif;color:#fff}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:#030b18;border-right:1px solid #10213d;padding:24px;box-sizing:border-box}.logo{color:#4ade80;margin-bottom:36px}.navItem{display:block;color:#94a3b8;padding:12px 14px;border-radius:10px;margin-bottom:8px;cursor:pointer;text-decoration:none}.navItem:hover,.navItem.active{background:#0a1f3d;color:#4ade80}.navItem.disabled{cursor:not-allowed;opacity:.5}.main{flex:1;padding:28px;box-sizing:border-box;overflow-x:hidden}.topHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topHeader h1{margin:0;font-size:28px}.topHeader p{margin:6px 0 0;color:#94a3b8}.statusPill{border:none;border-radius:999px;padding:8px 16px;font-weight:700;background:#0a1f3d}.heroGrid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:30px}.gaugePanel{width:100%;min-height:360px;background:#0a1f3d;border-radius:20px;padding:28px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.quickStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.gauge{position:relative;width:220px;height:220px}.gaugeText{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gaugeText h1{margin:0;font-size:52px}.gaugeText p{margin:6px 0;color:#94a3b8}.quickStats{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}.sectionTitle{color:#e5e7eb;margin-bottom:14px;font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card{background:#0a1f3d;border-radius:18px;padding:18px;box-sizing:border-box;min-height:135px}.cardHeader{display:flex;justify-content:space-between;align-items:center}.cardTitle{color:#64748b;margin:0;font-size:13px}.cardValue{font-size:30px;font-weight:700;margin:16px 0 4px}.cardUnit{color:#94a3b8;font-size:12px;margin:0}.cardSubtitle{color:#64748b;font-size:10px}.progressBar{height:4px;background:#1e3a5f;border-radius:99px;margin:12px 0 8px}.progressFill{height:4px;border-radius:99px}.infoIcon{cursor:pointer;background:#000;color:#fff;border:none;border-radius:999px;width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9999;display:flex;justify-content:center;align-items:center}.modalBox{width:90%;max-width:340px;background:#0a1f3d;padding:24px;border-radius:18px}.modalBox button{background:#4ade80;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.quickStats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:700px){.layout{flex-direction:column}.sidebar{width:100%;display:flex;align-items:center;gap:12px;overflow-x:auto;padding:14px}.logo{margin:0 10px 0 0;font-size:18px}.sidebar nav{display:flex;gap:8px}.navItem{white-space:nowrap;margin-bottom:0;font-size:13px}.main{padding:16px}.topHeader{align-items:flex-start;gap:12px;flex-direction:column}.topHeader h1{font-size:22px}.gaugePanel{padding:18px}.quickStats{grid-template-columns:1fr}}.pillRow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.pillButton{background:#0a1f3d;border:1px solid #1e3a5f;color:#94a3b8;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer}.pillButtonActive{background:#4ade80;border-color:#4ade80;color:#020c1b}.center{display:flex;flex-direction:column;align-items:center;justify-content:center}.historyCard{background:#071a2f;border:1px solid #102a43;border-radius:24px;padding:24px;margin-bottom:18px}.historyTitle{color:#e2e8f0;font-size:24px;font-weight:800;margin:12px 0 0;text-align:center}.historySubtitle{color:#64748b;font-size:13px;margin:6px 0 0;text-align:center}.minMaxText{color:#94a3b8;font-size:13px;font-weight:700;margin:10px 0 0}.chartCardLarge{background:#071a2f;border:1px solid #102a43;border-radius:24px;padding:22px 18px 18px;margin-bottom:18px}.chartCard{background:#071a2f;border:1px solid #102a43;border-radius:22px;padding:20px 12px;margin-bottom:18px}.chartHeaderInfo{margin-bottom:12px}.chartRangeTitle{color:#e2e8f0;font-size:20px;font-weight:800;margin:0 0 6px}.chartAverageLabel{color:#94a3b8;font-size:14px;font-weight:600;margin:0 0 4px}.chartAverageValue{color:#4ade80;font-size:30px;font-weight:900;margin:0}.chartToggle{display:flex;gap:10px;margin-bottom:14px}.toggleBtn{background:#0a1f3d;border:1px solid #1e3a5f;color:#94a3b8;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer}.toggleActive{background:#4ade80;border-color:#4ade80;color:#020c1b}.settingsCard{background:#071a2f;border:1px solid #102a43;border-radius:24px;padding:20px;margin-bottom:18px}.settingsCard.cardDisabled{opacity:.55}.settingsCard .row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cardTitleLarge{color:#e2e8f0;font-size:20px;font-weight:800;margin:0 0 6px}.description{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}.inputRow{display:flex;gap:16px;margin-top:14px}.inputWrap{flex:1}.inputLabel{color:#94a3b8;font-size:13px;font-weight:700;margin:0 0 8px}.textInput{width:100%;height:52px;border-radius:14px;background:#0a1f3d;border:1px solid #1e3a5f;color:#fff;font-size:18px;font-weight:700;padding:0 14px;box-sizing:border-box}.textInput:disabled{background:#081728;color:#64748b}.switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switchTrack{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3a5f;border-radius:999px;cursor:pointer;transition:background .2s ease}.switchTrack:before{content:"";position:absolute;height:20px;width:20px;left:4px;top:4px;background:#e2e8f0;border-radius:50%;transition:transform .2s ease}.switch input:checked+.switchTrack{background:#4ade80}.switch input:checked+.switchTrack:before{transform:translate(20px)}.previewButton{width:100%;height:54px;border-radius:18px;background:#4ade80;color:#020c1b;border:none;font-size:16px;font-weight:800;margin-bottom:14px;cursor:pointer}.previewButtonSecondary{background:#0a1f3d;color:#e2e8f0;border:1px solid #1e3a5f}.statusMessage{color:#4ade80;font-weight:700;margin:-4px 0 18px}.footerCard{background:#071a2f;border:1px solid #102a43;border-radius:20px;padding:18px;margin-bottom:24px}.footerText{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.jsonPreview{background:#020c1b;border-radius:10px;padding:14px;color:#4ade80;font-size:13px;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word}.stepper{display:flex;align-items:stretch;height:52px;border-radius:14px;background:#0a1f3d;border:1px solid #1e3a5f;overflow:hidden}.stepper.stepperDisabled{background:#081728}.stepperInput{flex:1;min-width:0;border:none;background:transparent;color:#fff;font-size:18px;font-weight:700;padding:0 14px;box-sizing:border-box;-moz-appearance:textfield}.stepperInput::-webkit-outer-spin-button,.stepperInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepperInput:disabled{color:#64748b}.stepperArrows{display:flex;flex-direction:column;border-left:1px solid #1e3a5f;width:34px}.stepperArrow{flex:1;border:none;background:transparent;color:#94a3b8;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepperArrow:first-child{border-bottom:1px solid #1e3a5f}.stepperArrow:hover:not(:disabled){background:#102a43;color:#4ade80}.stepperArrow:disabled{cursor:not-allowed;color:#334155}.warningText{color:#ef4444;font-size:13px;font-weight:700;margin:10px 0 0}.previewButton:disabled{opacity:.45;cursor:not-allowed}.auditList{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auditRow{display:flex;gap:14px;background:#071a2f;border:1px solid #102a43;border-radius:16px;padding:16px 18px}.auditDot{flex-shrink:0;width:10px;height:10px;border-radius:50%;margin-top:6px}.auditBody{flex:1;min-width:0}.auditRowHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.auditBadge{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 10px}.auditTime{color:#64748b;font-size:12px;flex-shrink:0}.auditMsg{color:#e2e8f0;font-size:14px;margin:2px 0}.auditVal{color:#94a3b8;font-weight:700}.dangerButton{background:#ef4444;color:#fff;margin-top:14px}.loginPage{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.loginCard{width:100%;max-width:380px;background:#071a2f;border:1px solid #102a43;border-radius:24px;padding:28px;box-sizing:border-box}.loginCard .logo{margin:0 0 8px}.devicePicker{margin-bottom:24px}.deviceName{color:#fff;font-weight:700;margin:0}.deviceSelect{width:100%;height:40px;border-radius:10px;background:#0a1f3d;border:1px solid #1e3a5f;color:#fff;font-size:14px;padding:0 10px}.sidebarFooter{margin-top:32px;padding-top:16px;border-top:1px solid #10213d}.userEmail{color:#94a3b8;font-size:13px;margin:0 0 10px;word-break:break-all}.logoutButton{width:100%;height:38px;border-radius:10px;background:transparent;border:1px solid #1e3a5f;color:#94a3b8;font-weight:700;cursor:pointer}.logoutButton:hover{color:#4ade80;border-color:#4ade80}