:root{color:#182230;background:#f5f7fa;font-family:Inter,Noto Sans SC,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:#344156;background:#fff;border:1px solid #dfe5ee;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}button:hover{border-color:#9ab7ef}.primary{color:#fff;background:#2367e8;border-color:#2367e8;box-shadow:0 5px 14px #2367e833}.full{justify-content:center;width:100%}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.app aside{color:#fff;background:linear-gradient(#152742,#0d182a);flex-direction:column;padding:25px 17px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px 28px;font-size:18px;font-weight:700;display:flex}.brand b{background:#3674e9;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.nav-label{color:#8190a8;letter-spacing:1px;padding:14px 12px 7px;font-size:11px}.nav{color:#aeb9c9;background:0 0;border:0;justify-content:flex-start;width:100%;margin:3px 0}.nav.active,.nav:hover{color:#fff;background:#ffffff14}.role{border:1px solid #ffffff1c;border-radius:10px;margin-top:auto;padding:12px}.role small{color:#8493aa;margin-bottom:8px;display:block}.role div{background:#0b172a;border-radius:7px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.role button{color:#8493aa;background:0 0;border:0;padding:6px 3px;font-size:12px}.role button.sel{color:#fff;background:#2c67e1}.logout{color:#9daabe;background:0 0;border:0;justify-content:flex-start;margin-top:14px}.app main{min-width:0}.app header{color:#8993a3;background:#fff;border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex}.app header b{color:#1d2738}.profile{color:#1d2738;align-items:center;gap:10px;display:flex}.profile i{color:#2362dc;background:#dbe7ff;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:700;display:grid}.profile small,.profile b{display:block}.profile small{color:#8993a3;font-size:11px}.bell{font-size:20px}.content{max-width:1450px;padding:28px 30px}.page-head{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.page-head h1{margin:0 0 5px;font-size:25px}.page-head p{color:#748094;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:21px;display:grid}.stat{background:#fff;border:1px solid #e4e8ef;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{color:#2868df;background:#edf3ff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.stat-icon svg{width:19px}.stat small,.stat strong{display:block}.stat small{color:#768194;font-size:12px}.stat strong{font-size:25px}.card{background:#fff;border:1px solid #e4e8ef;border-radius:12px;overflow:hidden}.card-title,.toolbar{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.card-title h2,.form-card h2{margin:0;font-size:16px}.link{color:#2265d9;background:0 0;border:0;padding:0}.toolbar{justify-content:space-between}.search{color:#9aa4b4;border:1px solid #dde3ec;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:230px;padding:9px}.toolbar button{padding:7px 11px;font-size:12px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#788496;background:#fafbfd;padding:11px 16px;font-size:12px;font-weight:500}td{border-top:1px solid #edf0f4;padding:14px 16px}td small{color:#8c97a7;font-size:11px;display:block}.order-no{color:#2455a4}.money{font-weight:600}.tag{border-radius:16px;padding:5px 9px;font-size:12px}.tag.blue{color:#2866d8;background:#edf3ff}.tag.orange{color:#b97013;background:#fff4e4}.tag.gray{color:#687588;background:#f0f2f5}.tag.green{color:#15845e;background:#e9f8f1}.tag.red{color:#cc4545;background:#fff0f0}.empty{text-align:center;color:#93a0b0;padding:45px}.form-card{max-width:1000px;padding:22px}.form-card>label{color:#667386;margin-bottom:24px;font-size:12px;display:block}.form-card input{border:1px solid #dce2ec;border-radius:8px;outline:0;width:100%;margin-top:7px;padding:10px;display:block}.form-card input:focus{border-color:#6592e9}.items-head{border:0;padding:0 0 13px}.soft{color:#2363d7;background:#edf3ff;border:0}.item-row{grid-template-columns:1.5fr 1fr .8fr .65fr .85fr;gap:9px;margin:10px 0;display:grid}.item-row input{margin:0}.total{background:#f4f7fc;border-radius:9px;justify-content:space-between;margin-top:16px;padding:15px;display:flex}.total strong{color:#1d60d3;font-size:20px}.actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.error{color:#c84545;background:#fff0f0;border-radius:7px;margin:10px 0;padding:10px;font-size:12px}.login{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(145deg,#102442,#1d4b8c);flex-direction:column;justify-content:center;padding:60px;display:flex}.login-art .brand{padding:0}.login-art h1{margin:30px 0 12px;font-size:42px;line-height:1.25}.login-art p{color:#bdd0ee;font-size:16px}.route{align-items:center;margin-top:55px;display:flex}.route i{border:3px solid #86b1ff;border-radius:50%;width:14px;height:14px}.route span{background:#7da9ff;flex:1;height:2px}.login-form{justify-content:center;align-items:center;display:flex}.login-box{width:380px}.login-box h2{margin:0 0 5px;font-size:28px}.login-box>p{color:#7d899b;margin:0 0 30px}.login-box label{color:#667386;margin:15px 0;font-size:12px;display:block}.login-box input{border:1px solid #dce2ec;border-radius:8px;width:100%;margin-top:6px;padding:11px}.login-box small{color:#8a95a4;background:#f5f7fa;border-radius:8px;margin-top:18px;padding:11px;display:block}@media (width<=850px){.app{grid-template-columns:76px 1fr}.app aside{padding:24px 10px}.app aside .brand span,.nav span,.nav-label,.role,.logout{display:none}.nav{justify-content:center}.stats{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-art{display:none}.content{padding:20px 14px}}@media (width<=600px){.stats{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 1fr}.app header{padding:0 15px}.content{padding:20px 12px}.profile div{display:none}}.drawer-mask{z-index:10;background:#0c142666;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(720px,92vw);height:100%;overflow:auto;box-shadow:-16px 0 35px #12213b22}.drawer-head{z-index:2;background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.drawer-head h2{margin:0;font-size:18px}.drawer-head small{color:#8994a4}.drawer-body{padding:22px}.detail-steps{border-bottom:1px solid #e9edf3;justify-content:space-between;margin:25px 0;padding-bottom:20px;display:flex}.detail-steps b{color:#a0a9b6;font-size:12px}.detail-steps b:before{content:"";background:#dfe4eb;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.detail-steps b.done{color:#2464da}.detail-steps b.done:before{background:#3475ed}.info{background:#f7f9fc;border-radius:9px;grid-template-columns:1fr 1fr;margin:18px 0;padding:12px;display:grid}.info p{margin:4px 10px}.info small,.timeline small{color:#8792a3;font-size:11px;display:block}.drawer-body h3{margin:22px 0 12px;font-size:14px}.quote-table{border-collapse:collapse;width:100%}.quote-table th,.quote-table td{text-align:left;border-bottom:1px solid #edf0f4;padding:10px 8px;font-size:13px}.quote-table th{color:#7b8798;background:#fafbfd;font-size:11px}.rate-input{border:1px solid #dbe2ed;border-radius:6px;width:70px;padding:6px}.decision,.detail-actions{gap:10px;margin-top:18px;display:flex}.inline-form{background:#f5f8fc;border-radius:9px;align-items:end;gap:9px;margin-top:12px;padding:13px;display:flex}.inline-form label{color:#788497;flex:1;font-size:11px}.inline-form input,.inline-form select{background:#fff;border:1px solid #dbe2ed;border-radius:6px;width:100%;margin-top:5px;padding:7px;display:block}.timeline{border-left:2px solid #e1e8f3;padding-left:18px}.timeline p{margin:12px 0;position:relative}.timeline p:before{content:"";background:#4380eb;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-24px}.modal-mask{z-index:12;background:#0c142666;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(500px,92vw);overflow:hidden}.modal-body{padding:20px}.modal-body label{color:#788497;margin:10px 0;font-size:12px;display:block}.modal-body input{border:1px solid #dbe2ed;border-radius:7px;width:100%;margin-top:5px;padding:9px;display:block}.modal .actions{border-top:1px solid #edf0f4;padding:14px 20px}.role{display:none!important}.drawer,.drawer-body{color:#182230!important;background:#fff!important}.drawer{width:min(860px,94vw)!important}.quote-table th{white-space:nowrap}.quote-table .subtotal{color:#1759c7;white-space:nowrap;font-weight:700}.drawer-body h2,.drawer-body h3,.drawer-body b,.drawer-body td,.drawer-body th,.drawer-body p{color:#182230}.drawer-body small{color:#69778b}.drawer-body .timeline b{color:#182230}.item-row{grid-template-columns:1.35fr .9fr .7fr .55fr .8fr 1.1fr 42px}.item-row .remove-item{color:#d83d3d;background:#fff5f5;border:1px solid #f0caca;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.item-row .remove-item:hover:not(:disabled){color:#fff;background:#dc3e3e;border-color:#dc3e3e}.item-row .remove-item:disabled{color:#b6bec9;cursor:not-allowed;background:#f5f6f8;border-color:#e3e7ed}@media (width<=760px){.item-row{grid-template-columns:1fr 1fr}.item-row .remove-item{width:100%}}.shipment-items{background:#fff;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid}.shipment-items label{color:#647187;justify-content:space-between;align-items:center;font-size:11px;display:flex}.shipment-items input{width:75px!important}.fee-summary{color:#526177;background:#f7f9fc;border-top:1px solid #e7ebf2;flex-wrap:wrap;align-items:center;gap:16px;padding:10px;font-size:12px;display:flex}.fee-summary b{color:#182230}.fee-summary span{color:#2362cc}.order-actions{white-space:nowrap}.order-actions .status-action{color:#1f5fce;height:32px;box-shadow:none;background:#eaf1ff;border:0;border-radius:7px;margin-right:12px;padding:0 12px;font-size:12px;font-weight:600;transition:all .18s}.order-actions .status-action:hover{color:#fff;background:#2367e8;transform:translateY(-1px)}.order-actions .status-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.order-actions .link{font-size:13px}.detail-steps{gap:0;overflow:hidden}.detail-steps b{text-align:center;z-index:1;flex:1;padding:0 12px;position:relative}.detail-steps b:not(:last-child):after{content:"";z-index:-1;clip-path:polygon(0 34%,90% 34%,90% 0,100% 50%,90% 100%,90% 66%,0 66%);background:#dfe5ed;height:6px;position:absolute;top:7px;left:62%;right:-38%}.detail-steps b.done:not(:last-child):after{background:linear-gradient(90deg,#2367e8 0%,#8cb6ff 30%,#2367e8 60%,#8cb6ff 100%) 0 0/200% 100%;animation:1.5s linear infinite flow-right}.detail-steps b:not(:last-child):before{z-index:2;position:relative}.detail-steps b.active{color:#2464da;font-weight:700}.detail-steps b.active:before{background:#3475ed;box-shadow:0 0 0 4px #3475ed1f}@keyframes flow-right{0%{background-position:200% 0}to{background-position:0 0}}.operation-modal{border-radius:14px;flex-direction:column;width:min(620px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden;box-shadow:0 24px 70px #13213d38}.operation-head{border-bottom:1px solid #e8edf4;flex:none;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.operation-head h2{margin:0 0 5px;font-size:18px}.operation-head p{color:#758196;margin:0;font-size:12px}.operation-head>button{border-radius:8px;width:34px;height:34px;padding:0;font-size:22px;line-height:1}.operation-grid{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;grid-template-columns:1fr 1fr;gap:18px;min-height:0;padding:22px 24px;display:grid;overflow-y:auto}.operation-grid label{color:#59667a;flex-direction:column;gap:7px;font-size:12px;display:flex}.operation-grid label>b,.operation-section>b{color:#e34b4b}.operation-grid input,.operation-grid select,.operation-grid textarea{box-sizing:border-box;color:#182230;background:#fff;border:1px solid #d9e1ec;border-radius:8px;outline:none;width:100%;padding:10px 11px}.operation-grid input:focus,.operation-grid select:focus,.operation-grid textarea:focus{border-color:#3475ed;box-shadow:0 0 0 3px #3475ed18}.operation-grid textarea{resize:vertical}.full-row{grid-column:1/-1}.operation-section{flex-direction:column;gap:9px;display:flex}.operation-section>strong{color:#59667a;font-size:12px}.operation-modal .shipment-items{background:#f7f9fc;grid-template-columns:1fr;gap:7px;padding:10px}.operation-modal .shipment-items label{flex-direction:row;align-items:center}.operation-modal .shipment-items span{color:#182230;font-size:13px}.operation-modal .shipment-items span small{margin-top:3px;display:block}.operation-modal .shipment-items input{width:110px!important}.operation-modal .shipment-complete{box-sizing:border-box;color:#13875f;text-align:center;background:#ebfaf3;border:1px solid #b8e8d4;border-radius:999px;flex:none;min-width:86px;padding:8px 12px;font-size:12px}.shipment-finish-notice{color:#147a59;background:#eefbf5;border:1px solid #a9e2ca;border-radius:10px;flex-direction:column;gap:5px;padding:16px 18px;display:flex}.shipment-finish-notice strong{font-size:14px}.shipment-finish-notice span{color:#568071;font-size:12px}.upload-field{background:#f8faff;border:1px dashed #cbd7e8;border-radius:9px;flex-direction:column;gap:9px;padding:14px;display:flex}.upload-title{color:#59667a;font-size:12px;font-weight:600}.upload-field small{color:#8a95a6}.upload-field em{color:#8a95a6;font-style:normal;font-weight:400}.image-grid-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:390px;display:grid}.image-grid-item,.image-grid-add{aspect-ratio:1;border-radius:9px;position:relative;overflow:hidden}.image-grid-item{background:#eef2f7;border:1px solid #dce4ef}.image-grid-item img{object-fit:cover;width:100%;height:100%;display:block}.image-grid-item button{color:#fff;background:#172033cc;border:0;border-radius:50%;width:24px;height:24px;padding:0;font-size:17px;line-height:22px;position:absolute;top:5px;right:5px;box-shadow:0 2px 7px #0003}.image-grid-add{cursor:pointer;background:#fff;border:1px dashed #aebcd0;justify-content:center;align-items:center;transition:all .18s;color:#778499!important;flex-direction:column!important;gap:3px!important;display:flex!important}.image-grid-add:hover{background:#f3f7ff;border-color:#3475ed;color:#2464da!important}.image-grid-add input{display:none}.image-grid-add strong{font-size:27px;font-weight:300;line-height:1}.image-grid-add span{font-size:11px}.timeline .next-step b{color:#2464da}.timeline .next-step:before{box-shadow:0 0 0 4px #3475ed1f}.quote-pricing-editor{flex-direction:column;gap:8px;min-width:238px;display:flex}.pricing-mode-switch{background:#f2f5f9;border:1px solid #dce4ef;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.pricing-mode-switch button{color:#6c788a;height:29px;box-shadow:none;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:600}.pricing-mode-switch button.selected{color:#fff;background:#2468e8;box-shadow:0 3px 9px #2468e833}.pricing-mode-switch button.selected.direct{background:#ef7a2d;box-shadow:0 3px 9px #ef7a2d33}.pricing-value{background:#fff;border:1px solid #b9cdf4;border-radius:8px;align-items:center;display:flex;overflow:hidden}.pricing-value:focus-within{border-color:#2468e8;box-shadow:0 0 0 3px #2468e817}.pricing-value.direct{border-color:#f1bd98}.pricing-value.direct:focus-within{border-color:#ef7a2d;box-shadow:0 0 0 3px #ef7a2d17}.pricing-value>span{color:#2464da;white-space:nowrap;background:#edf4ff;align-self:stretch;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:flex}.pricing-value.direct>span{color:#d86218;background:#fff1e8;font-size:15px}.pricing-value .rate-input{border:0;border-radius:0;outline:none;width:100%;min-width:0;padding:8px 9px}.shipment-history{margin-top:22px}.shipment-history>h3{margin-bottom:12px}.shipment-history-list{flex-direction:column;gap:12px;display:flex}.shipment-card{background:#fff;border:1px solid #e0e7f1;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px #172c4e0a}.shipment-card-head{background:linear-gradient(90deg,#f4f8ff,#fbfcfe);border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.shipment-card-head>div{align-items:center;gap:9px;display:flex}.shipment-card-head span{color:#2362cc;background:#dfeaff;border-radius:5px;padding:3px 7px;font-size:11px}.shipment-card-head b{font-size:13px}.shipment-card-head time{color:#8792a3;font-size:11px}.shipment-head-actions{align-items:center;display:flex;gap:14px!important}.view-shipment-photos{color:#2464da;height:30px;box-shadow:none;background:#fff;border:1px solid #b9cef6;border-radius:7px;padding:0 11px;font-size:12px;font-weight:600}.view-shipment-photos:hover:not(:disabled){color:#fff;background:#2468e8;border-color:#2468e8}.view-shipment-photos:disabled{color:#a3acb9;cursor:not-allowed;background:#f4f6f8;border-color:#dfe5ed}.incident-alert{color:#d93636;white-space:nowrap;height:30px;box-shadow:none;background:#fff0f0;border:1px solid #ffc5c5;border-radius:7px;padding:0 10px;font-size:12px;font-weight:700;animation:2.2s ease-in-out infinite incident-pulse}.incident-alert:hover{color:#fff;background:#dc3434;border-color:#dc3434;animation:none}.no-incident{color:#b0b8c4}@keyframes incident-pulse{0%,to{box-shadow:0 0 #e3474722}50%{box-shadow:0 0 0 5px #e347470d}}.incident-detail-modal{border-radius:14px;width:min(620px,100vw - 32px);max-height:min(760px,100vh - 40px);padding:0;overflow:auto}.incident-detail-list{background:#f7f9fc;flex-direction:column;gap:12px;padding:20px;display:flex}.incident-detail-list article{background:#fff;border:1px solid #f0d2d2;border-left:4px solid #e14545;border-radius:10px;overflow:hidden}.incident-detail-head{background:#fff7f7;border-bottom:1px solid #f2e5e5;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.incident-detail-head b{color:#d33434}.incident-detail-head time{color:#8c96a5;font-size:11px}.incident-detail-list dl{grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:15px;display:grid}.incident-detail-list dl>div{flex-direction:column;gap:5px;display:flex}.incident-detail-list dl>.full{grid-column:1/-1}.incident-detail-list dt{color:#8a95a6;font-size:11px}.incident-detail-list dd{color:#1b2636;margin:0;font-size:13px;font-weight:600}.incident-photo-section{padding:0 15px 15px}.incident-photo-section>strong{color:#7b8798;margin-bottom:9px;font-size:11px;display:block}.incident-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:390px;display:grid}.incident-photo-grid>div{aspect-ratio:1;color:#9299a4;background:#f3f0f0;border:1px solid #ecdcdc;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.incident-photo-grid img{object-fit:cover;width:100%;height:100%}.order-incident-history{margin-top:22px}.order-incident-history>h3{align-items:center;gap:8px;margin-bottom:12px;display:flex}.order-incident-history>h3 span{color:#fff;background:#e23b3b;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;display:inline-flex}.incident-detail-list.embedded{background:0 0;padding:0}.incident-detail-head>div{align-items:center;gap:10px;display:flex}.incident-status{color:#d33434;background:#ffe8e8;border-radius:10px;padding:3px 7px;font-size:10px;font-weight:700}.collapsible-heading{color:#182230;width:100%;min-height:46px;box-shadow:none;background:#f8faff;border:1px solid #dfe6f0;border-radius:10px;justify-content:space-between;align-items:center;margin:0 0 12px;padding:0 14px;transition:all .18s;display:flex}.collapsible-heading:hover{background:#f2f6fd;border-color:#b9cdf0}.collapsible-heading.incident-heading{background:#fff7f7;border-color:#f1cdcd}.collapsible-heading.incident-heading:hover{background:#fff1f1;border-color:#e8a8a8}.heading-main,.heading-action{align-items:center;display:flex}.heading-main{gap:8px;font-size:14px;font-weight:700}.heading-main i{color:#fff;background:#3475ed;border-radius:11px;justify-content:center;align-items:center;min-width:21px;height:21px;font-size:11px;font-style:normal;display:inline-flex}.incident-heading .heading-main i{background:#e23b3b}.heading-action{color:#718097;gap:7px;font-size:12px;font-weight:500}.heading-action b{color:#516078;font-size:18px;line-height:1;transition:transform .2s;display:inline-block;transform:rotate(-90deg)}.heading-action b.open{transform:rotate(0)}.collapsible-content{display:none}.collapsible-content.open{display:flex}.timeline small{margin-top:3px}.timeline small .timeline-detail,.timeline small time{display:block}.timeline small .timeline-detail{color:#637086;margin-bottom:2px}.timeline small time{color:#8994a5}.previewable-image{cursor:zoom-in;transition:transform .18s,filter .18s}.previewable-image:hover{filter:brightness(.92);transform:scale(1.025)}.image-preview-mask{z-index:100;cursor:zoom-out;background:#07101eee;justify-content:center;align-items:center;padding:70px 28px 28px;display:flex;position:fixed;inset:0}.image-preview-toolbar{color:#fff;cursor:default;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:16px;left:20px;right:20px}.image-preview-toolbar span{color:#e8edf5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.image-preview-toolbar button{color:#fff;background:#ffffff17;border:1px solid #ffffff45;border-radius:50%;flex:none;width:38px;height:38px;padding:0;font-size:25px;line-height:1}.image-preview-toolbar button:hover{background:#ffffff2e}.image-preview-full{object-fit:contain;cursor:default;border-radius:4px;max-width:96vw;max-height:calc(100vh - 100px);box-shadow:0 18px 70px #0009}.mobile-upload-button{color:#2162d5;background:#edf4ff;border:1px solid #9fc0fb;align-self:flex-start;font-size:12px;font-weight:700}.mobile-upload-button:hover{color:#fff;background:#2468e8;border-color:#2468e8}.mobile-synced-block{flex-direction:column;gap:8px;display:flex}.mobile-synced-title{color:#607087;align-items:center;gap:8px;font-size:12px;display:flex}.mobile-synced-title b{color:#2464da;background:#e9f2ff;border-radius:9px;padding:2px 7px;font-size:10px}.mobile-synced-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:390px;display:grid}.mobile-synced-grid>div{aspect-ratio:1;color:#8793a3;background:#edf3fb;border:1px solid #bcd2f7;border-radius:9px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.mobile-synced-grid img{object-fit:cover;width:100%;height:100%}.mobile-synced-grid i{color:#fff;pointer-events:none;background:#1761d6db;border-radius:8px;padding:2px 6px;font-size:9px;font-style:normal;position:absolute;bottom:5px;right:5px}.mobile-qr-modal{border-radius:16px;width:min(430px,100vw - 32px);padding:0;overflow:hidden}.mobile-qr-body{text-align:center;flex-direction:column;align-items:center;padding:26px;display:flex}.qr-frame{background:#fff;border:1px solid #e0e6ef;border-radius:13px;padding:14px;box-shadow:0 8px 24px #18305713}.mobile-qr-body>b{margin-top:17px;font-size:15px}.mobile-qr-body>p{color:#718097;margin:7px 0 3px;font-size:13px}.mobile-qr-body>p strong{color:#2468e8;font-size:17px}.mobile-qr-body>small{color:#9aa4b2}.mobile-qr-body>button{margin-top:18px}.mobile-qr-actions{gap:9px;margin-top:18px;display:flex}.mobile-qr-actions button{justify-content:center;min-width:112px}.mobile-upload-page{color:#182230;background:linear-gradient(#edf4ff 0,#f6f8fb 210px);min-height:100vh}.mobile-upload-page>header{height:58px;padding:env(safe-area-inset-top) 18px 0;color:#fff;background:#174fae;justify-content:space-between;align-items:center;display:flex}.mobile-upload-page>header span{font-weight:800}.mobile-upload-page>header b{opacity:.85;font-size:13px}.mobile-upload-page>section{max-width:560px;margin:0 auto;padding:22px 16px 40px}.mobile-upload-status{align-items:center;gap:13px;margin-bottom:18px;display:flex}.mobile-upload-status i{color:#fff;background:#2468e8;border-radius:14px;place-items:center;width:45px;height:45px;font-size:22px;font-style:normal;display:grid;box-shadow:0 8px 18px #2468e835}.mobile-upload-status h1{margin:0 0 3px;font-size:21px}.mobile-upload-status p{color:#718097;margin:0;font-size:12px}.mobile-photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.mobile-photo-grid img,.uploaded-placeholder{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.uploaded-placeholder{color:#248057;background:#e8f5ee;place-items:center;font-size:12px;display:grid}.mobile-upload-actions{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mobile-upload-actions label{color:#235fc5;background:#fff;border:1px solid #cddbf0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:104px;display:flex;position:relative;box-shadow:0 7px 20px #17335e0d}.mobile-upload-actions label span{font-size:16px;font-weight:800}.mobile-upload-actions label small{color:#8b96a6;margin-top:5px}.mobile-upload-actions input{opacity:0;width:100%;position:absolute;inset:0}.mobile-upload-result{text-align:center;background:#fff;border-radius:12px;margin-top:14px;padding:15px}.mobile-upload-result b{color:#2468e8}.mobile-upload-result p{color:#8490a1;margin:5px 0 0;font-size:12px}.mobile-error{color:#c83d3d;text-align:center;background:#fff0f0;border-radius:12px;padding:18px}.customer-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.customer-actions button{color:#2763c5;height:30px;box-shadow:none;border-color:#d7e1f0;padding:0 9px;font-size:11px}.customer-actions .warning{color:#ad6a09;background:#fff8ea;border-color:#f3d39d}.customer-actions .success{color:#16815d;background:#effaf5;border-color:#a9ddc9}.customer-actions .danger{color:#d33b3b;background:#fff4f4;border-color:#efc1c1}.customer-actions .danger:hover:not(:disabled){color:#fff;background:#d83b3b;border-color:#d83b3b}.customer-actions button:disabled{opacity:.45;cursor:not-allowed}.customer-modal{width:min(520px,100vw - 32px)}.customer-modal .modal-body label{color:#667386;margin-bottom:14px;font-size:12px;display:block}.customer-modal .modal-body input{border:1px solid #dce2ec;border-radius:8px;width:100%;margin-top:6px;padding:10px}.customer-modal .actions{padding:0 20px 20px}.password-tip{color:#8a95a5;margin-top:-5px;display:block}.excel-actions{align-items:center;gap:8px;display:flex}.excel-actions a,.excel-actions label{color:#2462ca;cursor:pointer;background:#f7faff;border:1px solid #cbdaf1;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.excel-actions a:hover,.excel-actions label:hover{background:#edf4ff;border-color:#3475ed}.excel-actions label input{opacity:0;width:1px;height:1px;position:absolute}.import-success{color:#16805b;background:#eaf8f1;border-radius:7px;margin:10px 0;padding:10px;font-size:12px}@media (width<=760px){.items-head{flex-direction:column;align-items:flex-start;gap:10px}.excel-actions{flex-wrap:wrap;width:100%}}.shipment-meta{align-items:center;gap:14px;padding:12px 15px;display:flex}.shipment-meta small{color:#8792a3}.shipment-meta strong{color:#1759c7;font-size:14px}.shipment-product-list{border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;margin:0 15px}.shipment-product-list>div{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.shipment-product-list>div+div{border-top:1px dashed #e4e9f0}.shipment-product-list span{font-size:13px}.shipment-product-list small{margin-top:3px;display:block}.shipment-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:390px;padding:14px 15px 15px;display:grid}.shipment-photo-grid a,.shipment-photo-grid>div{aspect-ratio:1;color:#8a95a6;background:#eef2f7;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.shipment-photo-grid img{object-fit:cover;width:100%;height:100%}.shipment-photo-modal{border-radius:14px;width:min(720px,100vw - 32px);max-height:min(760px,100vh - 40px);padding:0;overflow:auto}.modal-photo-grid{max-width:none;padding:20px}.modal-photo-grid>div{aspect-ratio:1;background:#eef2f7;border:1px solid #e0e6ef;flex-direction:column;justify-content:stretch;align-items:stretch;position:relative}.modal-photo-grid>div small{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#101827c7);padding:7px 8px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.operation-footer{background:#f8faff;border-top:1px solid #e8edf4;flex:none;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.operation-footer button{min-width:90px}.operation-footer .primary{color:#fff;background:#2468e8;border-color:#2468e8}@media (width<=600px){.operation-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.operation-grid{grid-template-columns:1fr}.full-row{grid-column:auto}}