*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b1220;--card:#101a2f;--accent:#5b8cff;--text:#e8f0ff;--muted:#a3b3d3;--ok:#21c07a;--warn:#ffae42;--error:#ff5555;}
html,body{height:100%;background:linear-gradient(180deg,#0a1222,#0b1528 35%,#0b1220);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;}
.wrap{max-width:940px;margin:0 auto;padding:24px}
header{text-align:center;margin:10px 0 24px}
h1{font-weight:700;letter-spacing:.3px;font-size:28px;color:var(--text)}
h1 span{color:var(--accent)}
.sub{color:var(--muted);margin:.4rem 0 0;font-size:15px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.select{display:flex;flex-direction:column;gap:6px;min-width:220px}
.select span{color:var(--muted);font-size:12px}
select{appearance:none;background:#0e1930;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:10px 12px;border-radius:10px;outline:none}
.toggle{display:flex;align-items:center;gap:10px;color:var(--muted)}
.toggle input{width:18px;height:18px}
.dropzone{position:relative;background:#0d172b;border:2px dashed rgba(255,255,255,.14);border-radius:14px;padding:28px;text-align:center;transition:.2s ease}
.dropzone:hover{border-color:var(--accent)}
.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.dz-visual .icon{font-size:36px;margin-bottom:6px}
.filename{margin-top:8px;color:var(--muted);font-size:13px}
.btn{margin-top:12px;background:var(--accent);color:#fff;border:0;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(1.07)}
.status{margin-top:12px;color:var(--muted)}
.download a{display:inline-block;margin-top:12px;background:var(--ok);color:#052c17;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
.timer{margin-top:6px;color:var(--warn);font-size:12px}
footer{margin-top:18px;text-align:center;color:var(--muted);font-size:13px}
.auth-card{width:320px;margin:100px auto;background:var(--card);padding:30px;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,0.3);text-align:center}
.auth-card h2{color:var(--accent);margin-bottom:20px}
.auth-card form{display:flex;flex-direction:column;gap:10px}
.auth-card input{width:100%;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0e1930;color:var(--text);outline:none}
.auth-card input:focus{border-color:var(--accent)}
.auth-card button{width:100%;background:var(--accent);color:white;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:600}
.auth-card button:hover{filter:brightness(1.1)}
.auth-card .error{color:var(--error);font-size:14px;margin-bottom:10px}
.auth-card .link{margin-top:10px;font-size:13px;color:var(--muted)}
.auth-card .link a{color:var(--accent);text-decoration:none}
.auth-card .link a:hover{text-decoration:underline}
.topbar{display:flex;justify-content:space-between;background:#0d172b;padding:10px 20px;border-radius:6px;color:white;margin-bottom:15px;align-items:center}
.logout-btn{color:#fff;background:#ff5555;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:600}
.logout-btn:hover{background:#e04b4b}
@media(max-width:640px){.wrap{padding:16px}.auth-card{width:90%;margin-top:70px}h1{font-size:22px}}