*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060810;--s1:#0e1220;--s2:#151a2c;--s3:#1c2238;--brd:#242c44;--brd2:#323e60;--t1:#e2e0d8;--t2:#8c94b0;--t3:#505878;--acc:#e8a820;--acc-hi:#f0b830;--acc-bg:#e8a82010;--r:#e04848;--r-bg:#e0484814;--r-b:#e0484830;--o:#d09020;--o-bg:#d0902014;--o-b:#d0902030;--g:#28b868;--g-bg:#28b86814;--g-b:#28b86830;--b:#4888e0;--b-bg:#4888e014;--b-b:#4888e030;--p:#a060e0;--p-bg:#a060e014;--p-b:#a060e030;--f:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--m:"JetBrains Mono","Fira Code",monospace;--r8:8px;--r12:12px;--glow1:#0c1830;--glow2:#1a0c08}body.theme-blue{--bg:#070b14;--s1:#0d1322;--s2:#121b30;--s3:#1a2540;--brd:#25335a;--brd2:#3a4d80;--t1:#dce4f0;--t2:#8a9bc0;--t3:#546488;--acc:#3b82f6;--acc-hi:#5a98f0;--acc-bg:#3b82f610;--glow1:#0c1a40;--glow2:#081028}body.theme-amber{--bg:#0c0a06;--s1:#1a160e;--s2:#261f14;--s3:#332a1c;--brd:#443824;--brd2:#605032;--t1:#e8e0d0;--t2:#b0a084;--t3:#786850;--acc:#f59e0b;--acc-hi:#fbbf24;--acc-bg:#f59e0b10;--glow1:#281808;--glow2:#301808}body.theme-night{--bg:#101218;--s1:#181c26;--s2:#1e2230;--s3:#262a38;--brd:#2c3040;--brd2:#3a3f50;--t1:#c8c6c0;--t2:#9094a0;--t3:#606470;--acc:#b89030;--acc-hi:#caa040;--acc-bg:#b8903010;--r:#b04040;--o:#a07020;--b:#4070b0;--g:#209058;--p:#8050b0;--glow1:#182030;--glow2:#201818}body.theme-green{--bg:#060c0a;--s1:#0e1a16;--s2:#142822;--s3:#1c3830;--brd:#24443c;--brd2:#326054;--t1:#d8e8e0;--t2:#84b0a0;--t3:#507868;--acc:#10b981;--acc-hi:#34d399;--acc-bg:#10b98110;--glow1:#083028;--glow2:#082018}html{font-size:14.5px;-webkit-font-smoothing:antialiased}body{font-family:var(--f);color:var(--t1);background:var(--bg);min-height:100vh;line-height:1.6;transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 10% 5%,var(--glow1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 90%,var(--glow2) 0%,transparent 50%),var(--bg);transition:background .3s ease}.app{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:20px 18px 50px}.hdr{display:flex;align-items:center;gap:14px;padding:16px 0 24px;border-bottom:1px solid var(--brd);margin-bottom:24px;flex-wrap:wrap}.logo{width:40px;height:40px;border-radius:var(--r8);background:linear-gradient(135deg,var(--acc),#c06818);display:flex;align-items:center;justify-content:center;font-family:var(--m);font-weight:700;font-size:17px;color:var(--bg);flex-shrink:0}.hdr h1{font-size:1.3rem;font-weight:700}.hdr p{font-size:.78rem;color:var(--t2);width:100%;margin-top:-4px}.badge{margin-left:auto;background:var(--s2);border:1px solid var(--brd);border-radius:16px;padding:3px 12px;font-size:.68rem;color:var(--t3);font-family:var(--m)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;border:1px solid transparent;font-size:.78rem;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--acc);color:var(--bg);border-color:var(--acc)}.btn-primary:hover{background:var(--acc-hi);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--t2);border-color:var(--brd)}.btn-ghost:hover{color:var(--t1);border-color:var(--brd2)}.btn-sm{padding:4px 11px;font-size:.7rem}.btn-danger{background:var(--r-bg);color:var(--r);border-color:var(--r-b)}.btn-danger:hover{background:var(--r);color:#fff}.btn-success{background:var(--g-bg);color:var(--g);border-color:var(--g-b)}.btn-success:hover{background:var(--g);color:#fff}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.78rem;color:var(--t2);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:10px 14px;background:var(--s1);border:1px solid var(--brd);border-radius:var(--r8);color:var(--t1);font-family:var(--f);font-size:.85rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--acc)}.form-error{color:var(--r);font-size:.72rem;margin-top:4px}.card{background:var(--s1);border:1px solid var(--brd);border-radius:var(--r12);padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h2{font-size:1rem;font-weight:600}.dropzone{border:2px dashed var(--brd);border-radius:var(--r12);padding:36px 20px;text-align:center;cursor:pointer;transition:all .25s;background:var(--s1);margin-bottom:20px;position:relative;overflow:hidden}.dropzone:hover,.dropzone.over{border-color:var(--acc);background:var(--acc-bg)}.dropzone.hasfile{border-style:solid;border-color:var(--g);padding:14px 20px;text-align:left}.dropzone-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--acc);transition:width .3s}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:22px}.stat-card{background:var(--s1);border:1px solid var(--brd);border-radius:var(--r8);padding:14px 16px;opacity:0;animation:fadeIn .35s ease forwards}.stat-card:nth-child(2){animation-delay:.05s}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-num{font-family:var(--m);font-size:1.7rem;font-weight:700;line-height:1}.stat-label{font-size:.7rem;color:var(--t2);margin-top:3px}.stat-card.critical .stat-num{color:var(--r)}.stat-card.warning .stat-num{color:var(--o)}.stat-card.ok .stat-num{color:var(--g)}.stat-card.info .stat-num{color:var(--b)}.stat-card.total .stat-num{color:var(--acc)}.tabs{display:flex;gap:3px;border-bottom:2px solid var(--brd);padding:0 3px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:9px 16px;font-size:.78rem;font-weight:500;color:var(--t3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;font-family:var(--f)}.tab:hover{color:var(--t2)}.tab.active{color:var(--acc);border-bottom-color:var(--acc)}.tab-content{background:var(--s1);border:1px solid var(--brd);border-top:none;border-radius:0 0 var(--r12) var(--r12);padding:22px;min-height:260px}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .25s ease}.filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.filter-bar .label{font-size:.72rem;color:var(--t3);margin-right:4px}.filter-btn{padding:3px 10px;border-radius:4px;font-size:.68rem;font-weight:500;border:1px solid var(--brd);background:var(--s2);color:var(--t2);cursor:pointer;transition:all .15s;font-family:var(--f)}.filter-btn:hover{border-color:var(--brd2);color:var(--t1)}.filter-btn.active{border-color:var(--acc);color:var(--acc);background:var(--acc-bg)}.finding{border:1px solid var(--brd);border-radius:var(--r8);padding:14px 16px;margin-bottom:10px;background:var(--s2);opacity:0;animation:fadeIn .3s ease forwards}.finding:hover{border-color:var(--brd2)}.finding.hidden{display:none}.finding-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.severity{display:inline-flex;padding:2px 9px;border-radius:4px;font-size:.65rem;font-weight:600;font-family:var(--m);text-transform:uppercase}.severity.critical{background:var(--r-bg);color:var(--r);border:1px solid var(--r-b)}.severity.warning{background:var(--o-bg);color:var(--o);border:1px solid var(--o-b)}.severity.info{background:var(--b-bg);color:var(--b);border:1px solid var(--b-b)}.severity.ok{background:var(--g-bg);color:var(--g);border:1px solid var(--g-b)}.confidence{font-size:.62rem;padding:2px 7px;border-radius:3px;font-family:var(--m)}.confidence.confirmed{background:var(--g-bg);color:var(--g);border:1px solid var(--g-b)}.confidence.inferred{background:var(--o-bg);color:var(--o);border:1px solid var(--o-b)}.confidence.suspected{background:var(--b-bg);color:var(--b);border:1px solid var(--b-b)}.finding-category{font-size:.62rem;color:var(--t3);margin-left:auto;font-family:var(--m)}.finding-title{font-size:.85rem;font-weight:600;margin-top:8px}.finding-detail{font-size:.78rem;color:var(--t2);margin-top:5px;line-height:1.7}.finding-evidence{margin-top:8px;padding:9px 12px;background:var(--bg);border-radius:6px;font-family:var(--m);font-size:.7rem;color:var(--t2);line-height:1.8;border-left:3px solid var(--brd2)}.finding-evidence strong{color:var(--t1);font-weight:500}.stream-card{border:1px solid var(--brd);border-radius:var(--r8);padding:16px;margin-bottom:12px;background:var(--s2)}.stream-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.stream-type{padding:3px 10px;border-radius:4px;font-size:.68rem;font-weight:600;font-family:var(--m)}.stream-type.video{background:var(--b-bg);color:var(--b)}.stream-type.audio{background:var(--g-bg);color:var(--g)}.stream-type.salvaged{background:var(--p-bg);color:var(--p);border:1px solid var(--p-b)}.stream-type.metadata{background:var(--p-bg);color:var(--p)}.stream-type.subtitle{background:var(--o-bg);color:var(--o)}.stream-name{font-size:.85rem;font-weight:600}.props-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.prop{display:flex;justify-content:space-between;padding:5px 9px;background:var(--bg);border-radius:4px;font-size:.74rem}.prop-key{color:var(--t2)}.prop-value{font-family:var(--m);font-weight:500}.repair-step{display:flex;gap:14px;margin-bottom:14px;opacity:0;animation:fadeIn .3s ease forwards}.repair-step:nth-child(2){animation-delay:.07s}.repair-step:nth-child(3){animation-delay:.14s}.repair-line{display:flex;flex-direction:column;align-items:center;width:30px;flex-shrink:0}.repair-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--m);font-size:.7rem;font-weight:700}.repair-dot.s1{background:var(--g-bg);color:var(--g);border:2px solid var(--g)}.repair-dot.s2{background:var(--o-bg);color:var(--o);border:2px solid var(--o)}.repair-dot.s3{background:var(--r-bg);color:var(--r);border:2px solid var(--r)}.repair-connector{width:2px;flex:1;background:var(--brd);margin:3px 0}.repair-body{flex:1;border:1px solid var(--brd);border-radius:var(--r8);padding:14px;background:var(--s2)}.repair-body h4{font-size:.82rem;font-weight:600;margin-bottom:4px}.repair-body p{font-size:.76rem;color:var(--t2);line-height:1.7}.repair-body code{display:block;padding:9px 12px;background:#0003;border-radius:4px;font-family:var(--m);font-size:.7rem;color:var(--g);margin:8px 0;overflow-x:auto;white-space:pre}.risk{display:inline-block;font-size:.64rem;padding:2px 7px;border-radius:3px}.risk.low{background:var(--g-bg);color:var(--g)}.risk.medium{background:var(--o-bg);color:var(--o)}.risk.high{background:var(--r-bg);color:var(--r)}.timeline-bar{position:relative;height:44px;background:var(--bg);border-radius:6px;margin:18px 0;border:1px solid var(--brd)}.timeline-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--g) 0%,#28b86840 100%);transition:width .5s}.timeline-marker{position:absolute;top:-5px;width:3px;height:54px;border-radius:2px;cursor:pointer;transform:translate(-50%);transition:transform .15s}.timeline-marker:hover{transform:translate(-50%) scaleY(1.12)}.timeline-marker.critical{background:var(--r);box-shadow:0 0 8px var(--r)}.timeline-marker.warning{background:var(--o)}.timeline-marker.info{background:var(--b)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{text-align:left;padding:10px 12px;background:var(--s2);color:var(--t2);font-weight:500;border-bottom:1px solid var(--brd)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--brd)}.data-table tr:hover{background:var(--s2)}.pagination{display:flex;gap:6px;justify-content:center;margin-top:16px}.pagination button{padding:6px 12px;background:var(--s2);border:1px solid var(--brd);border-radius:4px;color:var(--t2);cursor:pointer;font-size:.76rem}.pagination button:hover{border-color:var(--brd2);color:var(--t1)}.pagination button.active{border-color:var(--acc);color:var(--acc);background:var(--acc-bg)}.health-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--bg);margin:8px 0}.health-fill{transition:width .5s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px;color:var(--t3);text-align:center}.empty-state h3{font-size:.95rem;font-weight:500;margin-bottom:6px;color:var(--t2)}.empty-state p{font-size:.78rem;max-width:380px}.export-area{width:100%;min-height:200px;background:var(--bg);border:1px solid var(--brd);border-radius:var(--r8);padding:14px;font-family:var(--m);font-size:.7rem;line-height:1.8;color:var(--t2);white-space:pre-wrap;word-break:break-all}.footer{margin-top:36px;padding-top:16px;border-top:1px solid var(--brd);text-align:center;font-size:.68rem;color:var(--t3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brd);border-radius:3px}.nav{display:flex;align-items:center;gap:12px}.nav-link{color:var(--t2);text-decoration:none;font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:4px;transition:all .15s}.nav-link:hover{color:var(--t1);background:var(--s2)}.nav-link.active{color:var(--acc);background:var(--acc-bg)}.nav-user{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--t2)}.nav-user .role{font-size:.62rem;padding:2px 6px;border-radius:3px;background:var(--acc-bg);color:var(--acc);font-family:var(--m)}.theme-picker{display:inline-flex;align-items:center;gap:4px;margin-left:10px;background:transparent;border:none;padding:0}.theme-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.3);cursor:pointer;padding:0;transition:all .15s ease}.theme-swatch:hover{transform:scale(1.2);border-color:#ffffffb3}.theme-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #fff6}@media (max-width:640px){.stat-grid{grid-template-columns:1fr 1fr}.props-grid{grid-template-columns:1fr}.hdr{flex-wrap:wrap}.badge{margin-left:0}.theme-picker{margin-left:0;width:100%;justify-content:flex-end}.nav{flex-wrap:wrap}}