*{box-sizing:border-box}body{margin:0;background:#101820;color:#edf3f5;font:16px/1.55 system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:1.65rem;margin-bottom:0}h2{font-size:1.2rem}h3{font-size:1.05rem}.shell{max-width:1200px;margin:auto;padding:30px 24px}.brand{color:#79d5bf;font-weight:750;letter-spacing:.13em;font-size:.8rem}header,.status,.heading,.actions,.pagination{display:flex;align-items:center;gap:16px;justify-content:space-between}header{margin-bottom:28px}.status{flex-wrap:wrap}.muted,footer{color:#aec0cc}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metrics article,.panel,.login{background:#192530;border:1px solid #354553;border-radius:12px;padding:22px}.metrics span{display:block;color:#aec0cc;font-size:.88rem}.metrics strong{font-size:2rem}.metrics article:first-child strong{color:#f1c878}.panel{margin:20px 0}#camera{display:block;width:100%;max-height:630px;object-fit:contain;background:#070c10;border-radius:6px}#camera[hidden],[hidden]{display:none!important}button,input,select{font:inherit}button,select{border:1px solid #596c7c;border-radius:6px;padding:9px 15px;background:#22323f;color:inherit;cursor:pointer}button:hover{background:#304653}button:disabled{opacity:.5;cursor:default}.primary,button[aria-pressed=true]{background:#79d5bf;color:#0e2622;border-color:#79d5bf}.danger{background:#b54545;color:white}.tabs{display:flex;gap:8px;border-bottom:1px solid #354553;padding-bottom:16px;margin-bottom:16px;flex-wrap:wrap}.records{display:grid;grid-template-columns:310px 1fr;margin:16px -22px -22px}.records>div:first-child{border-right:1px solid #354553}#list button{border:0;border-bottom:1px solid #354553;border-radius:0;width:100%;text-align:left;background:transparent;padding:20px;display:grid;gap:8px}#list button.selected{background:#253e48;border-left:3px solid #79d5bf}#list small{color:#aec0cc}#detail{padding:24px;min-width:0}.badge{display:inline-block;font-size:.8rem;color:#f1c878;padding:2px 8px;border:1px solid #6b6149;border-radius:4px;width:max-content}.evidence{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.evidence img{width:100%;border-radius:5px}.evidence figure{margin:0}.evidence figcaption{color:#aec0cc;font-size:.85rem}video{width:100%;max-height:480px;background:black}.pagination{padding:15px;gap:5px}.pagination button{font-size:.85rem;padding:7px 10px}.review{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;border-top:1px solid #354553;padding-top:20px}#archive a{display:block;color:#79d5bf;padding:12px 0}a{color:#79d5bf}footer{font-size:.85rem;padding:12px 0}label{display:block}input{display:block;width:100%;padding:10px;margin:6px 0 20px;border:1px solid #596c7c;border-radius:6px;background:#101820;color:white}.login{max-width:420px;margin:12vh auto;padding:32px}.login h1{margin:14px 0}.login button{width:100%}.error,#notice{color:#f1c878}dialog{max-width:520px;background:#192530;color:inherit;border:1px solid #596c7c;border-radius:12px;padding:26px}dialog::backdrop{background:#0009}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #79d5bf;outline-offset:3px}@media(max-width:760px){.shell{padding:18px 12px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics article{padding:14px}.records{grid-template-columns:1fr}.records>div:first-child{border-right:0;border-bottom:1px solid #354553}.heading{align-items:flex-start;flex-direction:column;gap:0}.evidence{grid-template-columns:1fr}header h1{font-size:1.2rem}.login{margin:8vh 16px}}