:root{font-family:system-ui,sans-serif;color:#e9f0fa;background:#0b1220;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;border-bottom:1px solid #273347;display:flex;justify-content:space-between;align-items:center}header strong{font-size:23px;letter-spacing:3px}header span{display:block;font-size:10px;color:#72b6dc;letter-spacing:2px;margin-top:5px}main{max-width:1250px;margin:auto;padding:52px 24px}h1{font-size:clamp(28px,4vw,42px);margin:14px 0}p{color:#9babc0}.eyebrow{font-size:12px;color:#56c7da;letter-spacing:2px}#login{max-width:430px;margin:20px auto}form{margin-top:30px}label{display:block;margin:18px 0;font-size:14px}input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #35445a;border-radius:8px;background:#131e30;color:white;font-size:16px}.check{display:flex;align-items:center;gap:10px;color:#a9b8cc}.check input{width:auto;margin:0}button{background:#1b2c43;border:1px solid #35445a;border-radius:8px;padding:12px 18px;color:#edf5ff;cursor:pointer;font-size:14px}button:hover{background:#28415e}button:disabled{opacity:.5}.primary{width:100%;background:#007f99;border-color:#1099b1;font-weight:600}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:30px}.card{background:#131f31;border:1px solid #2c3c51;padding:24px;border-radius:12px}.card small{color:#58c8da}.card h2{font-size:20px;margin:14px 0 25px}.card button{width:100%}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.toolbar strong{margin-right:auto}#viewer{margin-top:30px}#screen{height:65vh;min-height:320px;background:#030609;border:1px solid #35445a}#viewer:fullscreen{background:#0b1220;padding:15px;display:flex;flex-direction:column}#viewer:fullscreen #screen{flex:1}#status{color:#68d5e2;min-height:24px}footer{text-align:center;color:#62758e;font-size:12px;padding:30px}[hidden]{display:none!important}