:root{--bg:#eef6fb;--panel:rgba(255,255,255,0.9);--panel-strong:#ffffff;--text:#123247;--muted:#587488;--line:rgba(0,81,118,0.14);--accent:#5fb9df;--accent-dark:#005176;--success:#2f8a63;--warning:#c18d2c;--shadow:0 24px 60px rgba(0,81,118,0.12)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top left,rgba(95,185,223,.24),transparent 30%),radial-gradient(circle at bottom right,rgba(0,81,118,.14),transparent 28%),linear-gradient(180deg,#f8fcff,#eef6fb 52%,#e7f1f8)}button,input,select{font:inherit}button{cursor:pointer}code{padding:.15rem .35rem;border-radius:.4rem;background:rgba(95,185,223,.14)}.shell{width:min(860px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}.app-stack{display:grid;grid-gap:1.25rem;gap:1.25rem}.panel{border:1px solid var(--line);border-radius:1.5rem;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.eyebrow{margin:0 0 .8rem;color:var(--accent-dark);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase}.brand-row{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.brand-row h1{margin:0;max-width:14ch;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.status-pill{display:inline-flex;align-items:center;min-height:2.25rem;padding:.45rem .85rem;border:1px solid rgba(95,185,223,.24);border-radius:999px;background:rgba(95,185,223,.12);color:var(--accent-dark);font-size:.88rem;font-weight:600}.panel{padding:1.5rem}.panel-main{padding:1.75rem}.panel-header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.panel h2{margin:0 0 .4rem;font-size:1.7rem}.muted{color:var(--muted)}.stack{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.25rem}.stack label{display:grid;grid-gap:.45rem;gap:.45rem;font-size:.95rem}.stack input,.stack select{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--panel-strong);color:var(--text)}.ghost,.primary{border-radius:999px;padding:.9rem 1.2rem;border:0}.primary{color:#f6fcff;background:linear-gradient(135deg,var(--accent-dark),var(--accent))}.ghost{color:var(--accent-dark);background:rgba(95,185,223,.12)}.small{padding:.55rem .85rem;font-size:.9rem}.dropzone{position:relative;display:grid;place-items:center;min-height:180px;padding:1.2rem;border:1.5px dashed rgba(95,185,223,.48);border-radius:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(235,247,252,.95)),rgba(255,255,255,.82);text-align:center}.dropzone.dragging{border-color:var(--accent);transform:translateY(-1px)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-list,.history{display:grid;grid-gap:.8rem;gap:.8rem}.file-grid,.file-list{list-style:none;padding:0;margin:0}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:.9rem;gap:.9rem}.file-list li,.history-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.95rem 1rem;border:1px solid var(--line);border-radius:1rem;background:rgba(248,252,255,.9)}.history-card{display:block}.file-card{display:grid;grid-gap:.8rem;gap:.8rem;padding:.95rem;border:1px solid var(--line);border-radius:1rem;background:rgba(248,252,255,.9)}.file-thumb,.history-preview{display:grid;place-items:center;min-height:150px;overflow:hidden;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(180deg,#ffffff,#eef6fb)}.thumb-media{width:100%;height:150px;border:0;object-fit:cover}.thumb-fallback{color:var(--muted);font-weight:600}.file-card-body{display:grid;grid-gap:.3rem;gap:.3rem}.file-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.history-meta,.history-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem}.history-meta{margin:.55rem 0 .75rem;color:var(--muted);font-size:.92rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.badge-processing,.badge-queued,.badge-received{background:rgba(187,138,31,.12);color:var(--warning)}.badge-uploaded{background:rgba(46,125,93,.12);color:var(--success)}.badge-error{background:rgba(0,81,118,.1);color:var(--accent-dark)}.empty-state,.notice{margin-top:1rem;padding:.95rem 1rem;border-radius:1rem;background:rgba(95,185,223,.12)}.section-heading{margin-bottom:1rem}.section-heading h2{margin-bottom:.35rem}.preview-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(7,35,49,.5)}.preview-modal{width:min(960px,100%);max-height:calc(100vh - 2rem);display:grid;grid-template-rows:auto 1fr;grid-gap:1rem;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel-strong);box-shadow:var(--shadow)}.preview-header{display:flex;gap:1rem;align-items:center;justify-content:space-between}.preview-body{min-height:60vh}.preview-frame,.preview-media{width:100%;height:min(76vh,900px);border:0;border-radius:.8rem;background:#fff;object-fit:contain}@media (max-width:920px){.brand-row,.panel-header{flex-direction:column}.brand-row h1{max-width:100%}}