.sensor-card{background:#f1f5f9;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:2rem;border:2px dashed #cbd5e1}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.status-online{background:#10b981;box-shadow:0 0 8px #10b981}.status-offline{background:#ef4444}.sensor-card h2{font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border)}.chart-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:10px}.live-value{font-family:monospace;font-size:1.5rem;color:var(--primary);font-weight:700}.chart-controls{display:flex;gap:1em;font-size:.85rem;margin-bottom:10px;color:var(--text-muted)}.chart-controls input{margin-left:5px}:root{--primary: #2563eb;--bg-color: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--accent: #10b981;--border-color: #333}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-main)}.app-container{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.page-1-wrapper{grid-row:2;grid-template-columns:300px 1fr}.settings-panel{grid-column:1;background:#fff;border-right:1px solid var(--border);padding:1.5rem;overflow-y:auto}.dashboard{grid-column:2;padding:2rem;display:flex;flex-direction:column;gap:2rem}header h1{font-size:1.1rem;margin:0;font-weight:600}header h4{margin:0;font-weight:600}.logo{height:24px;width:auto}h1,h2,h3{color:var(--text-main);margin-bottom:1rem}.control-group{margin-bottom:1rem;align-items:center;justify-content:space-between}input[type=number],input[type=text]{width:60px;padding:4px 8px;border:1px solid var(--border);border-radius:4px}button{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:opacity .2s;margin:5px}button:hover{opacity:.9}.action-bar{display:flex;gap:10px;margin-top:20px}header{grid-row:1;background:#fff;padding:.4rem 1.5rem;height:50px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center;box-sizing:border-box}header h1{font-size:1.2rem;font-weight:500;letter-spacing:-.01em;color:#000;margin-right:auto}header nav{display:flex;gap:.5rem;height:100%;align-items:center}header nav button{background:transparent;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:400;color:#666;cursor:pointer;position:relative;height:100%;transition:color .2s ease;letter-spacing:.02em}header nav button:hover{color:#000}header nav button.active{color:#000;font-weight:500}header nav button.active:after{content:"";position:absolute;bottom:-1px;left:1rem;right:1rem;height:2px;background:#000}header nav button:focus{outline:none;color:#000}header nav button:focus-visible{outline:2px solid black;outline-offset:2px}.docs-container{max-width:900px;margin:0 auto;padding:40px 20px;color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.docs-header{text-align:center;margin-bottom:40px}.docs-header h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.tab-group{display:flex;justify-content:center;gap:10px;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.tab-group button{background:none;border:none;color:var(--text-dim);padding:10px 20px;cursor:pointer;font-size:1rem;transition:.3s}.tab-group button.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:700}.docs-content h2{margin-top:30px;color:var(--primary);border-left:4px solid var(--primary);padding-left:15px}.step-list{padding-left:20px}.step-list li{margin-bottom:15px}.highlight-btn{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:opacity .2s;margin:5px}.info-box{background:#fff;border:1px solid #004a99;padding:20px;border-radius:8px;margin:20px 0}.docs-table{width:100%;border-collapse:collapse;margin-top:20px;background:var(--card-bg)}.docs-table th,.docs-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.docs-table th{background:#fff;color:var(--text-dim)}.warning{color:#ff453a;font-weight:700}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spec-list{list-style:none;padding:0}.spec-list li{margin-bottom:12px;padding-left:10px;border-left:2px solid var(--primary)}.formula-box{background:#f4f4f4;padding:15px;border-radius:8px;text-align:center;margin:20px 0;border:1px dashed var(--border-color)}.formula{font-family:Courier New,Courier,monospace;font-weight:700;font-size:1.2rem;color:#333;margin:0}.info-box h3{margin-top:0;color:var(--primary);font-size:1.1rem}.docs-table td strong{color:var(--primary)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.resource-icon{font-size:2.5rem;margin-bottom:15px}.info-box{display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease}.info-box:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.highlight-btn:hover{opacity:.9;color:#fff}