:root{--os-bg: #0b0e14;--os-surf: #111520;--os-surf2: #161c2a;--os-surf3: #1a2035;--os-border: #1e2740;--os-border2: #263050;--os-txt: #d4daf0;--os-muted: #5a6480;--os-hint: #384060;--os-acc: #3b6ef5;--os-acc2: #2d5fd4;--os-red: #e84040;--os-amber: #d4900a;--os-green: #1fa066;--os-blue: #2a7fd4;--os-red-d: #2a1414;--os-amber-d: #251a08;--os-green-d: #0d201a;--os-blue-d: #0d1e30;--os-red-t: #f07070;--os-amber-t: #f5b83a;--os-green-t: #3ecf8e;--os-blue-t: #5b9ef5;--os-btn-text: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--os-bg);color:var(--os-txt);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%}.os-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:.04em}.os-badge--elevated{background:var(--os-amber-d);color:var(--os-amber-t);border:1px solid #3a2800}.os-badge--critical{background:var(--os-red-d);color:var(--os-red-t);border:1px solid #3a1010}.os-badge--ok{background:var(--os-green-d);color:var(--os-green-t);border:1px solid #0d3020}.os-badge--info{background:var(--os-blue-d);color:var(--os-blue-t);border:1px solid #0d1e38}.os-btn-primary{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:var(--os-acc);color:var(--os-btn-text);border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.os-btn-primary:hover{background:var(--os-acc2)}.os-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;color:var(--os-muted);border:1px solid var(--os-border);border-radius:4px;font-size:11px;cursor:pointer}.os-btn-ghost:hover{color:var(--os-txt);border-color:var(--os-acc)}.os-btn-danger{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--os-red-d);color:var(--os-red-t);border:1px solid var(--os-red-d);border-radius:4px;font-size:11px;cursor:pointer}.os-panel{background:var(--os-surf);border:1px solid var(--os-border);border-radius:6px;overflow:hidden}.os-panel-header{padding:9px 14px;border-bottom:1px solid var(--os-border);display:flex;align-items:center;justify-content:space-between}.os-panel-title{font-size:10px;font-weight:500;letter-spacing:.07em;color:var(--os-muted);text-transform:uppercase}.os-panel-action{font-size:11px;color:var(--os-acc);cursor:pointer}.os-panel-action:hover{text-decoration:underline}.os-metric{background:var(--os-surf2);border:1px solid var(--os-border);border-radius:6px;padding:11px 13px}.os-metric__label{font-size:10px;color:var(--os-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.os-metric__value{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.os-metric__value--red{color:var(--os-red-t)}.os-metric__value--amber{color:var(--os-amber-t)}.os-metric__value--green{color:var(--os-green-t)}.os-metric__value--blue{color:var(--os-blue-t)}.os-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.os-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.os-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.os-section-title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--os-muted);font-weight:500;margin-bottom:8px;margin-top:16px}.os-section-title:first-child{margin-top:0}.os-dev-badge{font-size:9px;padding:1px 5px;border-radius:2px;font-weight:500;display:inline-block;margin-right:2px}.os-dev-badge--ok{background:var(--os-green-d);color:var(--os-green-t);border:1px solid #0d3020}.os-dev-badge--fail{background:var(--os-red-d);color:var(--os-red-t);border:1px solid #3a1010}.os-enf-type{font-size:9px;padding:2px 6px;border-radius:2px;font-weight:500}.os-enf-type--block{background:var(--os-red-d);color:var(--os-red-t);border:1px solid #3a1010}.os-enf-type--throttle{background:var(--os-amber-d);color:var(--os-amber-t);border:1px solid #3a2800}.os-cov-badge{font-size:9px;padding:2px 7px;border-radius:2px;font-weight:500}.os-cov-badge--full{background:var(--os-green-d);color:var(--os-green-t);border:1px solid #0d3020}.os-cov-badge--partial{background:var(--os-amber-d);color:var(--os-amber-t);border:1px solid #3a2800}.os-cov-badge--none{background:var(--os-red-d);color:var(--os-red-t);border:1px solid #3a1010}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif}