:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17212b;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#e3f1ff 0,transparent 42%),#f5f8fc}.shell{width:min(760px,calc(100% - 36px));margin:0 auto;padding:48px 0 30px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:38px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#2677bd;color:#fff;font-weight:800;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#5684a9;margin:0 0 7px}.brand h1{font-size:20px;letter-spacing:-.04em;margin:0}.brand h1 span{font-weight:500;color:#728090}.card{background:#fff;border:1px solid #e2eaf2;border-radius:18px;box-shadow:0 12px 32px #173a5e0a;padding:26px}.login-card{max-width:440px;margin:0 auto}.login-card h2,.welcome h2{font-size:25px;letter-spacing:-.04em;margin:0 0 7px}.muted{color:#788695;font-size:13px;line-height:1.5;margin:0}form{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#394858}input:not([type=file]){width:100%;border:1px solid #dce5ee;border-radius:10px;padding:12px 13px;font:inherit;font-size:14px;outline:none}input:focus{border-color:#6bb5ed;box-shadow:0 0 0 3px #6bb5ed2b}.primary{border:0;border-radius:10px;padding:13px 16px;background:#2677bd;color:white;font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:.15s}.primary:hover:not(:disabled){background:#1d639f;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.primary .button-arrow{float:right;font-size:17px;line-height:13px}.error{color:#b44739;font-size:12px;min-height:17px;margin:10px 0 0}.hidden{display:none!important}.welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.text-button{border:0;background:transparent;color:#2871ad;font:inherit;font-weight:700;font-size:12px;cursor:pointer;padding:8px}.upload-card{margin-bottom:16px}.reader-note{margin-bottom:16px;background:#f1f8ff;border-color:#d7eaf8}.reader-note strong{display:block;font-size:13px;margin-bottom:5px;color:#245d89}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h3{margin:0 0 5px;font-size:16px;letter-spacing:-.02em}.cloud-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e5f3ff;color:#2877b7;font-size:20px}.drop-zone{min-height:160px;border:1px dashed #a8cce7;border-radius:14px;background:#fbfdff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;text-align:center;transition:.15s}.drop-zone.dragging{background:#edf7ff;border-color:#398aca}.drop-zone input{display:none}.upload-symbol{width:34px;height:34px;border-radius:50%;background:#e6f3ff;color:#2877b7;display:grid;place-items:center;font-size:22px}.drop-zone strong{font-size:13px}.drop-zone small{font-size:11px;color:#8995a2}.file-list{list-style:none;margin:0;padding:0}.file-list:not(:empty){padding-top:12px}.file-row{display:flex;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid #f0f3f6;font-size:12px}.file-row span:last-child{color:#8290a0;white-space:nowrap}.upload-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:17px}.upload-footer .muted{max-width:360px;font-size:11px}.history-card{min-height:130px}.batches{display:grid;gap:8px}.batch{padding:13px 14px;background:#f8fbfe;border:1px solid #e5edf4;border-radius:11px}.batch-content{width:100%}.batch-toggle{width:100%;border:0;background:transparent;padding:0;display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;cursor:pointer;color:inherit}.batch-name{font-size:13px;font-weight:750}.batch-meta{font-size:11px;color:#818d99;margin-top:4px}.batch-chevron{grid-column:2;grid-row:1/3;align-self:center;color:#4185bb;transition:transform .15s}.batch.is-open .batch-chevron{transform:rotate(180deg)}.batch-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid #e5edf4}.batch-files a{font-size:11px;color:#246a9f;text-decoration:none;background:#e9f4fc;padding:5px 8px;border-radius:6px}.batch-files a:hover{background:#d8edfb}footer{text-align:center;color:#9aa5af;font-size:11px;padding:26px 0}footer span{padding:0 5px}@media(max-width:540px){.shell{padding-top:28px}.card{padding:20px}.welcome{gap:10px}.upload-footer{align-items:stretch;flex-direction:column}.upload-footer .primary{width:100%}.batch{align-items:flex-start;flex-direction:column}}

/* Reports-first layout and compact upload action */
.shell{width:min(1040px,calc(100% - 36px))}
.reports-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:16px;align-items:start}
.history-card{min-height:0;margin:0}
.report-actions{display:grid;gap:12px;position:sticky;top:20px}
.new-upload-trigger{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px}
.new-upload-trigger .plus{font-size:21px;line-height:1}
.reader-note{margin:0;padding:18px;background:#f1f8ff;border-color:#d7eaf8}
.upload-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:0;border-radius:20px;background:transparent;overflow:visible}
.upload-dialog::backdrop{background:#12243b80;backdrop-filter:blur(3px)}
.upload-card{margin:0;box-shadow:0 24px 80px #132b4560}
.upload-card .section-heading{align-items:flex-start}
.dialog-close{width:34px;height:34px;border:0;border-radius:9px;background:#eef5fb;color:#416b8b;font-size:24px;line-height:1;cursor:pointer}
@media(max-width:700px){.reports-layout{grid-template-columns:1fr}.report-actions{position:static;grid-row:2}.new-upload-trigger{width:auto;justify-self:start;min-width:165px}.history-card{grid-row:1}.welcome{margin-bottom:16px}}
@media(max-width:540px){.shell{width:calc(100% - 28px)}.reports-layout{gap:12px}.history-card{padding:19px}.upload-dialog{width:calc(100% - 20px)}.upload-card{padding:20px}}


/* Compact plus control and per-folder ZIP download */
.history-card{width:100%;min-height:0}
.folder-actions{display:flex;align-items:center;gap:10px}
.new-upload-trigger{width:42px;height:42px;padding:0;border:0;background:transparent;color:#2677bd;font:inherit;font-size:34px;font-weight:400;line-height:1;cursor:pointer;display:grid;place-items:center}
.new-upload-trigger:hover{color:#145f9f;transform:scale(1.08)}
.reader-note{margin:0 0 14px;padding:0;background:transparent;border:0;color:#66788a;font-size:12px}
.batch-heading{display:flex;align-items:center;gap:12px;width:100%}
.batch-toggle{flex:1;min-width:0}
.batch-download{flex:none;border:1px solid #dceaf5;border-radius:9px;background:#fff;color:#2871ad;padding:8px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}
.batch-download:hover:not(:disabled){background:#eaf5fd;border-color:#b7d8ef}
.batch-download:disabled{opacity:.55;cursor:wait}
.download-status{margin:8px 2px 0;color:#668099;font-size:11px}
@media(max-width:540px){.folder-actions{gap:4px}.new-upload-trigger{width:38px;height:38px;font-size:31px}.batch-heading{gap:5px}.batch-download{padding:7px 8px}}

/* Language selector */
.brand-title{flex:1}
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #dce8f2;border-radius:10px;background:#fff}
.language-option{min-width:38px;border:0;border-radius:7px;padding:7px 8px;background:transparent;color:#6f8191;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.language-option.selected{background:#e8f4fd;color:#246da6}
.language-option:focus-visible,.new-upload-trigger:focus-visible{outline:3px solid #84c6f2;outline-offset:2px}
.account-area{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid #e2eaf2;border-radius:14px;background:#fff;box-shadow:0 4px 14px #173a5e08}
.user-avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e7f3fc;color:#236da6;font-size:14px;font-weight:800}
.account-details{display:grid;justify-items:start;gap:1px}
.current-user{color:#283b4d;font-size:12px;font-weight:750;line-height:1.3}
.account-details .text-button{padding:2px 0;font-size:11px;line-height:1.3}
@media(max-width:540px){.account-area{gap:7px;padding:6px 8px 6px 6px}.user-avatar{width:32px;height:32px}.current-user{font-size:11px}.account-details .text-button{font-size:10px}}
.compression-note{margin:9px 2px 0;color:#718294;font-size:11px;line-height:1.5}
@media(max-width:540px){.brand{gap:10px}.brand h1{font-size:17px}.language-option{min-width:34px;padding:7px 6px}}