:root{--navy:#10263e;--navy2:#0a1e34;--ink:#152a3f;--muted:#8190a2;--line:#e8edf2;--paper:#fff;--base:#f5f7fa;--orange:#ff5c18;--orange2:#ff7837;--green:#15966d;--shadow:0 12px 36px rgba(16,37,57,.035);--radius:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}img{max-width:100%}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}.accent-text{color:var(--orange)}[hidden]{display:none!important}strong{font-weight:730}
/* Admin shell */
.admin-body{background:var(--base)}.app-shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:263px;min-width:263px;height:100vh;display:flex;flex-direction:column;padding:33px 16px 22px;background:#fff;border-right:1px solid #e8ebf0;z-index:20}.side-brand{display:block;padding:0 18px 29px}.side-brand img{width:173px;height:auto}.workspace-switch{display:flex;align-items:center;gap:10px;background:#f6f8fb;padding:10px;border-radius:13px;margin:0 4px 26px;border:1px solid #edf0f4}.work-icon{width:36px;height:36px;display:grid;place-items:center;background:#fff;border-radius:10px;color:var(--orange);box-shadow:0 2px 8px #102d4410}.work-icon .ico{width:18px;height:18px}.workspace-switch strong{display:block;font-size:11.5px;letter-spacing:-.1px}.workspace-switch small{display:block;color:#94a0ae;font-size:10px;margin-top:3px}.work-chevron{margin-left:auto;opacity:.55}.work-chevron .ico{width:15px;height:15px;transform:rotate(90deg)}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#a2acb8;font-weight:800;padding:0 19px;margin-bottom:13px}.nav-gap{margin-top:28px}.side-link{display:flex;align-items:center;gap:12px;padding:13px 16px;margin:2px 0;color:#78889a;border-radius:11px;font-size:12.5px;font-weight:650;transition:.16s}.side-link:hover{background:#f7f9fb;color:var(--navy)}.side-link.is-active{background:#fff0e8;color:#f35b20}.side-link .ico{width:18px;height:18px}.nav-plus{margin-left:auto;font-size:17px;color:var(--orange)}.side-spacer{flex:1}.side-help{margin:0 2px;background:linear-gradient(155deg,#edf5fa,#f8fafc);padding:16px 15px 14px;border:1px solid #e8eef4;border-radius:14px}.help-icon{width:31px;height:31px;border-radius:9px;background:#fff;display:grid;place-items:center;color:#204b6b;margin-bottom:11px}.help-icon .ico{width:17px;height:17px}.side-help strong{font-size:12px}.side-help p{font-size:10.5px;line-height:1.7;color:#8797a8;margin:6px 0 0}.side-logout{margin:13px 5px 0}.side-logout button{display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;border:0;background:transparent;border-radius:10px;color:#77889a;font-size:12px;font-weight:600;text-align:left}.side-logout button:hover{background:#fff4f0;color:var(--orange)}.side-logout .ico{width:17px;height:17px}.app-main{flex:1;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 47px;background:rgba(255,255,255,.8);border-bottom:1px solid #e8edf1}.topbar-crumb{color:#99a4b1;font-size:10px;letter-spacing:1.7px;font-weight:850}.topbar-crumb span{margin:0 8px;color:#c8d1d9}.topbar-right{display:flex;gap:19px;align-items:center}.system-pill{display:flex;align-items:center;gap:8px;color:#516779;font-size:11px;font-weight:650}.system-pill span,.live-dot{width:7px;height:7px;background:#20ba8a;border-radius:50%;box-shadow:0 0 0 4px #e8f9f1}.avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#102d47;color:#fff;font-size:11px;font-weight:800}.page-content{padding:42px clamp(22px,3.15vw,58px) 76px;max-width:1660px;margin:0 auto}.menu-toggle{display:none}.icon-button{border:0;background:transparent;padding:8px;color:var(--navy)}
/* Common headings + controls */
.page-head{margin-bottom:33px}.page-head h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.8px;font-weight:780;margin:10px 0 9px;line-height:1.15;color:#14283d}.page-head p{font-size:13px;color:#8291a2;line-height:1.7;margin:0}.head-split{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9.5px;font-weight:850;letter-spacing:2.15px;color:#8a9aab}.eyebrow.orange{color:var(--orange)}.eyebrow.small{font-size:9px}.back-link{display:block;color:#8b98a6;font-size:11px;font-weight:650;margin:0 0 17px}.back-link:hover{color:var(--orange)}.btn{border:1px solid transparent;border-radius:11px;min-height:42px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11.5px;font-weight:750;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn .ico{width:15px;height:15px}.btn-primary{background:#fa5e1e;color:#fff;box-shadow:0 9px 18px #ff641e28}.btn-primary:hover{background:#e9500f}.btn-secondary{border-color:#e3e9ef;background:white;color:#2b425a;box-shadow:0 3px 10px #182b3a05}.btn-secondary:hover{border-color:#bdcbd7;background:#fcfcfd}.btn-block{width:100%}.btn-small{min-height:31px;padding:7px 11px;font-size:10px;border-radius:9px}.notice{display:flex;align-items:center;gap:10px;border-radius:11px;padding:13px 17px;margin-bottom:20px;font-weight:650;font-size:12px;background:#fef3ed;border:1px solid #fed9c3;color:#b44b1c}.notice .ico{width:17px;height:17px}.notice-success{color:#13795c;border-color:#c9f1df;background:#ebfbf3}.panel{background:#fff;border:1px solid #e9edf2;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:23px}.overflow-hidden{overflow:hidden}.panel-heading{padding:24px 26px;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h2,.form-heading h2{margin:0;font-size:16px;letter-spacing:-.5px;font-weight:800}.panel-heading p,.form-heading p{margin:6px 0 0;font-size:11px;color:#96a3b1;line-height:1.55}.link-arrow,.text-link{font-size:11px;font-weight:800;color:var(--orange);display:inline-flex;align-items:center;gap:8px}.link-arrow .ico,.text-link .ico{width:13px;height:13px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{padding:15px 26px;background:#fbfcfe;font-size:11px;letter-spacing:.8px;color:#a0aab5;font-weight:850}.data-table td{padding:17px 26px;border-top:1px solid #eff2f5;font-size:12.5px;color:#4c5d6d;line-height:1.45;vertical-align:middle}.data-table tbody tr:hover{background:#fcfdff}.cell-main{display:block;font-size:12.5px;color:#1e3449;font-weight:750}.cell-minor{display:block;color:#a3aebc;font-size:11px;margin-top:5px}.td-muted{color:#a2aeb9!important;font-size:10.5px!important}.mono{font-family:"Cascadia Code",Consolas,monospace;letter-spacing:-.2px}.strong{font-weight:750;color:#20384e!important}.row-arrow{display:grid;place-items:center;width:27px;height:27px;color:#718293;background:#f6f8fa;border-radius:8px}.row-arrow .ico{width:15px;height:15px}.row-arrow:hover{color:var(--orange);background:#fff0e7}.empty-table{text-align:center;padding:55px!important;color:#98a6b6!important}.count-pill{display:inline-grid;place-items:center;min-width:30px;padding:5px 9px;background:#f4f7fa;border-radius:7px;font-size:11px;font-weight:800}.status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;font-size:10px;white-space:nowrap;font-weight:750;border-radius:100px;background:#f4f5f7;color:#66768a}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-positive{background:#e9f8f0;color:#219a6d}.status-accent{background:#fff1e8;color:#e96b28}.status-danger{background:#ffeded;color:#d95357}.status-warning{background:#fff8de;color:#a67e0b}.status-muted{background:#eff3f6;color:#78899a}
/* Dashboard */
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid #e9edf2;border-radius:17px;padding:24px 25px 22px;box-shadow:var(--shadow)}.stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;margin-bottom:24px}.stat-icon .ico{width:20px;height:20px}.stat-icon.blue{background:#eaf3fd;color:#367bb5}.stat-icon.orange-bg{background:#fff0e6;color:#ff6b2c}.stat-icon.purple{background:#f0ecff;color:#8a6cdf}.stat-icon.green{background:#e6f8ef;color:#229c73}.stat-name{font-size:12px;font-weight:700;color:#74879a}.stat-value{font-size:32px;line-height:1.2;letter-spacing:-1.6px;font-weight:800;color:#132a40;margin:11px 0 5px}.stat-meta{font-size:11px;color:#a5b0bd}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:22px;align-items:start}.dash-aside{display:flex;flex-direction:column;gap:20px}.quick-card{position:relative;overflow:hidden;background:linear-gradient(138deg,#102d48,#081c30);border-radius:19px;color:#fff;padding:27px;min-height:340px}.quick-glow{position:absolute;width:240px;height:240px;border:1px solid #ffffff15;border-radius:100%;right:-90px;top:-60px;box-shadow:0 0 0 55px #ffffff05,0 0 0 115px #ffffff03}.quick-chip{position:relative;display:inline-block;font-size:9px;color:#ff9565;letter-spacing:1.7px;font-weight:850;margin-bottom:17px}.quick-card h2{position:relative;font-size:24px;letter-spacing:-1.1px;line-height:1.2;margin:0 0 11px}.quick-card p{position:relative;font-size:11px;line-height:1.75;color:#b0c2d3;max-width:310px;margin:0 0 25px}.quick-actions{position:relative;display:grid;gap:9px}.quick-actions a{display:flex;align-items:center;gap:10px;padding:12px 13px;background:#ffffff0f;border:1px solid #ffffff13;border-radius:10px;font-size:11px;font-weight:700}.quick-actions a:hover{background:#ffffff21}.quick-actions a .ico{width:16px;height:16px;color:#ffa478}.quick-actions a .ico:last-child{margin-left:auto;color:#fff;width:13px}.mini-panel{border:1px solid #e8edf2;background:#fff;padding:24px;border-radius:16px}.mini-title{display:block;font-size:11px;font-weight:700;color:#8192a4;margin-bottom:8px}.mini-panel>strong{font-size:27px;letter-spacing:-1px}.mini-panel p{font-size:10.5px;color:#92a1b0;line-height:1.7}.mini-panel a{color:var(--orange);font-weight:750;font-size:11px;display:inline-flex;gap:8px;align-items:center}.mini-panel a .ico{width:14px}
/* Forms */
.max-form{max-width:1040px}.form-panel{padding:28px 32px}.form-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:25px}.section-number{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#fff0e7;color:#ec6129;font-weight:850;font-size:12px}.section-number .ico{width:17px;height:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:11px;font-weight:720;color:#55687d}.field input,.field select,.field textarea,.form-stack>input,.reset-details input{width:100%;border:1px solid #e1e7ee;background:#fcfdfe;border-radius:10px;color:#233a50;outline:0;min-height:43px;padding:11px 13px;font-size:11.5px;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus,.form-stack>input:focus,.reset-details input:focus{border-color:#ff8a53;box-shadow:0 0 0 3px #ff642018;background:#fff}.field input::placeholder,.field textarea::placeholder{color:#b4bec8}.field textarea{resize:vertical;line-height:1.6}.field small,.field-help{font-size:10px;color:#96a5b3;line-height:1.65}.form-stack{display:flex;flex-direction:column;gap:17px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-divider{height:1px;background:#edf0f3;margin:5px 0}.radio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.radio-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:7px;border:1.5px solid #e8edf2;border-radius:13px;padding:21px 20px;cursor:pointer;min-height:147px;transition:.2s}.radio-card:has(input:checked){border-color:#ff854d;background:#fff8f4;box-shadow:0 0 0 3px #ff70220c}.radio-card input{position:absolute;right:16px;top:17px;accent-color:var(--orange)}.card-radio-icon{display:grid;place-items:center;color:#f86624;background:#fff0e8;border-radius:9px;width:35px;height:35px;margin-bottom:5px}.card-radio-icon .ico{width:18px;height:18px}.radio-card strong{font-size:12.5px;color:#183048}.radio-card small{color:#97a3b0;font-size:10px;line-height:1.55}.form-top{margin:23px 0}.barcode-field{padding:20px;margin-top:20px;background:#fffaf6;border:1px dashed #ffbd94;border-radius:13px}.scan-row{display:flex;align-items:stretch;gap:9px}.scan-row input{min-width:0;flex:1}.input-search{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e8eef3;border-radius:10px;padding:0 13px;width:280px;max-width:100%}.input-search .ico{width:16px;height:16px;color:#9ba8b6}.input-search input{border:0;outline:0;background:transparent;width:100%;font-size:11.5px;min-height:38px;color:#273d50}.filter-heading{justify-content:flex-start}.status-filter{margin-left:auto}.status-filter select{border:1px solid #e7ecf1;background:#fff;padding:11px 12px;min-width:160px;border-radius:9px;font-size:11px;color:#586a79}.scanner-preview{position:relative;margin-top:12px;background:#0c2237;border-radius:13px;padding:12px}.scanner-preview video{width:100%;max-height:310px;object-fit:cover;border-radius:9px}.scanner-preview button{display:block;background:transparent;color:#fff;border:1px solid #ffffff70;padding:7px 12px;border-radius:8px;margin:8px auto 0}.inline-notice{display:flex;align-items:center;gap:9px;border-radius:10px;background:#f2f7fb;color:#637f93;font-size:10px;line-height:1.6;padding:13px;margin-top:20px}.inline-notice .ico{width:17px;height:17px;color:#295a77}
/* Shipment details */
.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(285px,.75fr);gap:21px;align-items:start}.details-panel{overflow:hidden}.detail-badge{color:var(--orange);background:#fff4ed;width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.address-grid{display:grid;grid-template-columns:1fr 32px 1fr;padding:25px;gap:13px}.address-card{min-width:0}.tiny-label{font-size:9px;font-weight:850;letter-spacing:1.7px;color:#98a6b7}.address-card h3{font-size:14px;margin:12px 0 8px;color:#17334a}.address-card p{font-size:11.5px;line-height:1.75;color:#75879a;overflow-wrap:anywhere}.address-card small{font-size:11px;color:#2b4760;font-weight:700}.route-divider{display:grid;place-items:center;color:#ff753d}.route-divider .ico{width:20px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef1f5}.detail-stats>div{padding:23px 17px;border-right:1px solid #eef1f5}.detail-stats>div:last-child{border-right:0}.detail-stats small{font-size:10px;color:#8b9bad;display:block}.detail-stats strong{display:block;font-size:12px;margin-top:8px;overflow-wrap:anywhere}.info-list{padding:12px 24px}.info-list>div{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f1f3f5;font-size:11px}.info-list>div:last-child{border:0}.info-list span{color:#8494a4}.info-list strong{max-width:55%;text-align:right;overflow-wrap:anywhere}.info-hint{margin:0 25px 24px;background:#f9f7f2;padding:12px;border-radius:9px;font-size:10px;line-height:1.6;color:#9a8460}.timeline{padding:18px 31px}.timeline-item{position:relative;border-left:1.5px solid #e7edf3;padding:0 0 26px 21px;margin-left:5px}.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.timeline-node{position:absolute;left:-5px;top:1px;width:9px;height:9px;border-radius:50%;background:#ff671f;box-shadow:0 0 0 4px #ffede3}.timeline-item strong{display:block;font-size:11px}.timeline-item p{font-size:10.5px;color:#72849a;line-height:1.6;margin:6px 0}.timeline-item small{font-size:9px;color:#aab3bd}.side-form{padding:23px}.side-form .form-heading{margin-bottom:20px}.ledger-line{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid #eef1f5;gap:12px;font-size:12px}.ledger-line small{display:block;color:#99a7b4;margin-top:5px;font-size:10px}.empty-inline{padding:24px;color:#9aa9b9;font-size:11px}
/* Warehouse & labels */
.warehouse-hero{background:linear-gradient(120deg,#0d2b45,#163c55);border-radius:19px;padding:34px;display:grid;grid-template-columns:1fr minmax(270px,.75fr);gap:25px;margin-bottom:24px;color:#fff;overflow:hidden}.warehouse-hero-copy h2{font-size:29px;letter-spacing:-1.2px;line-height:1.2;margin:18px 0 10px}.warehouse-hero-copy p{font-size:11px;line-height:1.75;color:#c1d0de;max-width:370px}.tag{display:inline-flex;align-items:center;gap:7px;border-radius:100px;font-size:9px;letter-spacing:1px;font-weight:800;padding:8px 11px}.tag .ico{width:14px;height:14px}.tag-white{background:#ffffff19;border:1px solid #ffffff27;color:#fff}.scan-panel{background:#fff;border-radius:15px;padding:22px;color:var(--navy);display:flex;flex-direction:column;gap:13px}.barcodes-layout{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(260px,1fr);gap:22px}.barcode-sample{border-radius:17px;border:1px solid #e9edf2;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;min-height:270px}.sample-top{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#8192a1;font-weight:750}.sample-bars{margin:24px 0 6px;max-width:280px;width:100%;height:87px}.sample-bars svg{width:100%;height:100%}.barcode-sample strong{font-family:monospace;font-size:19px;letter-spacing:2px}.barcode-sample p{font-size:10px;color:#a1abb7}.two-stat{grid-template-columns:repeat(2,1fr)}.two-stat .stat-value{margin-bottom:0}.label-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.print-label{background:#fff;border:1px dashed #cfd7dd;border-radius:9px;min-width:0;padding:17px;display:flex;flex-direction:column;align-items:center;break-inside:avoid}.print-brand{font-weight:900;letter-spacing:-.6px;font-size:14px}.print-brand span{color:var(--orange)}.print-label img{max-width:100%;height:90px;margin:7px 0}.print-sub{font-size:8px;letter-spacing:.5px;color:#84909d;text-align:center}.reset-details{margin-top:9px}.reset-details summary{font-size:10px;color:#d76d43;cursor:pointer}.reset-details .form-stack{padding-top:9px;max-width:200px;gap:7px}.reset-details input{min-height:32px}.row-actions{display:flex;gap:10px}.invoice-paper{padding:40px;max-width:1000px}.invoice-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf1;padding-bottom:27px}.invoice-top img{width:190px}.invoice-top strong{font-size:18px}.invoice-top p{font-size:11px;color:#8c98a6}.invoice-customer{padding:30px 0}.invoice-customer>span{font-size:10px;color:#9ca7b4;letter-spacing:1.5px;font-weight:800}.invoice-customer h3{margin:10px 0;font-size:17px}.invoice-customer p{font-size:11px;color:#8293a4;line-height:1.7}.invoice-total{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:26px 12px;border-top:1px solid #e8edf1}.invoice-total span{font-size:10px;letter-spacing:1.5px;color:#8694a4;font-weight:800}.invoice-total strong{font-size:24px}.invoice-disclaimer{font-size:10px;line-height:1.7;color:#a0a9b4;margin:10px 0 0}.settings-right{display:grid;gap:17px}
/* Pickup mobile */
.pickup-body{background:#e9eef3;min-height:100vh}.pickup-frame{max-width:540px;margin:0 auto;min-height:100vh;background:#f7f9fb;box-shadow:0 2px 40px #0b273b12;padding-bottom:110px}.pickup-header{height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#fff;border-bottom:1px solid #e9edf1}.pickup-mark img{width:141px;display:block}.pickup-header-chip{font-size:8px;letter-spacing:1px;font-weight:850;color:#66879e;display:flex;align-items:center;gap:9px}.pickup-content{padding:27px 23px 40px}.pickup-greeting{padding:18px 4px 24px}.pickup-greeting h1{font-size:34px;line-height:1.22;letter-spacing:-1.6px;margin:10px 0 10px;color:#132c43;font-weight:800}.pickup-greeting h1 span{color:#fa621e}.pickup-greeting p{font-size:11.5px;color:#8998a8;line-height:1.6;margin:0}.pickup-greeting-small{padding:7px 3px 23px}.pickup-greeting-small h1{font-size:30px}.pickup-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:17px}.pickup-stat{padding:20px 18px;background:#fff;border:1px solid #e7edf2;border-radius:18px;min-height:141px}.stat-kicker{display:flex;align-items:center;gap:7px;color:#8192a4;font-size:9px;letter-spacing:1.05px;font-weight:800}.stat-kicker .ico{width:15px;height:15px;color:var(--orange)}.pickup-stat>strong{display:block;font-size:34px;letter-spacing:-1.4px;color:#102b42;margin:11px 0 2px}.pickup-stat small{font-size:10px;color:#a0acb9}.pickup-primary-action{display:flex;align-items:center;gap:16px;padding:23px 21px;min-height:153px;border-radius:19px;background:linear-gradient(117deg,#0f304b,#0a2037);color:#fff;position:relative;overflow:hidden;box-shadow:0 14px 26px #0e34462b}.pickup-primary-action:after{content:"";position:absolute;right:-46px;bottom:-97px;width:200px;height:200px;border:1px solid #ffffff15;box-shadow:0 0 0 48px #ffffff08,0 0 0 96px #ffffff04;border-radius:50%}.pickup-action-icon{background:#ff671f;color:#fff;border-radius:13px;width:48px;height:48px;display:grid;place-items:center;z-index:1}.pickup-action-icon .ico{width:24px;height:24px}.pickup-primary-action div:nth-child(2){z-index:1;min-width:0}.pickup-primary-action div:nth-child(2)>span{display:block;color:#ffa77e;font-size:8.5px;font-weight:800;letter-spacing:1.5px}.pickup-primary-action strong{display:block;font-size:24px;letter-spacing:-.8px;margin:5px 0 4px}.pickup-primary-action small{display:block;font-size:9.5px;color:#b5c8d5;line-height:1.45}.big-arrow{margin-left:auto;z-index:1}.big-arrow .ico{width:22px;height:22px}.pickup-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:29px 2px 17px}.pickup-section-head h2{font-size:18px;letter-spacing:-.6px;margin:7px 0 0}.pickup-section-head>a{font-size:10px;color:var(--orange);font-weight:800;display:flex;align-items:center;gap:5px}.pickup-section-head>a .ico{width:14px;height:14px}.pickup-list{background:#fff;border-radius:17px;border:1px solid #e9edf2;overflow:hidden}.pickup-list-item{display:flex;gap:12px;padding:18px 15px;border-bottom:1px solid #eff2f5;align-items:flex-start}.pickup-list-item:last-child{border-bottom:0}.parcel-circle{width:37px;height:37px;display:grid;place-items:center;background:#fff1e9;color:#fd6427;border-radius:12px;flex:none}.parcel-circle .ico{width:18px;height:18px}.pickup-list-main{flex:1;min-width:0}.pickup-list-main strong{font-size:11.5px;color:#173148;display:block;margin-bottom:5px}.pickup-list-main small{display:block;font-size:9.5px;line-height:1.5;color:#95a3b1}.pickup-list-main .mono{font-size:9px;color:#657b8d;display:block;margin-top:8px;overflow-wrap:anywhere}.pickup-list-right{text-align:right;min-width:95px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pickup-list-right .status{font-size:8px;padding:6px 8px}.pickup-list-right small{color:#a7b0ba;font-size:8px}.pickup-empty{text-align:center;padding:49px 18px}.pickup-empty .ico{width:29px;height:29px;color:#f8692b;margin-bottom:9px}.pickup-empty strong{display:block;font-size:12px}.pickup-empty p{font-size:11px;color:#97a5b3}.pickup-signout{text-align:center;margin:23px 0}.pickup-signout button{border:0;background:none;color:#9aabb9;font-size:10px;display:inline-flex;align-items:center;gap:8px}.pickup-signout .ico{width:13px;height:13px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:540px;width:100%;height:82px;padding:9px 20px max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -12px 38px #0c284411;z-index:10}.bottom-nav a{display:flex;flex-direction:column;gap:5px;align-items:center;color:#9aa8b6;font-size:9px;font-weight:750;min-width:85px}.bottom-nav a .ico{width:20px;height:20px}.bottom-nav a.active{color:#fa611f}.bottom-nav a.new-nav{color:#fb6222}.bottom-nav .new-nav .ico{background:#ff631f;border-radius:100%;color:#fff;width:42px;height:42px;padding:11px;margin-top:-18px;box-shadow:0 6px 14px #ff631f50}.pickup-booking-form{display:flex;flex-direction:column;gap:13px}.pickup-form-card{background:#fff;border-radius:18px;border:1px solid #e8edf2;padding:21px 19px}.pickup-step-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.pickup-step-title>span{width:34px;height:34px;border-radius:10px;background:#fff0e7;color:#ed642b;display:grid;place-items:center;font-size:11px;font-weight:850;flex:none}.pickup-step-title h2{margin:2px 0 6px;font-size:15px;letter-spacing:-.4px}.pickup-step-title p{font-size:10px;color:#9ca9b8;margin:0}.pickup-fields{display:grid;gap:16px}.pickup-form-card .form-grid{gap:12px}.pickup-form-card .field{gap:7px}.pickup-form-card .field>span{font-size:10px}.pickup-form-card .field input,.pickup-form-card .field select,.pickup-form-card .field textarea{font-size:12px;min-height:46px}.pickup-form-card .field textarea{min-height:83px}.pickup-barcode-card{border-color:#ffdac6}.scan-graphic{display:flex;align-items:center;gap:10px;padding:17px;border:1px dashed #ffc4a1;background:#fff8f2;border-radius:12px;margin-bottom:19px;color:#f16d31}.scan-graphic .ico{width:24px;height:24px}.scan-graphic span{font-weight:700;font-size:10px}.scan-btn{width:47px;display:grid;place-items:center;border:0;border-radius:10px;background:#fff0e7;color:#f66a2b}.scan-btn .ico{width:22px;height:22px}.pickup-form-actions{padding:10px 0;display:grid;gap:10px}.pickup-form-actions .btn{min-height:49px}.history-list{margin-top:5px}
/* Auth */
.auth-body{background:#f4f7fa;min-height:100vh}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:18px;max-width:1500px;margin:0 auto}.auth-panel{background:#fff;border-radius:23px;padding:41px clamp(28px,4vw,68px) 26px;display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.auth-logo{width:176px}.auth-center{max-width:420px;width:100%;margin:auto}.auth-center h1{font-size:38px;letter-spacing:-1.7px;margin:13px 0 11px;line-height:1.14}.subcopy{color:#8a9bad;font-size:12px;line-height:1.8;margin:0 0 31px}.auth-center .field>span{font-size:11px}.auth-center .field input{min-height:51px}.auth-center .btn{min-height:51px;margin-top:7px}.auth-meta{display:flex;justify-content:center;gap:7px;align-items:center;font-size:10px;color:#8d9dad;margin-top:25px}.auth-meta .ico{width:15px;height:15px;color:#2aa781}.auth-switch{font-size:11px;color:#8999a8;text-align:center;margin-top:23px}.auth-switch a{color:#ed611f;font-weight:750}.auth-footer{font-size:9px;letter-spacing:.2px;text-align:center;color:#a6b3bf}.auth-visual{border-radius:23px;background:linear-gradient(165deg,#0d2b46,#091c2f);color:#fff;padding:35px clamp(30px,4vw,68px) 50px;display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-art-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.art-count{font-size:10px;color:#b7c8d8;letter-spacing:1.3px}.auth-graphic{position:relative;flex:1;min-height:300px;display:grid;place-items:center}.auth-orbit{position:absolute;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%}.orbit-b{width:510px;height:510px}.auth-graphic-box{width:198px;height:198px;border-radius:42px;transform:rotate(-10deg);background:linear-gradient(140deg,#fc8752,#ff5d18);box-shadow:15px 24px 0 #ff974247,0 40px 90px #ff5b182f;display:grid;place-items:center}.auth-graphic-box .ico{width:107px;height:107px;stroke:#fff;stroke-width:1.1;transform:rotate(10deg)}.auth-float{position:absolute;z-index:2;background:#fff;color:#1e3b54;border-radius:12px;box-shadow:0 13px 30px #0002;padding:13px 17px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.auth-float .ico{width:18px;height:18px;color:#1aaf78}.float-a{top:19%;right:2%}.float-b{bottom:18%;left:0}.float-b .ico{color:var(--orange)}.auth-visual h2{position:relative;font-size:clamp(34px,3.5vw,53px);line-height:1.12;letter-spacing:-2.1px;margin:0 0 15px}.auth-visual h2 em{font-style:normal;color:#ff8049}.auth-visual>p{font-size:12px;line-height:1.8;color:#aac0d1;max-width:450px;margin:0}
/* Responsive */
@media(max-width:1300px){.sidebar{width:235px;min-width:235px}.page-content{padding:35px 27px}.topbar{padding:0 30px}.stat-grid{gap:12px}.stat-card{padding:19px}.data-table td,.data-table th{padding-left:17px;padding-right:17px}}
@media(max-width:1050px){.sidebar{width:217px;min-width:217px}.dashboard-columns,.detail-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{min-height:0}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions a{flex-direction:column;align-items:start;min-height:76px}.quick-actions a .ico:last-child{display:none}}
@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 50px #0012}.sidebar.menu-open{transform:translateX(0)}.menu-toggle{display:block}.topbar{padding:0 19px;height:67px}.page-content{padding:27px 18px}.head-split{align-items:flex-start}.head-split .btn{font-size:10px}.topbar-crumb{font-size:9px}.warehouse-hero{grid-template-columns:1fr}.barcodes-layout{grid-template-columns:1fr}.form-panel{padding:22px}.auth-wrap{grid-template-columns:1fr;padding:0}.auth-panel{min-height:100vh;border-radius:0}.auth-visual{display:none}.auth-center{padding:35px 0}.label-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.page-head h1{font-size:30px;letter-spacing:-1.1px}.stat-grid{gap:10px}.stat-card{padding:18px 15px}.stat-value{font-size:28px}.stat-icon{margin-bottom:16px}.head-split{flex-wrap:wrap}.head-split>.btn{width:100%}.form-grid{grid-template-columns:1fr;gap:15px}.form-grid .span-2{grid-column:auto}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.three .field input{padding:9px}.radio-cards{gap:9px}.radio-card{padding:16px 13px}.radio-card strong{font-size:11px}.radio-card small{font-size:9.5px}.form-actions .btn{flex:1}.address-grid{grid-template-columns:1fr}.route-divider{justify-self:start;transform:rotate(90deg)}.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-stats>div:nth-child(2){border-right:0}.filter-heading{flex-direction:column;align-items:stretch}.input-search{width:100%}.status-filter{margin-left:0}.status-filter select{width:100%}.topbar-right .system-pill{display:none}.label-grid{grid-template-columns:1fr}.invoice-paper{padding:20px}.invoice-top img{width:120px}.auth-center h1{font-size:31px}.auth-panel{padding:30px 25px}}
@media print{body{background:#fff!important}.sidebar,.topbar,.print-hidden,.form-actions,.bottom-nav{display:none!important}.app-main,.page-content{padding:0!important;margin:0!important;max-width:none!important}.panel{box-shadow:none!important}.print-label{break-inside:avoid;box-shadow:none;border:1px dashed #ddd}.label-grid{grid-template-columns:repeat(3,1fr);gap:9mm}.invoice-paper{border:0}.page-content{font-size:11px}}