.er-shell{position:fixed;inset:0;z-index:2500;overflow:auto;padding:28px;background:radial-gradient(circle at 85% 0,rgba(124,58,237,.18),transparent 32%),#060b14;color:#edf3ff}.er-topbar,.er-toolbar,.er-order,.er-modal header,.er-modal footer,.er-order-main,.er-order-driver,.er-total{display:flex;align-items:center}.er-topbar{justify-content:space-between;gap:20px;max-width:1400px;margin:auto}.er-topbar h2{margin:4px 0;font-size:30px}.er-topbar h2 i{color:#a78bfa}.er-topbar p{margin:0;color:#8290a8}.er-eyebrow{font-size:10px;letter-spacing:.15em;color:#8b5cf6;font-weight:900}.er-close,.er-refresh,.er-modal header button{width:44px;height:44px;border-radius:13px;border:1px solid #26334a;background:#0c1422;color:#b8c3d8;cursor:pointer}.er-toolbar{max-width:1400px;margin:22px auto 16px;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #1e2a3e;border-radius:18px;background:rgba(13,23,39,.82);backdrop-filter:blur(14px)}.er-toolbar label{display:flex;align-items:center;gap:10px}.er-toolbar label span{font-size:11px;color:#8190aa;text-transform:uppercase;font-weight:800}.er-toolbar input,.er-toolbar select,.er-form-grid input,.er-form-grid select,.er-form-grid textarea{border:1px solid #26344b;background:#09111e;color:#eaf0fb;border-radius:11px;padding:10px 12px;outline:none}.er-negative{margin-left:auto;display:flex;gap:10px;align-items:center;border:1px solid #37445a;background:#101827;color:#8f9bb0;padding:8px 13px;border-radius:13px;cursor:pointer}.er-negative span{display:flex;flex-direction:column;text-align:left}.er-negative small{font-size:10px;font-weight:400}.er-negative.is-on{border-color:rgba(34,197,94,.48);color:#4ade80;background:rgba(34,197,94,.08)}.er-kpis{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.er-kpis>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:3px 10px;padding:16px;border-radius:17px;border:1px solid rgba(249,115,22,.28);background:linear-gradient(145deg,rgba(249,115,22,.11),#0b1321)}.er-kpis i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(249,115,22,.14);color:#fb923c}.er-kpis span,.er-kpis small{color:#8190aa;font-size:11px}.er-kpis b{font-size:22px}.er-kpis small{grid-column:2/4}.er-kpis .green{border-color:rgba(34,197,94,.25)}.er-kpis .green i{color:#4ade80;background:rgba(34,197,94,.12)}.er-kpis .blue{border-color:rgba(59,130,246,.28)}.er-kpis .blue i{color:#60a5fa;background:rgba(59,130,246,.12)}.er-kpis .red{border-color:rgba(239,68,68,.25)}.er-kpis .red i{color:#f87171;background:rgba(239,68,68,.1)}.er-tabs{max-width:1400px;margin:20px auto 10px;display:flex;gap:8px;border-bottom:1px solid #1a2639}.er-tabs button{padding:12px 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8190aa;font-weight:750;cursor:pointer}.er-tabs button i{margin-right:8px}.er-tabs .is-active{color:#b9a6ff;border-color:#8b5cf6}.er-list{max-width:1400px;margin:auto;display:grid;gap:10px}.er-order{display:grid;grid-template-columns:minmax(280px,2fr) minmax(130px,.8fr) 140px auto;gap:18px;padding:16px 18px;border-radius:16px;border:1px solid #1d2a3d;background:linear-gradient(150deg,#0d1727,#080f1b)}.er-order-main{gap:12px}.er-order-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(139,92,246,.13);color:#a78bfa;font-weight:900}.er-order h3{margin:3px 0;font-size:15px}.er-order small{color:#718099;font-size:10px}.er-order p{margin:0;color:#8b99af;font-size:11px}.er-order-driver{flex-direction:column;align-items:flex-start}.er-order-total{flex-direction:column;align-items:flex-end}.er-order-total b{font-size:18px}.er-order-total del{font-size:11px;color:#718099}.er-primary,.er-save{border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:white;font-weight:800;cursor:pointer}.er-result{padding:8px 12px;border-radius:20px;font-size:11px;font-weight:850}.er-result.ok{color:#4ade80;background:rgba(34,197,94,.1)}.er-result.bad{color:#f87171;background:rgba(239,68,68,.1)}.er-empty{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#718099}.er-empty i{font-size:35px;color:#8b5cf6}.er-error{max-width:1400px;margin:10px auto;padding:10px 14px;border-radius:10px;background:rgba(239,68,68,.1);color:#fca5a5}.er-modal-bg{position:fixed;inset:0;z-index:2600;background:rgba(2,6,14,.82);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.er-modal{width:min(940px,100%);max-height:92vh;overflow:auto;border:1px solid #273650;border-radius:22px;background:#09111e;box-shadow:0 30px 80px #000}.er-modal header{justify-content:space-between;padding:20px 22px;border-bottom:1px solid #1c293c}.er-modal header small{color:#8b5cf6;font-weight:900}.er-modal header h2{margin:3px 0}.er-modal header p{margin:0;color:#8290a8;font-size:12px}.er-lines{padding:16px 22px}.er-lines-head,.er-line{display:grid;grid-template-columns:minmax(230px,1fr) 80px 190px 110px;gap:12px;align-items:center}.er-lines-head{padding:7px 10px;color:#65738b;font-size:10px;text-transform:uppercase}.er-line{padding:10px;border-top:1px solid #172338}.er-line>span,.er-line>strong{text-align:right}.er-qty{display:flex;justify-content:flex-end}.er-qty button{width:34px;border:1px solid #293750;background:#111c2d;color:#fff}.er-qty input{width:58px;text-align:center;border:1px solid #293750;background:#080f1b;color:#fff}.er-form-grid{padding:4px 22px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.er-form-grid label{display:flex;flex-direction:column;gap:6px}.er-form-grid label span{font-size:11px;color:#8d9ab0;font-weight:750}.er-form-grid .wide{grid-column:1/-1}.er-form-grid textarea{min-height:62px;resize:vertical}.er-total{margin:0 22px 16px;padding:14px 18px;border-radius:15px;background:#0d1828;border:1px solid #233249;gap:18px}.er-total span{display:flex;flex-direction:column}.er-total small{color:#718099}.er-total b{font-size:24px;color:#4ade80}.er-total i{color:#526079}.er-total em{margin-left:auto;padding:7px 10px;border-radius:20px;font-size:10px;font-style:normal;font-weight:900}.er-total .partial{color:#fbbf24;background:rgba(245,158,11,.1)}.er-total .full{color:#4ade80;background:rgba(34,197,94,.1)}.er-modal footer{justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #1c293c}.er-modal footer button{padding:11px 16px;border-radius:11px;font-weight:800;cursor:pointer}.er-not-delivered{margin-right:auto;border:1px solid rgba(249,115,22,.35);background:rgba(249,115,22,.09);color:#fb923c}.er-cancel{border:1px solid #2a3850;background:#101827;color:#b5c0d3}.er-spin{animation:erSpin 1s linear infinite}@keyframes erSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.er-shell{padding:16px}.er-kpis{grid-template-columns:1fr 1fr}.er-order{grid-template-columns:1fr auto}.er-order-driver{display:none}.er-primary,.er-result{grid-column:1/-1}.er-lines-head{display:none}.er-line{grid-template-columns:1fr 54px 150px}.er-line>strong{grid-column:3}.er-form-grid{grid-template-columns:1fr}.er-form-grid .wide{grid-column:auto}.er-total{flex-wrap:wrap}.er-total em{width:100%;margin:0;text-align:center}}
@media(max-width:520px){.er-topbar p{display:none}.er-topbar h2{font-size:23px}.er-kpis{grid-template-columns:1fr}.er-tabs{overflow:auto}.er-tabs button{white-space:nowrap;padding:11px}.er-order{grid-template-columns:1fr}.er-order-total{align-items:flex-start}.er-modal-bg{padding:0}.er-modal{height:100%;max-height:none;border-radius:0}.er-line{grid-template-columns:1fr 45px}.er-qty{grid-column:1}.er-line>strong{grid-column:2;grid-row:2}.er-modal footer{position:sticky;bottom:0;background:#09111e;flex-wrap:wrap}.er-not-delivered{margin-right:0}.er-save{flex:1}}