:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0a0f19;color:#e9f1fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#123c51,#0a0f19 48%)}.wrap{max-width:1060px;margin:0 auto;padding:35px 20px}.narrow{max-width:680px}header,.heading,.brand,.fileitem{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{justify-content:flex-start}.logo{background:#19c8c5;color:#07161d;font-size:30px;border-radius:14px;padding:5px 14px;font-weight:900}h1{font-size:23px;margin:0}h2{margin:0 0 18px}small,.muted{color:#9daec1}.brand small{font-size:13px}.tag{display:inline-block;background:#133d49;color:#70eeec;border-radius:20px;padding:8px 14px;font-size:12px}.card{padding:26px;background:#121d2c;border:1px solid #2a3748;border-radius:20px;margin:25px 0;box-shadow:0 10px 30px #0002}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats .card{margin:0}.stats h2{margin:14px 0 0}input,select{display:block;width:100%;padding:14px;background:#0b1321;color:#f8fcff;border:1px solid #3c4c60;border-radius:10px;margin:10px 0 15px;font:inherit}input[type=file]{border-style:dashed;padding:27px}label{color:#b5c4d5;font-size:13px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}button,.btn{display:inline-block;background:#19c8c5;border:none;color:#04141a;font-weight:800;padding:13px 23px;border-radius:11px;cursor:pointer;font-size:14px;text-decoration:none;margin:5px 5px 5px 0}.outline{border:1px solid #466075;background:transparent;color:#c5d6e9}.err{color:#ff8995}.filelist{display:grid;gap:10px}.fileitem{padding:17px;border:1px solid #334458;border-radius:12px;flex-wrap:wrap}.fileitem b{overflow-wrap:anywhere}.fileitem small{display:block;margin:7px 0}.actions{display:flex;flex-wrap:wrap;gap:5px}.actions button{font-size:12px;padding:9px 12px}progress{margin-top:20px;width:100%;height:15px;accent-color:#19c8c5}.filename{overflow-wrap:anywhere;margin:20px 0}footer{text-align:center;color:#667b92;font-size:12px;padding:20px}@media(max-width:700px){.stats,.fields{grid-template-columns:1fr}.wrap{padding:18px 12px}header{align-items:flex-start}.tag{font-size:10px}.card{padding:18px}}
