:root{--nssl-yellow: #ffc543;--nssl-black: #12110c;--nssl-light-gold: #ffd068;--nssl-dark-gold: #e5a800;--sw-background: #232323;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--card-bg: #2d2d2d;--header-bg: #333333;--border-color: #535353;--table-header-bg: #1a1a1a;--hover-bg: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #8d8d8d;--sw-warning: #ffb000;--sw-alert: #ff2e4b;--sw-ok: #4bb15d;--shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--shadow-focus-yellow: 0 0 0 .25rem rgba(255, 197, 67, .25);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 999px;--font-body: Roboto, system-ui, -apple-system, sans-serif;--font-display: "Roboto Condensed", Roboto, system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--sw-background);color:var(--text-primary);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,th,button,.pill{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em}a{color:var(--nssl-yellow);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--nssl-black);border-bottom:1px solid var(--border-color)}.topbar img{height:30px}.topbar nav{display:flex;gap:var(--space-xs);margin-left:auto}.navlink{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:13px;cursor:pointer;background:none;border:1px solid transparent}.navlink:hover{background:var(--hover-bg);color:var(--text-primary);text-decoration:none}.navlink.active{color:var(--nssl-black);background:var(--nssl-yellow)}.navlink .count{margin-left:6px;padding:1px 7px;border-radius:var(--radius-pill);background:var(--sw-alert);color:#fff;font-size:11px}.navlink.active .count{background:var(--nssl-black);color:var(--nssl-yellow)}main{flex:1;padding:var(--space-lg);max-width:1500px;width:100%;margin:0 auto}.page-head{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.page-head h1{margin:0;font-size:22px;color:var(--nssl-yellow)}.page-head .sub{color:var(--text-muted);font-size:13px}.page-head .spacer{margin-left:auto}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.card+.card{margin-top:var(--space-lg)}.card-head{padding:var(--space-md);border-bottom:1px solid var(--border-color);background:var(--header-bg);display:flex;align-items:center;gap:var(--space-md)}.card-head h2{margin:0;font-size:14px;color:var(--text-primary)}.card-body{padding:var(--space-md)}table{width:100%;border-collapse:collapse;table-layout:auto}.card:has(>table){overflow-x:auto;overflow-y:hidden}td.wrap{white-space:normal;overflow-wrap:anywhere;max-width:46ch}th{text-align:left;font-size:11px;color:var(--text-muted);background:var(--table-header-bg);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);white-space:nowrap}td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(83,83,83,.4);vertical-align:middle}tbody tr:hover{background:var(--hover-bg)}tbody tr.clickable{cursor:pointer}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--text-muted)}.pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:11px;white-space:nowrap;background:var(--bg-tertiary);color:var(--text-secondary)}.pill.healthy{background:var(--sw-ok);color:#06210c}.pill.warning{background:var(--sw-warning);color:var(--nssl-black)}.pill.critical{background:var(--sw-alert);color:#fff}.pill.silent{background:#6b6b6b;color:#e8e8e8}.pill.resolved{background:#3a3a3a;color:var(--text-secondary)}.svccounts{display:inline-flex;flex-direction:row-reverse;gap:4px}.pill.svccount{background:transparent;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--border-color);font-variant-numeric:tabular-nums;cursor:help}.pill.svccount.critical{box-shadow:none}.svccount-label{margin-left:5px;opacity:.6;text-transform:none}.pill.svccount.critical .svccount-label{opacity:.8}.bar{height:6px;border-radius:var(--radius-pill);background:var(--bg-tertiary);overflow:hidden;min-width:60px}.bar>span{display:block;height:100%;background:var(--nssl-yellow)}.bar.warn>span{background:var(--sw-warning)}.bar.crit>span{background:var(--sw-alert)}input[type=text],input[type=url],input[type=number],input[type=search],input[type=email],input[type=password],input:not([type]),select,textarea{padding:5px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:13px}input[type=text]:focus-visible,input[type=url]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input:not([type]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--nssl-yellow);box-shadow:var(--shadow-focus-yellow)}::placeholder{color:var(--text-muted);opacity:1}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-primary) inset}button{font-size:12px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer}button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--nssl-yellow)}button:focus-visible{outline:none;box-shadow:var(--shadow-focus-yellow)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--nssl-yellow);color:var(--nssl-black);border-color:var(--nssl-dark-gold)}button.primary:hover:not(:disabled){background:var(--nssl-light-gold)}button.danger{color:var(--sw-alert);border-color:#ff2e4b66}button.danger:hover:not(:disabled){background:#ff2e4b1f;border-color:var(--sw-alert)}.empty{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.empty .icon{font-size:32px;display:block;margin-bottom:var(--space-sm)}.banner{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--sw-alert);background:#ff2e4b1a;color:var(--text-primary);margin-bottom:var(--space-md)}tbody tr.member td{background:#0000002e;border-bottom-color:#53535340}tbody tr.member:hover td{background:var(--hover-bg)}.banner.maintenance{border-color:var(--nssl-yellow);background:#ffc5431a}.pill.maint{background:var(--nssl-yellow);color:var(--nssl-black);margin-left:6px}.pill.mutedpill{background:transparent;color:var(--nssl-yellow);box-shadow:inset 0 0 0 1px var(--nssl-yellow);margin-left:6px}.banner.muted-host{border-color:var(--nssl-yellow);background:#ffc54314}.grid{display:grid;gap:var(--space-lg);align-items:stretch}.grid>.card{margin-top:0;height:100%;display:flex;flex-direction:column}.grid>.card>.card-body{flex:1}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.stat{display:flex;align-items:center;gap:var(--space-md)}.stat .icon{font-size:22px}.stat .label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat .value{display:block;font-family:var(--font-display);font-weight:800;font-size:24px}code.cmd{display:block;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--nssl-black);border:1px solid var(--border-color);color:var(--nssl-yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow-x:auto;white-space:pre;margin:var(--space-md) 0}.login{max-width:380px;margin:12vh auto;text-align:center}.login img{height:44px;margin-bottom:var(--space-lg)}.heatmap{display:grid;grid-template-columns:92px repeat(24,minmax(0,1fr));gap:3px;align-items:center}.heatmap-corner{height:1px}.heatmap-hour{font-size:10px;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.heatmap-day{font-size:11px;color:var(--text-secondary);white-space:nowrap;padding-right:var(--space-sm)}.heatmap-cell{aspect-ratio:1;border-radius:3px;min-height:14px;box-shadow:inset 0 0 0 1px #ffffff0a}.heatmap-cell.has-value:hover{box-shadow:0 0 0 2px var(--card-bg),0 0 0 3px var(--nssl-yellow)}.heatmap-footer{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:12px;flex-wrap:wrap}.heatmap-legend{display:inline-flex;align-items:center;gap:3px}.heatmap-key{width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff0a}.banner.coverage{border-color:var(--nssl-yellow);background:#ffc54314}.banner.coverage a{text-decoration:underline}.coverage-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}table.shape{width:auto;min-width:320px}table.shape th,table.shape td{padding:var(--space-xs) var(--space-md)}table.shape th:first-child,table.shape td:first-child{padding-left:0}table.shape tbody tr:hover{background:none}.shape-title{margin:0 0 var(--space-sm);font-size:12px;color:var(--text-muted)}.watcher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--space-sm) var(--space-lg)}.watcher{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) 0}.watcher input{accent-color:var(--nssl-yellow);cursor:pointer}.watcher .coverage-chip,.watcher>.muted:last-child{margin-left:auto}.dc-input{width:110px;padding:3px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:12px}.dc-input:focus-visible{outline:none;box-shadow:var(--shadow-focus-yellow)}.filter-input{padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:12px}.filter-input:focus-visible{outline:none;box-shadow:var(--shadow-focus-yellow)}.error-detail{background:var(--header-bg);padding:var(--space-md)}.error-detail .label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.error-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.advisories{margin:0;padding-left:var(--space-md);color:var(--text-secondary);font-size:13px}.advisories li{margin-bottom:var(--space-xs)}.location{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.pill.source{background:transparent;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--border-color);cursor:help}.pill.source.ip,.pill.source.metadata{color:var(--nssl-yellow);box-shadow:inset 0 0 0 1px #ffc54380}.pill.source.unknown{color:var(--text-muted)}.shape-source{display:block;font-family:var(--font-body);font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted)}.posture-counts{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.posture-count{display:flex;align-items:center;gap:var(--space-sm)}.posture-count strong{font-family:var(--font-display);font-size:22px;line-height:1}.version-group{display:inline-block;white-space:nowrap;margin-right:var(--space-md)}.rule-host{display:inline-block;margin-left:var(--space-sm);color:var(--nssl-yellow);text-decoration:none;white-space:nowrap}.rule-host:hover{text-decoration:underline}.code-block{background:var(--surface-2, #1a1a1a);border:1px solid var(--border, #535353);border-radius:4px;padding:var(--space-md);overflow-x:auto;white-space:pre;margin:0 0 var(--space-md);line-height:1.5}.code-line{display:flex;gap:var(--space-md)}.code-line.marked{background:#ffc54314}.code-gutter{width:2ch;color:var(--accent, #ffc543);flex:none}.code-num{width:4ch;text-align:right;color:var(--muted, #888);flex:none;-webkit-user-select:none;user-select:none}.tl-windows{display:inline-flex;gap:2px}.tl-windows button{min-width:42px}.tl-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);align-items:center;margin-bottom:var(--space-sm)}.tl-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}.tl-group-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tl-toggle{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;white-space:nowrap}.tl-toggle input{accent-color:var(--nssl-yellow);cursor:pointer}.tl-toggle-full{opacity:.45;cursor:not-allowed}.tl-toggle-full input{cursor:not-allowed}.tl-swatch{width:10px;height:10px;flex:none;border-radius:2px;border:1px solid transparent}.tl-pane{width:100%}.tl-pane+.tl-pane{margin-top:var(--space-xs)}.tl-lanes-head{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.tl-lane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px var(--space-lg);margin-top:var(--space-sm)}.tl-lane-grid .tl-toggle{padding:3px 0}.tl-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm);font-size:12px;min-width:190px}.tl-tooltip-time{color:var(--text-secondary);margin-bottom:4px}.tl-reading{display:flex;align-items:center;gap:6px}.tl-tooltip-events{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-color);color:var(--nssl-yellow)}.tl-events{margin-top:var(--space-md)}.tl-events td,.tl-events th{font-size:12px}.tl-events .wrap{white-space:normal}