:root{--tl-dark: #0c2d48;--tl-standard: #145da0;--tl-bright: #2e8bc0;--tl-light: #b1d4e0;--tl-red: #d92d20;--bg: #f4f7fa;--surface: #ffffff;--surface-2: #eef3f7;--border: #d6e1ea;--text: #0c2d48;--text-muted: #5b7184;--trace: #111418;--trace-oor: var(--tl-red);--header-bg: var(--tl-dark);--header-text: #ffffff;--accent: var(--tl-standard);--shadow: 0 1px 3px rgba(12, 45, 72, .12)}html[data-theme=dark]{--bg: #0a1722;--surface: #0f2436;--surface-2: #13293d;--border: #1d3a52;--text: #e8eef3;--text-muted: #93a9bd;--trace: #e8eef3;--trace-oor: #ff5a4d;--header-bg: #081521;--header-text: #ffffff;--accent: var(--tl-bright);--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;font-family:Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3,.heading{font-family:Roboto Condensed,sans-serif;margin:0}.wordmark{font-family:League Spartan,sans-serif;font-weight:700;letter-spacing:.5px}.app-header{background:var(--header-bg);color:var(--header-text);display:flex;align-items:center;gap:18px;padding:12px 24px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand-logo{height:30px;display:block}.brand-cloud{font-family:League Spartan,sans-serif;font-weight:500;font-size:13px;letter-spacing:3px;color:var(--tl-light);padding-bottom:2px}.app-header .tagline{color:var(--tl-light);font-size:12px;font-style:italic}.app-header nav{display:flex;gap:4px;margin-left:24px}.app-header nav a{color:#cfe2ee;text-decoration:none;padding:6px 14px;border-radius:6px;font-family:Roboto Condensed,sans-serif;font-size:15px}.app-header nav a.active,.app-header nav a:hover{background:#ffffff1f;color:#fff}.spacer{flex:1}.theme-toggle{background:#ffffff1f;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:16px}.whoami{font-size:13px;color:var(--tl-light)}.app-header .btn.secondary{color:#fff;border-color:#ffffff73;background:#ffffff1a}.app-header .btn.secondary:hover{background:#fff3}main{max-width:1180px;margin:0 auto;padding:28px 24px 60px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat .label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat .value{font-family:Roboto Condensed,sans-serif;font-size:26px;font-weight:700;margin-top:4px}button.stat{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;width:100%}.stat.clickable{cursor:pointer;transition:border-color .1s,box-shadow .1s}.stat.clickable:hover{border-color:var(--tl-bright)}.stat.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border);font-size:14px}th{font-family:Roboto Condensed,sans-serif;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.04em}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;font-family:Roboto Condensed,sans-serif}.badge.pass{background:#e3f4ea;color:#1c7a45}.badge.fail{background:#fbe3e1;color:#b3261e}.badge.quarantined{background:#fff3d6;color:#9a6700}.badge.lock{background:var(--surface-2);color:var(--text-muted)}html[data-theme=dark] .badge.pass{background:#11321f;color:#6fdc9a}html[data-theme=dark] .badge.fail{background:#3a1614;color:#ff8a80}html[data-theme=dark] .badge.quarantined{background:#332813;color:#f0c462}.btn{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label.field{display:block;font-size:13px;color:var(--text-muted);margin:12px 0 4px}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}.toolbar .search{flex:1 1 260px;max-width:360px}.toolbar .ctrl{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;cursor:pointer}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:40px;text-align:center;color:var(--text-muted);background:var(--surface-2);cursor:pointer}.dropzone.drag{border-color:var(--tl-bright);color:var(--tl-bright)}.muted{color:var(--text-muted)}.row{display:flex;gap:24px;flex-wrap:wrap}.range-control{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.range-control input[type=range]{accent-color:var(--accent)}.dual-range{position:relative;height:30px}.dual-range>input[type=range]{position:absolute;top:0;left:0;width:100%;height:30px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;pointer-events:none;z-index:3}.dual-range>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:pointer;box-shadow:0 1px 2px #00000059}.dual-range>input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:pointer}.dual-range>input[type=range]::-moz-range-track{background:none}.dual-range .track{position:absolute;top:13px;left:2px;right:2px;height:4px;border-radius:4px;background:var(--surface-2)}.dual-range .track .sel{position:absolute;height:100%;border-radius:4px;background:var(--accent)}.axis-inputs{display:flex;gap:10px;margin-top:14px}.axis-inputs label{flex:1;font-size:12px;color:var(--text-muted)}.axis-inputs label span{display:block;margin-bottom:4px}.axis-inputs input[type=number]{width:100%;padding:7px 8px}.back-link{color:var(--accent);text-decoration:none;font-size:14px}.integrity{font-size:12px;color:var(--text-muted);display:inline-flex;gap:6px;align-items:center}code.hash{font-size:11px;color:var(--text-muted);word-break:break-all}.timeline{list-style:none;margin:6px 0 0;padding:0}.timeline li{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:8px 0 8px 14px;border-left:2px solid var(--border);position:relative}.timeline li:before{content:"";position:absolute;left:-5px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--border)}.timeline li.ev-insp:before{background:var(--accent)}.timeline .ev-when{font-size:12px;color:var(--text-muted);min-width:150px}.timeline .ev-msg{font-size:14px}.timeline .ev-actor{font-size:13px}
