:root{color:#e8e4dc;background:#121417;font-family:IBM Plex Sans,Avenir Next,sans-serif;font-size:16px;--amber: #e0a04a;--red: #d4544a;--green: #6fbf8a;--line: #2a2e33;--card: #1b1f24}*{box-sizing:border-box}body{margin:0}a{color:var(--amber)}button,input,select{font:inherit;color:inherit}button{background:var(--amber);color:#1a140c;border:0;border-radius:6px;padding:.45rem .8rem;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button.ghost{background:transparent;color:#e8e4dc;border:1px solid var(--line)}button.ghost.danger{color:var(--red);border-color:var(--red)}h1,h2{font-weight:560;letter-spacing:-.02em}h1{margin:0;font-size:1.4rem}h2{margin:0;font-size:1rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0e1013;border-right:1px solid var(--line);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:1.2rem}.brand{color:inherit;text-decoration:none;font-weight:650}.sidebar nav{display:flex;flex-direction:column;gap:.35rem}.sidebar a{color:#b7b2a8;text-decoration:none;padding:.4rem .5rem;border-radius:6px}.sidebar a.active{background:#242830;color:#fff}.main-col{flex:1;min-width:0}.topbar{display:flex;gap:.8rem;align-items:center;justify-content:flex-end;padding:.8rem 1.2rem;border-bottom:1px solid var(--line)}main{padding:1.2rem}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.workspace{display:flex;flex-direction:column;gap:1rem}.top-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);gap:1rem;align-items:stretch}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.tiles>.card,.top-row>.card{margin:0}.feed .player{flex:1}.evidence-col,.feed{display:flex;flex-direction:column;gap:.8rem}.span{grid-column:1 / -1}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.9rem}.card img,.player img,.player video{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#000;border-radius:6px;display:block}.player{position:relative}.player .hidden{display:none}.player-fallback{aspect-ratio:16 / 9;display:grid;place-items:center;background:#000;color:#9a9488}.player-bar{display:flex;gap:.4rem;align-items:center;margin-top:.45rem}.live-pill{font-size:.72rem;letter-spacing:.08em;padding:.15rem .4rem;border-radius:4px;background:#333}.live-pill.live{background:var(--red);color:#fff}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.muted{color:#9a9488;font-size:.9rem}.emphasis{font-size:1.15rem;margin:.4rem 0}.error{color:var(--red)}.banner{margin:0;padding:.6rem .8rem;border-radius:8px;background:#3a1816;color:#ffd0cb;border:1px solid var(--red)}.badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--line)}.badge.clean{color:var(--green)}.badge.watch{color:var(--amber)}.badge.alert,.badge.critical{color:var(--red)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem;margin:.6rem 0}.facts dt{color:#9a9488;font-size:.75rem}.facts dd{margin:.15rem 0 0;font-size:1.2rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.pair figcaption{color:#9a9488;font-size:.75rem}.ladder{position:relative;height:14px;background:#2a2e33;border-radius:999px;margin:1.4rem 0 .4rem}.ladder-fill{height:100%;border-radius:inherit;background:var(--green)}.ladder-fill.watch{background:var(--amber)}.ladder-fill.alert,.ladder-fill.critical{background:var(--red)}.ladder-mark{position:absolute;top:-1.1rem;transform:translate(-50%);font-size:.7rem;color:#9a9488}.shot{width:96px;height:64px;object-fit:cover;background:#000;border-radius:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);vertical-align:middle}.form,.login{display:flex;flex-direction:column;gap:.7rem;max-width:420px}.login{margin:12vh auto;padding:1.4rem}input,select{background:#101214;border:1px solid var(--line);border-radius:6px;padding:.45rem .55rem;width:100%}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin:0;accent-color:var(--amber)}input[type=file]{padding:.4rem}button:disabled{opacity:.5;cursor:not-allowed}.empty{padding:2rem 0;color:#9a9488}.toast{position:fixed;right:1rem;bottom:1rem;background:#242830;border:1px solid var(--amber);padding:.7rem .9rem;border-radius:8px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);background:#16191d;height:100%;padding:1rem;overflow:auto}.note-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.note-list li{display:flex;flex-direction:column;gap:.3rem;border-bottom:1px solid var(--line);padding-bottom:.7rem}.editor{margin-top:1rem}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{width:auto;flex-direction:row;align-items:center}.sidebar nav{flex-direction:row;flex-wrap:wrap}.top-row,.tiles{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr 1fr}}.settings{display:grid;gap:1.25rem;max-width:1000px}.settings>.card{padding:1.25rem}.card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.card-head h2{font-size:1.05rem}.card-head-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.card-head-tools select{width:260px}.card-head-tools button{height:2.3rem}.form-grid{display:grid;gap:.9rem;max-width:520px}.field{display:grid;gap:.35rem;min-width:0}.field>span{font-size:.85rem;color:#b9b3a8}.field em{font-style:normal;color:#7f7a71}.field small{line-height:1.4}.segmented{display:inline-flex;width:max-content;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#101214}.segmented button{background:transparent;color:#cfc9bf;padding:.45rem 1.1rem;border-radius:6px}.segmented button.on{background:var(--amber);color:#1a140c}.actions{display:flex;padding-top:.2rem}.actions button{min-width:230px;height:2.4rem}.upload-progress{display:flex;gap:.6rem;align-items:center}.upload-progress progress{flex:1;height:8px;accent-color:var(--amber)}.setup-status{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.setup-status p{margin:0}.ok{color:var(--green)}label.toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.toolbar button{height:2.3rem}.toolbar .primary-right{margin-left:auto}.settings .note,.settings .error{margin:.75rem 0 0}.settings>.card>p.muted{margin:.75rem 0 0;line-height:1.45}.patch{display:grid;grid-template-columns:repeat(4,minmax(0,130px));gap:.75rem;margin:1rem 0 0;padding:.75rem .85rem .9rem;border:1px solid var(--line);border-radius:8px}.patch legend{padding:0 .4rem;color:#b9b3a8;font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0009}.modal{width:min(440px,100%);padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 60px #00000080}.modal h2{margin:0 0 .6rem;font-size:1.1rem}.modal-body p{margin:0;color:#cfc9bf;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.modal-actions button{min-width:120px;height:2.3rem}button.danger-solid{background:var(--red);color:#fff}.settings .editor canvas{max-width:100%;height:auto;border-radius:6px;background:#000}.video-controls{display:grid;gap:.6rem;margin-top:.8rem;padding:.75rem;border:1px solid var(--line);border-radius:8px}.video-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.video-title{font-weight:600;margin-right:.4rem}.video-btn{min-width:6.5rem;height:2.25rem;padding:0 .8rem;white-space:nowrap}.video-btn.ghost.on{border-color:var(--amber);color:var(--amber)}.video-status{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.video-seek{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.video-seek input[type=range]{width:100%;margin:0;accent-color:var(--amber);cursor:pointer}.video-controls>p{margin:0}
