*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--hos-bg:#0f1117;--hos-surface:#1a1d27;--hos-surface-2:#22263a;--hos-surface-raised:#252940;--hos-border:#2d3250;--hos-accent:#3b82f6;--hos-accent-hover:#60a5fa;--hos-success:#22c55e;--hos-warning:#f59e0b;--hos-danger:#ef4444;--hos-critical:#dc2626;--hos-text:#e2e8f0;--hos-text-muted:#94a3b8;--hos-text-dim:#64748b;--hos-font:"Inter", system-ui, -apple-system, sans-serif;--hos-mono:"JetBrains Mono", "Fira Code", monospace;--hos-radius:8px;--hos-radius-sm:4px;--hos-nav-width:220px;--hos-header-height:56px}html,body,#root{background:var(--hos-bg);width:100%;height:100%;color:var(--hos-text);font-family:var(--hos-font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--hos-accent);text-decoration:none}a:hover{color:var(--hos-accent-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.hos-layout{flex-direction:column;height:100%;display:flex}.hos-header{height:var(--hos-header-height);background:var(--hos-surface);border-bottom:1px solid var(--hos-border);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.hos-header-wordmark{letter-spacing:-.02em;color:var(--hos-text);font-size:16px;font-weight:700}.hos-header-wordmark span{color:var(--hos-accent)}.hos-header-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--hos-text-muted);background:var(--hos-surface-2);border:1px solid var(--hos-border);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.hos-header-spacer{flex:1}.hos-header-meta{color:var(--hos-text-dim);font-size:11px}.hos-body{flex:1;display:flex;overflow:hidden}.hos-nav{width:var(--hos-nav-width);background:var(--hos-surface);border-right:1px solid var(--hos-border);flex-shrink:0;padding:12px 0;overflow-y:auto}.hos-nav-section{margin-bottom:4px}.hos-nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--hos-text-dim);padding:8px 16px 4px;font-size:10px;font-weight:600}.hos-nav-item{color:var(--hos-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:8px;padding:7px 16px;font-size:13px;transition:all .12s;display:flex}.hos-nav-item:hover{color:var(--hos-text);background:var(--hos-surface-2)}.hos-nav-item.active{color:var(--hos-accent);border-left-color:var(--hos-accent);background:#3b82f614}.hos-nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.hos-main{flex:1;padding:24px;overflow-y:auto}.hos-card{background:var(--hos-surface);border:1px solid var(--hos-border);border-radius:var(--hos-radius);margin-bottom:16px;padding:20px}.hos-card-title{letter-spacing:.02em;color:var(--hos-text);margin-bottom:4px;font-size:13px;font-weight:600}.hos-card-sub{color:var(--hos-text-muted);margin-bottom:12px;font-size:12px}.hos-page-header{margin-bottom:24px}.hos-page-title{letter-spacing:-.02em;color:var(--hos-text);font-size:20px;font-weight:700}.hos-page-desc{color:var(--hos-text-muted);margin-top:4px;font-size:13px}.hos-badge{letter-spacing:.04em;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.hos-badge-blue{color:#93c5fd;background:#3b82f626}.hos-badge-green{color:#86efac;background:#22c55e26}.hos-badge-yellow{color:#fcd34d;background:#f59e0b26}.hos-badge-red{color:#fca5a5;background:#ef444426}.hos-badge-gray{background:var(--hos-surface-2);color:var(--hos-text-muted)}.hos-stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.hos-stat,.hos-stat-card{background:var(--hos-surface);border:1px solid var(--hos-border);border-radius:var(--hos-radius);padding:16px}.hos-stat-sub{color:var(--hos-text-dim);margin-top:2px;font-size:11px}.hos-stat-value{letter-spacing:-.03em;color:var(--hos-text);font-size:28px;font-weight:700;line-height:1}.hos-stat-label{color:var(--hos-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:500}.hos-instrument-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.hos-instrument-card{background:var(--hos-surface);border:1px solid var(--hos-border);border-radius:var(--hos-radius);cursor:pointer;padding:20px;transition:border-color .12s,background .12s}.hos-instrument-card:hover{border-color:var(--hos-accent);background:var(--hos-surface-2)}.hos-instrument-code{letter-spacing:.08em;text-transform:uppercase;color:var(--hos-accent);margin-bottom:6px;font-size:11px;font-weight:700}.hos-instrument-title{color:var(--hos-text);margin-bottom:6px;font-size:14px;font-weight:600}.hos-instrument-desc{color:var(--hos-text-muted);font-size:12px;line-height:1.5}.hos-instrument-meta{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hos-score-bar{background:var(--hos-surface-2);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.hos-score-fill{border-radius:3px;height:100%;transition:width .3s}.hos-table{border-collapse:collapse;width:100%;font-size:13px}.hos-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--hos-text-dim);border-bottom:1px solid var(--hos-border);padding:8px 12px;font-size:11px;font-weight:600}.hos-table td{border-bottom:1px solid var(--hos-border);color:var(--hos-text-muted);padding:10px 12px}.hos-table tr:last-child td{border-bottom:none}.hos-table tr:hover td{background:var(--hos-surface-2);color:var(--hos-text)}.hos-field{margin-bottom:16px}.hos-label{color:var(--hos-text-muted);letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.hos-input{background:var(--hos-surface-2);border:1px solid var(--hos-border);border-radius:var(--hos-radius-sm);width:100%;color:var(--hos-text);outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .12s}.hos-input:focus{border-color:var(--hos-accent)}.hos-btn{border-radius:var(--hos-radius-sm);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.hos-btn-primary{background:var(--hos-accent);color:#fff}.hos-btn-primary:hover{background:var(--hos-accent-hover)}.hos-btn-ghost{background:var(--hos-surface-2);color:var(--hos-text-muted);border:1px solid var(--hos-border)}.hos-btn-ghost:hover{color:var(--hos-text);border-color:var(--hos-accent)}.hos-divider{border:none;border-top:1px solid var(--hos-border);margin:16px 0}.hos-disclaimer{border-radius:var(--hos-radius-sm);color:#fcd34d;background:#f59e0b14;border:1px solid #f59e0b4d;margin-bottom:16px;padding:10px 14px;font-size:12px}.pressure-low{color:var(--hos-success)}.pressure-normal{color:var(--hos-accent)}.pressure-high{color:var(--hos-warning)}.pressure-critical{color:var(--hos-critical)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hos-border);border-radius:3px}