*{box-sizing:border-box}body{margin:0;background:#f4f5f1;color:#192e2a;font:15px system-ui,-apple-system,sans-serif}.shell{display:flex;min-height:100vh}aside{width:250px;background:#123f35;color:#fff;padding:38px 26px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:54px;font-weight:900;letter-spacing:-4px;line-height:1}.brand span{display:block;font-size:11px;letter-spacing:4px;margin-top:12px}.label{font-size:10px;color:#aac7bb;margin:50px 0 14px}nav{display:grid;gap:8px}nav button{background:none;color:#d1e2db;text-align:start;border:0;padding:15px}nav button.active{background:#315c4e;color:white}footer{margin-top:auto;color:#d3e2d8;line-height:2}footer small{color:#a4bdb0}main{flex:1;padding:35px 5%;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:28px;margin:8px 0}.eyebrow{letter-spacing:3px;font-size:10px;color:#6a7b70}.actions{display:flex;gap:8px}button,.button{cursor:pointer;background:#fff;border:1px solid #d4dcd3;border-radius:9px;padding:11px 17px;color:inherit;font:inherit}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.primary{background:#c8ea71;border:0;color:#173d2d;font-weight:700}.dark{background:#174a3b;color:#fff}.card{background:#fff;border:1px solid #e1e5dc;border-radius:18px;padding:26px;margin-bottom:20px}.hero{background:#e6ecd9;padding:38px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.hero h2{font-size:32px;margin:0 0 10px}.hero p{color:#5c6d5b;line-height:1.9;max-width:500px}.hero button{font-size:18px;padding:20px 30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid #e1e5dc;border-radius:15px;padding:24px}.stat strong{display:block;font-size:34px;margin:10px 0;color:#245341}.muted{color:#7b887d}form{display:grid;gap:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:8px;font-size:13px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #d5ded2;border-radius:8px;background:#fafbf8;color:#233b2e}textarea{min-height:85px}input:focus,select:focus,textarea:focus{outline:2px solid #93b95c}.badge{display:inline-block;background:#edf2df;border-radius:20px;padding:5px 12px;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #eef0eb}.row:last-child{border:0}.row h3{margin:0 0 8px}.row p{margin:6px 0;font-size:13px;color:#718073}.empty{text-align:center;padding:50px;color:#7b887d}.empty b{display:block;color:#334b3d;font-size:20px;margin:15px}#notice:not(:empty),#connection:not(:empty){background:#fff2d6;padding:13px;border-radius:10px;margin-bottom:16px}dialog{border:0;border-radius:18px;width:min(850px,95vw);max-height:90vh;padding:30px;color:#203a2e}dialog::backdrop{background:#183b2d80}dialog header{margin-bottom:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px system-ui}a{color:#245a3e}small{line-height:1.8}#view>.card>h2{margin-top:0}details{margin:16px 0}@media(max-width:800px){.shell{display:block}aside{width:100%;height:auto;position:static;padding:18px}.brand{font-size:30px}.brand span{font-size:8px}.label,footer{display:none}nav{display:flex;overflow:auto;margin-top:18px}nav button{white-space:nowrap;padding:10px}main{padding:24px 18px}.hero{display:block;padding:25px}.hero h2{font-size:25px}.stats{gap:8px}.stat{padding:15px}.grid{grid-template-columns:1fr}header h1{font-size:23px}.row{align-items:start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}/* DNA / modern workspace */
:root{--ink:#e9edf9;--muted:#949eb8;--accent:#4cc3df;--panel:#141b2c;--line:#ffffff12;color-scheme:dark}body{color:var(--ink);background:#0b1020;background-image:radial-gradient(ellipse at 88% 0%,#31426138,transparent 50%),radial-gradient(ellipse at 5% 100%,#183d5730,transparent 45%);font-size:15px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:52px 52px;z-index:-1}aside{width:245px;background:#101726d9;backdrop-filter:blur(24px);border-inline-end:1px solid var(--line);padding:40px 25px}.brand{color:#4cc3df;font-size:62px}.brand span{color:#cbd3e6;font-weight:500;font-size:10px;letter-spacing:5px}.label{color:#727f9c;font-size:9px;letter-spacing:1px}nav button{border-radius:12px;color:#96a3bf;transition:background .2s,color .2s,transform .2s}nav button:hover{background:#ffffff08;transform:translateY(-2px)}nav button.active{background:#4cc3df13;border:1px solid #4cc3df24;color:#8ce4f5;box-shadow:inset -3px 0 #4cc3df}footer{font-size:13px;color:#aebad3}footer small{color:#697892}main{padding:38px 4.5%;max-width:1600px;width:100%}header{margin-bottom:35px}h1{letter-spacing:-.8px;font-size:29px}.eyebrow{color:#9aa8c1;letter-spacing:3px;font-size:10px}button,.button{border:1px solid #ffffff15;background:#20293d;color:#d9e2f3;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s}button:hover{filter:none;background:#2b3650;transform:translateY(-2px);box-shadow:0 6px 18px #0002}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);color:#072a3d;box-shadow:0 7px 30px #4cc3df1c;font-weight:800}.primary:hover{background:#7ddaf0;box-shadow:0 10px 40px #4cc3df30}.dark{background:#4cc3df;color:#072a3d;font-weight:750}.dark:hover{background:#7ddaf0}.hero{position:relative;overflow:hidden;border:1px solid #ffffff13;background:linear-gradient(120deg,#1e3040,#1b263d 55%,#19374b);border-radius:28px;padding:48px;margin-bottom:28px;box-shadow:0 20px 70px #0002;isolation:isolate}.hero:before{content:'';width:310px;height:310px;border:1px solid #4cc3df14;border-radius:50%;position:absolute;inset-inline-end:-75px;top:-150px;box-shadow:0 0 0 50px #4cc3df04,0 0 0 100px #4cc3df03;z-index:-1;animation:orbit 12s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset-inline-start:12%;bottom:-80px;width:240px;height:140px;filter:blur(70px);background:#89b8ff1c;z-index:-1}.hero h2{font-size:clamp(27px,3vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.6}.hero p{color:#b5c2d3;font-size:15px;max-width:550px}.hero button{white-space:nowrap;border-radius:16px;font-size:17px;padding:20px 28px}.hero>span{color:#4cc3df;text-shadow:0 0 70px #4cc3df44;animation:float 4s ease-in-out infinite}.badge{background:#4cc3df10;border:1px solid #4cc3df21;color:#9be6f6;padding:7px 13px;font-size:11px;letter-spacing:.2px}.card,.stat{border:1px solid #ffffff0e;background:linear-gradient(145deg,#192235,#141c2c);box-shadow:0 8px 35px #00000014;border-radius:22px}.card{padding:28px;margin-bottom:24px}.card h2{font-size:19px;font-weight:650}.stats{gap:20px;margin-bottom:28px}.stat{padding:26px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.stat:hover{transform:translateY(-5px);border-color:#4cc3df40}.stat:after{content:'↗';position:absolute;inset-inline-end:20px;top:22px;color:#9dadc24a;font-size:21px}.stat strong{color:#dff6fc;font-size:39px;font-weight:600;font-variant-numeric:tabular-nums}.stat:nth-child(2) strong{color:#aebeff}.stat:nth-child(3) strong{color:#7edcc3}.muted{color:var(--muted)}label,.field-caption{color:#b4bfd5;font-size:13px;font-weight:500}input,select,textarea{color:#e0e7f5;background:#0c1425;border:1px solid #ffffff13;border-radius:12px;padding:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#687992}input:focus,select:focus,textarea:focus{outline:none;border-color:#4cc3df70;box-shadow:0 0 0 4px #4cc3df0a}input[type=checkbox]{accent-color:#4cc3df}.row{border-color:#ffffff0b;padding:21px 0}.row h3{font-size:15px}.row p,.row small{color:#94a3be}.row button{font-size:12px}.empty{color:#7786a4;padding:45px}.empty b{color:#bac7dd}.empty:first-letter{color:#4cc3df}a{color:#94e3f4}#notice:not(:empty),#connection:not(:empty){background:#302a1a;border:1px solid #e7b65833;color:#f1d998}dialog{color:var(--ink);background:#121b2d;border:1px solid #ffffff1a;border-radius:26px;box-shadow:0 35px 140px #0009;padding:30px;width:min(900px,95vw);animation:modal-in .3s ease both}dialog::backdrop{background:#030715bb;backdrop-filter:blur(9px)}dialog header{position:sticky;top:-30px;background:#121b2df5;backdrop-filter:blur(15px);padding:12px 0;z-index:3;margin-bottom:22px}dialog h2{font-size:22px;margin:0}#close{font-size:23px;padding:3px 14px}.upload-section{display:grid;gap:10px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:215px;padding:28px 18px;border:1.5px dashed #53647f;border-radius:20px;background:radial-gradient(ellipse at center,#4cc3df06,transparent 80%),#0d1727;cursor:pointer;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;text-align:center;overflow:hidden}.dropzone strong{font-size:17px;color:#dbe6f8}.dropzone>span:not(.upload-icon){color:#8b9ab6;font-size:13px}.dropzone small{color:#6c7e9a;font-size:11px}.upload-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#4cc3df11;color:#4cc3df;font-size:34px;border:1px solid #4cc3df20;margin-bottom:5px;transition:transform .25s}.dropzone:hover,.dropzone:focus-within{border-color:#4cc3df90;background-color:#162331;box-shadow:0 0 0 4px #4cc3df08}.dropzone.drag-over{transform:scale(1.015);border-color:#4cc3df;background-color:#17394c;box-shadow:0 0 35px #4cc3df18}.drag-over .upload-icon{transform:translateY(-6px)}.dropzone.has-file{min-height:170px;border-color:#4cc3df50}.file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0}.file-preview{display:flex;gap:14px;align-items:center;border:1px solid #4cc3df30;border-radius:13px;padding:14px;background:#4cc3df08;animation:enter .25s ease both}.file-preview[hidden]{display:none}.file-preview>div{flex:1;min-width:0}.file-preview strong{display:block;overflow-wrap:anywhere;font-size:13px;direction:ltr;text-align:start}.file-preview small{display:block;color:#94a3b7;font-size:11px;margin-top:4px}.pdf-icon{display:grid;place-items:center;width:42px;height:45px;flex-shrink:0;border-radius:10px;background:#4cc3df15;font-size:10px;font-weight:800;color:#9be6f6}.file-preview button{padding:4px 10px;font-size:20px}.upload-error{color:#ffa5a5;font-size:12px;margin:0}.upload-error:empty{display:none}#modal-error:not(:empty){color:#ffb4a8;margin-top:16px;padding:14px;border:1px solid #ffb4a822;border-radius:12px}#extract{font-size:12px;line-height:1.9}details{color:#9fadc6;font-size:13px}pre{background:#0b1322;border:1px solid #ffffff10;border-radius:12px;padding:15px;max-height:260px;overflow:auto}#view>.hero,#view>.card,#view>.stats{animation:enter .45s ease both}.stats .stat:nth-child(2){animation-delay:.08s}.stats .stat:nth-child(3){animation-delay:.16s}#login{gap:20px}#login button{padding:15px}#view:has(#login){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);align-items:stretch;gap:24px;min-height:500px}#view:has(#login)>.hero{flex-direction:column;align-items:start;justify-content:center;margin:0}#view:has(#login)>.card{max-width:none!important;margin:0;display:flex;flex-direction:column;justify-content:center;padding:38px}#view:has(#login) .hero>span{align-self:flex-end;font-size:95px!important}#view:has(#login) h2{margin-bottom:22px}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translate(-6px,-10px)}}@keyframes orbit{to{transform:translate(20px,35px) scale(1.1)}}@media(max-width:1050px){aside{width:210px}#view:has(#login){grid-template-columns:1fr;min-height:auto}#view:has(#login)>.hero{min-height:270px;flex-direction:row;align-items:center}#view:has(#login) .hero>span{font-size:60px!important}.hero{padding:32px}}@media(max-width:800px){aside{width:100%;height:auto;position:static;padding:20px 22px}.brand{font-size:36px}.brand span{font-size:8px}main{padding:26px 18px}nav button{font-size:12px}.hero{padding:26px}.hero h2{font-size:29px}.hero button{margin-top:12px;padding:15px 22px}.stats{gap:10px}.stat{padding:20px 15px}.stat:after{display:none}.stat strong{font-size:29px}.stat .muted{font-size:11px}#view:has(#login)>.card{padding:26px}dialog{padding:22px}dialog header{top:-22px}.card{padding:22px}header{gap:10px}h1{font-size:23px}.actions button{font-size:12px;padding:9px}#view:has(#login) .hero>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.delivery-note{padding:18px;border-radius:14px;border:1px solid #4cc3df30;background:#4cc3df08;display:grid;gap:10px}.delivery-note p{margin:0;font-size:12px;line-height:1.9;color:#a4b9d2}.delivery-note small{color:#91a9c3;font-size:11px}.delivery-note button{justify-self:start}

.required-label{color:#79d9ed;font-size:10px;display:inline}#transfer label:has([name="order_number"]){display:block}#transfer [name="order_number"]{margin-top:10px}.attachment-grid .dropzone{min-height:175px;padding:20px 12px}.attachment-grid .dropzone strong{font-size:15px}.transfer-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}

.received-files{margin:24px 0;gap:18px}.received-file{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:28px 18px;border:1px solid #4cc3df25;border-radius:18px;background:#4cc3df06;min-height:190px}.received-file .pdf-icon{height:55px;width:48px;background:#4cc3df15;color:#8cdff1}.received-file button{font-size:13px}.preparation-actions{margin-top:28px}.preparation-actions button{padding:17px}.danger-button{color:#ffb8b8;border-color:#ff8d8d40;background:#ff8d8d0c}.danger-button:hover{background:#ff8d8d1c}