:root{font-family:system-ui,-apple-system,sans-serif;background:#091820;color:#e8f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border-radius:11px;padding:12px 14px;background:#1b3640;color:#e6f7f6;border:1px solid #3b5860}button.primary{background:#00bd8b;border-color:#00bd8b;color:#061d1a;font-weight:800}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:650px;margin:auto;padding:16px 16px 60px}.bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.bar h1{font-size:19px;margin:0}.bar small{color:#8ca5ad}.pill{font-size:11px;padding:4px 9px;background:#1e3d43;border-radius:20px;color:#95d8be}.card{background:#102730;border:1px solid #245058;border-radius:16px;padding:15px;margin:13px 0}.muted{color:#a0b7bf;font-size:13px}.small{font-size:12px}.green{color:#73f0c8}.amber{color:#ffcd80}.red{color:#ff9797}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:#1b3640;border-radius:9px;text-align:center;padding:11px 4px}.metric b{font-size:23px;display:block}.metric span{color:#9eb5b8;font-size:11px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.row>*{min-width:0}.row.actions{justify-content:start;flex-wrap:wrap}label{display:block;font-size:12px;color:#acc2c8;margin:10px 0 5px}input,select{width:100%;background:#07181f;border:1px solid #416169;color:white;border-radius:9px;padding:11px}input[type=checkbox]{width:auto;accent-color:#00bd8b}video{width:100%;height:310px;object-fit:cover;background:#010a0d;border-radius:14px}#cameraBox{position:relative}.reticle{position:absolute;top:30%;left:10%;right:10%;height:37%;border:2px solid #46e6ae;border-radius:14px;box-shadow:0 0 0 1000px #00000022;pointer-events:none}.line{border-top:1px solid #29474e;margin:12px 0}.item{border:1px solid #2a4b52;background:#0d2028;border-radius:10px;padding:12px;margin:8px 0}.item p{margin:4px 0}.number{font-variant-numeric:tabular-nums}.danger{border-color:#984c4c}.notice{padding:10px 12px;background:#223e42;border-radius:9px;font-size:13px}.banner{background:#3b2d19;color:#ffe2ab;border-radius:9px;padding:10px;font-size:12px;margin:8px 0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tabs button{flex:1;font-size:12px;padding:10px}.tabs button.active{border-color:#00bd8b;background:#104838}.dialog{border:1px solid #00bd8b;border-radius:12px;padding:12px}.error{padding:10px;background:#592c35;border-radius:8px}.sm-btn{font-size:12px;padding:6px 10px}.code{font-family:monospace;word-break:break-all;font-size:11px}.hidden{display:none}@media(min-width:620px){video{height:420px}}