:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f9fb;background:#16181d;--accent:#df0735;--muted:#b2b5bf}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:40px 48px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid #353840}.brand{width:174px;height:auto;display:block}header span{font-size:14px;color:var(--muted)}.intro{padding:55px 0 28px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:750;color:#ff6d89;margin:0 0 20px}h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px;font-weight:750}.intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.6;margin:0}h2{font-size:23px;letter-spacing:-.02em;margin:0 0 10px}.form-note{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 26px}#login{max-width:480px;background:#20232a;border:1px solid #363a44;border-radius:12px;padding:30px;margin:8px 0 44px}label{display:block;margin:19px 0;font-size:14px;font-weight:600}input,textarea{display:block;width:100%;padding:13px 14px;border:1px solid #555b68;border-radius:6px;background:#16181d;color:#fff;font:inherit;margin-top:9px;min-height:46px}textarea{min-height:110px;resize:vertical}button{padding:14px 22px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-weight:650;min-height:46px}button:hover{background:#f01444}button:disabled{opacity:.5;cursor:wait}#login button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:25px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #ff8ba2;outline-offset:3px}#portal{background:#20232a;border:1px solid #363a44;border-radius:12px;padding:30px;margin:10px 0 35px}#logout{display:block;margin-left:auto;background:transparent;border:1px solid #69707f}#drop{border:2px dashed #737987;background:#191c22;padding:28px;border-radius:8px;text-align:center}#drop input{border:0;background:transparent;font-weight:400}input::file-selector-button{background:#343946;color:white;border:0;padding:10px 14px;border-radius:4px;margin-right:14px;cursor:pointer}progress{display:block;width:100%;height:12px;border:0;border-radius:20px;overflow:hidden;margin-top:28px;accent-color:var(--accent);background:#404550}progress::-webkit-progress-bar{background:#404550}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}#progressText{color:#e1e4eb;line-height:1.5}#portal h2{margin-top:35px}article{padding:18px 0;border-bottom:1px solid #3b404b;overflow-wrap:anywhere;line-height:1.6}article button{margin:12px 10px 0 0;font-size:13px}#filename{overflow-wrap:anywhere}#message{color:#ff9fb2;line-height:1.5}#message:empty{display:none}footer{border-top:1px solid #353840;padding:23px 0;display:flex;justify-content:space-between;color:#b2b5bf;font-size:12px;gap:20px}body:has(#portal:not([hidden])) h1{font-size:38px}body:has(#portal:not([hidden])) h1 br{display:none}body:has(#portal:not([hidden])) .intro{padding-top:32px}@media(min-width:900px){main:has(#portal[hidden]){display:grid;grid-template-columns:1fr 440px;column-gap:65px}header,footer,#message{grid-column:1/-1}main:has(#portal[hidden]) .intro{padding:100px 0 80px}#login{margin:65px 0;padding:30px}h1{font-size:52px}}@media(max-width:600px){main{padding:24px 20px}.brand{width:135px}header span{font-size:12px}header{gap:15px;padding-bottom:24px}.intro{padding-top:36px}#login,#portal{padding:22px}#drop{padding:18px}footer{font-size:11px}}[hidden]{display:none!important}
body:has(#portal:not([hidden])) main{max-width:1360px}nav,.tabs,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}nav{padding-bottom:24px;border-bottom:1px solid #363a44}#logout{margin:0}.secondary{background:#303540;border:1px solid #4a5160}.secondary:hover{background:#454c59}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.metric{padding:20px;background:#191c22;border:1px solid #353a45;border-radius:8px}.metric strong{display:block;font-size:30px;margin-bottom:6px}.metric span,.muted{color:var(--muted);font-size:14px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.section-heading label{font-size:12px;min-width:260px}#portal .section-heading h2{margin:0}.delivery-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:24px 0}.delivery-card h3{margin:0 0 6px}.delivery-card p{margin:4px 0}.badge{display:inline-block;align-self:start;padding:5px 12px;font-size:12px;border-radius:20px;background:#343946;color:#e1e4eb}.badge.ready{background:#153e32;color:#94e6bf}.badge.error,.badge.review{background:#513228;color:#ffc798}.actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.actions button,.actions a{font-size:13px;padding:10px 14px;min-height:38px;margin:0}.actions a{color:white;border:1px solid #596171;border-radius:6px;text-decoration:none}.details{grid-column:1/-1}.details summary{cursor:pointer;color:var(--muted)}.details code{display:block;overflow-wrap:anywhere;font-size:12px}.notice{padding:18px;border:1px solid #535b6c;border-radius:8px;line-height:1.8;margin:20px 0}.receipt{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.receipt label{flex:1;min-width:220px}.receipt button{margin-bottom:19px}#newUser{border-top:1px solid #444b59;margin-top:28px;padding-top:14px}#transfer{padding:20px;background:#191c22;border-radius:8px;margin:24px 0}#drop.dragging{border-color:#ff6d89;background:#30212a}#message{position:sticky;bottom:12px;background:#30212a;border-radius:6px;padding:12px}#message:empty{padding:0}button:disabled{cursor:not-allowed}.empty{padding:35px 0;color:var(--muted)}@media(max-width:700px){.fields,.metrics{grid-template-columns:1fr}.metric{padding:14px}.metric strong{font-size:24px}.delivery-card{grid-template-columns:1fr}.section-heading label{width:100%;min-width:0}.tabs{gap:8px}.tabs button{font-size:13px;padding:12px}.brand{width:135px}}