*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f7fb;color:#17324a}.wrap{max-width:1180px;margin:auto;padding:22px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#064e6e,#0879a9);color:#fff;padding:30px;border-radius:24px;box-shadow:0 16px 38px rgba(6,78,110,.16)}.eyebrow{font-size:12px;letter-spacing:1.6px;opacity:.78}.hero h1{margin:7px 0 5px;font-size:30px;letter-spacing:.2px}.folder-icon{font-size:25px;color:#f5bd24}.hero p{margin:0;opacity:.9}.ghost,.secondary,.primary,.linkbtn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;transition:.18s ease}.ghost{background:rgba(255,255,255,.12);color:#fff}.ghost:hover{background:rgba(255,255,255,.2)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{background:#fff;border:1px solid #dce8f1;border-radius:17px;padding:18px;box-shadow:0 7px 22px rgba(23,50,74,.04)}.stat b{display:block;font-size:26px;line-height:1.2}.stat span{color:#6d8192;font-size:13px;display:block;margin-top:5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid #dce8f1;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 8px 25px rgba(23,50,74,.045)}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.cardhead h2{font-size:18px;margin:0}.cardhead small{color:#718496;font-size:12px}.status{font-size:12px;font-weight:700;white-space:nowrap}.status.ok{color:#14804a}.status.error{color:#c62828}.status.pending{color:#a06b00}.progresslist{display:grid;gap:10px}.prow{display:grid;grid-template-columns:145px 1fr 45px;gap:10px;align-items:center;font-size:13px}.prow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track{height:9px;background:#e8eff5;border-radius:20px;overflow:hidden}.fill{display:block;height:100%;background:#16a34a;border-radius:20px;transition:width .35s ease}.zero .fill{background:#cbd5df}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{font-weight:700;font-size:14px}.formgrid select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d7e3ec;border-radius:11px;background:#fff;font-size:15px;color:#17324a;outline:none}.formgrid select:focus{border-color:#1687ba;box-shadow:0 0 0 3px rgba(14,165,233,.12)}.drop{margin-top:15px;border:2px dashed #9cb9ce;background:#f8fcff;border-radius:17px;padding:29px;text-align:center;cursor:pointer;transition:.18s ease}.drop:hover,.drop.drag{border-color:#1687ba;background:#f1faff}.drop:focus{outline:3px solid rgba(14,165,233,.18)}.drop strong{display:block;font-size:17px}.drop span{display:block;color:#718496;font-size:13px;margin-top:5px}.drop input{display:none}.file{border:1px solid #e0e8ee;border-radius:12px;padding:11px;margin-top:9px;background:#fff}.file.haserror{border-color:#f0b5b5;background:#fffafa}.fileline{display:flex;justify-content:space-between;gap:10px;align-items:center}.fileline span{min-width:0}.fileline b{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileline small{color:#718496}.bar{height:7px;background:#e9eff4;border-radius:20px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#0ea5e9;border-radius:20px;transition:width .2s ease}.buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.primary{background:#0b74b8;color:#fff}.primary:hover:not(:disabled){background:#086497}.secondary{background:#edf3f7;color:#17324a}.primary:disabled,.secondary:disabled,.linkbtn:disabled{opacity:.45;cursor:not-allowed}.linkbtn{background:transparent;color:#0b74b8;padding:4px 7px}.remove{font-size:18px}.queue-empty,.empty{text-align:center;color:#7b8d9b;font-size:13px;padding:13px}.msg{min-height:0;padding:0;margin-top:10px;border-radius:10px;font-size:13px}.msg:not(:empty){padding:10px}.ok{color:#147a46;background:#effaf4}.err{color:#b42318;background:#fff3f2}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid #edf1f4;text-align:left;white-space:nowrap}th{color:#65798a;font-size:12px}.filename{max-width:310px;overflow:hidden;text-overflow:ellipsis}.openlink{color:#0b74b8;font-weight:700;text-decoration:none}.openlink:hover{text-decoration:underline}.skeleton{height:16px;border-radius:8px;background:linear-gradient(90deg,#edf2f6,#f8fafc,#edf2f6);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}footer{text-align:center;color:#788b9a;font-size:12px;padding:15px}@media(max-width:750px){.wrap{padding:12px}.hero{padding:21px;align-items:flex-start}.hero h1{font-size:24px}.hero p{font-size:13px}.hero .ghost{display:none}.stats{grid-template-columns:1fr 1fr}.grid2,.formgrid{grid-template-columns:1fr}.prow{grid-template-columns:115px 1fr 35px}.card{padding:16px}.filename{max-width:180px}}