:root{color-scheme:dark;--bg:#070e1b;--panel:#101d30;--border:#253d59;--muted:#9bb2cd;--blue:#1686ff;--green:#5df6b0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#113657 0,transparent 55%),var(--bg);color:#f0f5ff;font-family:system-ui,sans-serif;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:20px 5%;gap:16px}header img{width:155px}a{color:#82c3ff}main{max-width:1160px;margin:38px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1px;margin:10px 0}h2{font-size:21px}p,small,.muted{color:var(--muted);line-height:1.6}.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px;font-weight:800}.card{background:var(--panel);border:1px solid var(--border);padding:24px;border-radius:18px;margin:20px 0}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.grid .card{margin:0}label{display:block;font-size:13px;color:var(--muted);margin:12px 0}input,select,textarea{background:#081322;border:1px solid #375370;color:white;border-radius:9px;padding:12px;font:inherit;width:100%;margin-top:6px}input[type=checkbox]{width:auto;margin-right:9px;accent-color:var(--blue)}button,.button{background:var(--blue);border:1px solid transparent;color:white;border-radius:10px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.ghost{background:transparent;border-color:#375370}.danger{background:#9c3444}.notice{padding:16px;border:1px solid #325776;border-radius:12px;background:#112b44;margin:16px 0;white-space:pre-line}.notice:empty{display:none}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tabs button[aria-selected=true]{background:#173f66;border-color:#6dbdff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}.table-wrap{overflow:auto}video{width:100%;border-radius:12px;background:#000;max-height:65vh}.video-tools{display:flex;gap:8px;margin:12px 0}.video-tools button{padding:10px 15px}#qrBox{background:white;padding:24px;width:max-content;margin:24px 0;border-radius:12px}#qrBox img,#qrBox canvas{display:block}#qrUrl{overflow-wrap:anywhere}.tag{padding:4px 8px;background:#163f35;border-radius:5px;font-size:12px;color:var(--green)}.live-status{font-weight:800;color:var(--green)}.empty{padding:28px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 15px;margin:25px auto}.card{padding:17px}.row>*{max-width:100%}header{padding:16px}th,td{padding:9px}}@media print{body{background:#fff;color:#000}header,.tabs,.no-print,main>h1,main>.eyebrow,main>.muted{display:none!important}.card{background:#fff;border:0}#qrBox{margin:auto}#qrUrl{display:none}}

@media print{body:has(#qrCard) main>*:not(#content),body:has(#qrCard) #content>*:not(#qrCard),#qrRecovery{display:none!important}body:has(#qrCard) #qrCard{text-align:center}body:has(#qrCard) #qrCard>p,body:has(#qrCard) #qrCard>small{display:none}body:has(#qrCard) #qrBox{display:block!important;break-inside:avoid}}
