:root{--bg:#f4f5f7;--card:#ffffff;--text:#1a1d21;--muted:#6b7280;--border:#e3e6ea;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-fg:#ffffff;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--ok-text:#065f46;--err-bg:#fef2f2;--err-border:#fecaca;--err-text:#991b1b;--ring:rgba(37,99,235,0.25)}@media (prefers-color-scheme:dark){:root{--bg:#0e1116;--card:#171b21;--text:#e6e8eb;--muted:#9aa4b2;--border:#262b33;--primary:#3b82f6;--primary-hover:#2563eb;--ok-bg:#052e23;--ok-border:#0f5132;--ok-text:#a7f3d0;--err-bg:#2a1215;--err-border:#7f1d1d;--err-text:#fecaca;--ring:rgba(59,130,246,0.35)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:480px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.title{font-size:20px;font-weight:650;margin:0 0 4px}.subtitle{color:var(--muted);font-size:14px;margin:0 0 22px}label{display:block;font-size:13px;font-weight:550;margin:14px 0 6px}input[type=password],input[type=text]{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:15px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.btn{width:100%;margin-top:20px;padding:12px 16px;border:0;border-radius:10px;background:var(--primary);color:var(--primary-fg);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn:hover:not(:disabled){background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{width:auto;margin:0;padding:7px 12px;background:transparent;color:var(--muted);border:1px solid var(--border);font-size:13px;font-weight:550}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dropzone{margin-top:8px;border:2px dashed var(--border);border-radius:12px;padding:30px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone.drag,.dropzone:hover{border-color:var(--primary);background:var(--bg)}.dropzone .hint{color:var(--muted);font-size:13px;margin-top:6px}.filename{font-weight:600;font-size:15px;word-break:break-all}.alert{margin-top:18px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.45}.alert-ok{background:var(--ok-bg);border:1px solid var(--ok-border);color:var(--ok-text)}.alert-err{background:var(--err-bg);border:1px solid var(--err-border);color:var(--err-text)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:14px}.stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.stat b{display:block;font-size:22px}.stat span{font-size:12px}.muted,.stat span{color:var(--muted)}.muted{font-size:13px}