:root{--brand:#093c5d;--brand-dark:#072f49;--sidebar:#121a22;--bg:#f2f3f5;--panel:#fff;--panel-2:#f7f8f9;--line:#d8dde3;--line-dark:#c7cdd4;--text:#1a1e23;--muted:#69727c;--success:#167647;--danger:#b42318;--radius:5px;--shadow:0 1px 2px #0f172a0a}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button:disabled{opacity:.6;cursor:not-allowed}.login-page,.loading-page{background:#eceff2;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:6px;width:min(420px,100%);padding:24px;box-shadow:0 10px 30px #10182814}.login-brand{color:#16202a;align-items:center;gap:10px;display:flex}.login-brand small{color:var(--muted);margin-top:2px;display:block}.login-copy{margin:28px 0 18px}.login-copy h1{margin:0 0 5px;font-size:22px}.login-copy p{color:var(--muted);margin:0}.login-form{flex-direction:column;gap:13px;display:flex}.login-form label{color:#4b5560;font-size:11px;font-weight:650}.login-form input{border:1px solid var(--line-dark);border-radius:3px;outline:0;width:100%;min-height:36px;margin-top:5px;padding:7px 9px}.login-form input:focus{border-color:#6a737d}.login-button{width:100%;min-height:38px;margin-top:4px}.form-error{color:#a12b23;background:#fff0ef;border:1px solid #ebcac7;border-radius:3px;padding:8px;font-size:11px}.login-demo{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:4px;margin-top:18px;padding-top:14px;font-size:10px;display:flex}.login-demo strong{color:#333b44;font-size:11px}.loading-box{border:1px solid var(--line);text-align:center;background:#fff;border-radius:5px;max-width:500px;padding:22px}
.app-shell{grid-template:"sidebar topbar"52px"sidebar main"minmax(0,1fr)"sidebar status"26px/220px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);color:#d7dee5;border-right:1px solid #0b1117;flex-direction:column;grid-area:sidebar;min-width:0;display:flex}.brand{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:52px;padding:0 16px;font-weight:700;display:flex}.brand-mark{border:2px solid;border-radius:4px;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:inline-grid}.nav-section{color:#7f8a96;text-transform:uppercase;letter-spacing:.12em;padding:14px 10px 6px;font-size:10px;font-weight:700}.nav{flex-direction:column;gap:2px;padding:0 8px;display:flex}.nav button{color:#cbd3dc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.nav button:hover{background:#172029}.nav button.active{color:#fff;background:#222d37}.nav .ico{text-align:center;color:#9da8b3;width:18px}.sidebar-footer{color:#93a0ac;border-top:1px solid #ffffff14;margin-top:auto;padding:12px;font-size:11px;line-height:1.5}.topbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:topbar;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 14px 0 18px;display:flex}.page-title{align-items:center;gap:12px;min-width:0;display:flex}.page-title h1{white-space:nowrap;margin:0;font-size:16px;font-weight:700}.crumb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.top-actions{align-items:center;gap:8px;display:flex}.user-chip{border-left:1px solid var(--line);align-items:center;gap:8px;height:30px;margin-left:2px;padding:0 8px;display:flex}.avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:grid}.user-name{font-size:11px;font-weight:700}.user-role{color:#7a838d;font-size:10px}.btn{border:1px solid var(--line-dark);color:#222;cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:3px;padding:7px 12px;font-weight:600}.btn:hover{background:#f5f6f7}.btn:focus-visible{outline-offset:1px;outline:1px solid #6d7580}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-dark)}.btn.danger{color:var(--danger);background:#fff9f8;border-color:#e2c2bf}.btn.small{padding:5px 9px;font-size:12px}.main-area{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex;overflow:hidden}.page{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);background:#fafbfc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.toolbar-meta{color:var(--muted);align-items:center;gap:16px;font-size:12px;display:flex}.segmented{border:1px solid var(--line-dark);background:#fff;border-radius:3px;display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;color:#4c5661;border:0;border-right:1px solid var(--line);background:#fff;padding:7px 14px;font-weight:600}.segmented button:last-child{border-right:0}.segmented button.active{color:#fff;background:#242b32}.workspace{min-height:0;padding:10px;overflow:auto}.content-shell{background:var(--panel);border:1px solid var(--line);max-width:1600px;box-shadow:var(--shadow);border-radius:var(--radius);margin:0 auto;overflow:hidden}.content-shell.transparent{box-shadow:none;background:0 0;border:0;overflow:visible}.notice{border-radius:6px;justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin-bottom:14px;padding:12px 18px;font-size:13px;line-height:1.5;display:flex}.notice-success,.notice.success{color:#17683f;background:#edf7f1;border:1px solid #cde8d7;margin-bottom:14px;padding:12px 18px}.notice-error,.notice.error,.notice-danger,.notice.danger{color:#a12b23;background:#fff0ef;border:1px solid #ebcac7;margin-bottom:14px;padding:12px 18px;font-weight:600}.notice-info,.notice.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:14px;padding:12px 18px}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:18px;line-height:1}.statusbar{border-top:1px solid var(--line);color:#66717c;background:#f7f8f9;grid-area:status;justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;display:flex}.status-left,.status-right{align-items:center;gap:14px;display:flex}.dot{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.empty-state{color:var(--muted);text-align:center;padding:16px}.empty-state.large{border:1px solid var(--line);background:#fff;border-radius:4px;max-width:600px;margin:20px auto}
.section{border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-head{border-bottom:1px solid var(--line);background:#f7f8fa;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 18px;display:flex}.section-title{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.step{color:#39414a;background:#e3e7eb;border-radius:3px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.section-note{color:var(--muted);font-size:11px}.section-body{padding:18px}.grid{align-items:end;gap:10px 12px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.field{min-width:0}.field label{color:#4b5560;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line-dark);color:#1e2329;background:#fff;border-radius:3px;outline:none;width:100%;min-height:32px;padding:6px 8px}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:none;border-color:#6a737d}.field input:disabled{color:#6d7680;background:#f0f2f4}.inline-group{grid-template-columns:1fr auto;gap:6px;display:grid}.info-strip{color:#48525c;background:#f8f9fa;border:1px solid #d0d5da;border-radius:3px;margin-bottom:10px;padding:8px 10px;font-size:11px}.radio-strip{border:1px solid var(--line-dark);background:#f7f8f9;border-radius:3px;align-items:center;height:32px;padding:3px;display:flex}.radio-strip button{cursor:pointer;color:#5f6872;white-space:nowrap;background:0 0;border:0;border-radius:2px;flex:1;height:24px;padding:0 8px}.radio-strip button.active{color:#22272d;background:#e2e5e8;font-weight:700}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:3px;overflow:auto}.table-wrap.borderless{border:0;border-radius:0}table{border-collapse:collapse;width:100%;min-width:980px}th{color:#515a64;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line-dark);white-space:nowrap;background:#eceff2;padding:8px;font-size:10px}th:last-child{border-right:0}td{vertical-align:middle;border-bottom:1px solid #e7eaee;border-right:1px solid #e7eaee;padding:6px}td:last-child{border-right:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8f9fa}tr.clickable{cursor:pointer}.cell-input,.cell-select{background:0 0;border:1px solid #0000;border-radius:2px;width:100%;min-height:28px;padding:6px}.cell-input:focus,.cell-select:focus{box-shadow:none;background:#fff;border-color:#7c858e;outline:none}.product-table{min-width:1250px}.wide-750{min-width:750px}.wide-850{min-width:850px}.wide-900{min-width:900px}.wide-950{min-width:950px}.wide-1050{min-width:1050px}.wide-1100{min-width:1100px}.wide-1200{min-width:1200px}.summary-bar{border-top:1px dashed var(--line-dark);flex-wrap:wrap;justify-content:flex-end;gap:18px;margin-top:8px;padding-top:8px;display:flex}.summary-item{min-width:130px;color:var(--muted);font-size:11px}.summary-item strong{color:#1d2228;margin-top:2px;font-size:14px;display:block}.couriers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.courier{border:1px solid var(--line-dark);cursor:pointer;text-align:left;background:#fff;border-radius:3px;flex-direction:column;min-height:102px;padding:10px;display:flex;position:relative}.courier:hover{border-color:#8d969f}.courier.selected{background:#f7f8f9;border-color:#252b31;box-shadow:inset 0 0 0 1px #252b31}.courier-name{font-size:13px;font-weight:700}.courier-service{color:var(--muted);margin-top:3px;font-size:11px}.courier-meta{color:#7c8690;margin-top:8px;font-size:10px}.tick{color:#0000;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:all .15s;display:grid;position:absolute;top:10px;right:10px}.courier.selected .tick,.courier.active .tick{color:#fff;background:#2563eb;border-color:#2563eb}.form-footer{border-top:1px solid var(--line);background:#fafbfc;justify-content:flex-end;gap:10px;margin-top:12px;padding:14px 18px;display:flex}.shipglobal-rate-panel{border:1px solid var(--line);background:#fafbfc;border-radius:3px;margin-top:12px;padding:12px}.shipglobal-rate-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.shipglobal-head-left{flex:0 0 calc(25% - 6px)}.shipglobal-head-left>strong{margin-bottom:10px;font-size:13px;display:block}.shipglobal-details{background:#e0f2fe;border-left:4px solid #0284c7;border-radius:2px;flex-direction:column;justify-content:center;min-height:auto;padding:12px;display:flex}.shipglobal-details-header{color:#0c4a6e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.shipglobal-details-content{color:#0369a1;font-size:13px;font-weight:600;line-height:1.4}.warning-strip{color:#77510d;background:#fff8eb;border-color:#ead4a5}.shipglobal-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.rate-option{text-align:left;border:2px solid var(--line-dark);cursor:pointer;background:#fff;border-radius:3px;flex-direction:column;align-items:flex-start;gap:4px;padding:9px;display:flex}.rate-option:hover{border-color:#6b7280}.rate-option.selected{background:#eff6ff;border-width:2px;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb,0 2px 8px #2563eb26}.rate-option-title{font-weight:700}.rate-option-price{font-size:14px;font-weight:750}.rate-option-meta{color:var(--muted);font-size:10px}.shipglobal-empty-rate{padding:8px 2px 2px}.filter-actions{align-items:end;gap:6px;display:flex}.filter-actions .btn{min-height:32px}.rate-row.selected{border-left:2px solid #0056b3;background-color:#eff6ff!important}.rate-row{cursor:pointer}.rate-row:hover{background-color:#f8fafc}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.kpi{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:4px;padding:12px}.kpi-label{color:var(--muted);font-size:11px}.kpi-value{margin-top:5px;font-size:24px;font-weight:750}.kpi-sub{color:#6d7680;margin-top:6px;font-size:10px}.two-col{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.detail-columns>div{flex-direction:column;gap:10px;display:flex}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:4px;margin-bottom:10px;overflow:hidden}.panel:last-child{margin-bottom:0}.panel-head{border-bottom:1px solid var(--line);background:#f7f8fa;justify-content:space-between;align-items:center;min-height:38px;padding:7px 12px;font-weight:700;display:flex}.panel-body{padding:10px}.panel-body.no-padding{padding:0}.action-list{flex-direction:column;display:flex}.action-row{border-bottom:1px solid #eceff2;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.action-row:last-child{border-bottom:0}.filter-row{grid-template-columns:1.5fr repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:8px;display:grid}.compact-filter{grid-template-columns:1.5fr 1fr 1fr auto}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;min-height:21px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge.grey{color:#555f69;background:#f0f2f4;border-color:#dce1e5}.badge.green{color:#17683f;background:#edf7f1;border-color:#cde8d7}.badge.amber{color:#8a5500;background:#fff7e8;border-color:#f2d9a6}.badge.red{color:#a12b23;background:#fff0ef;border-color:#ebcac7}.badge.navy{color:#093c5d;background:#eef3f6;border-color:#cfdce4}.shipment-header{border:1px solid var(--line);background:#fff;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;padding:12px;display:flex}.shipment-header h2{align-items:center;gap:8px;margin:0 0 5px;font-size:18px;display:flex}.shipment-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.header-actions{flex-wrap:wrap;gap:7px;display:flex}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.detail{background:#fafbfc;border:1px solid #e0e4e8;border-radius:3px;padding:8px}.detail-label{color:var(--muted);text-transform:uppercase;font-size:10px}.detail-value{margin-top:3px;font-size:12px;font-weight:650}.route-grid{grid-template-columns:1fr 40px 1fr;align-items:center;gap:8px;display:grid}.route-box{border:1px solid var(--line);background:#fff;border-radius:3px;min-height:120px;padding:10px}.route-box p{white-space:pre-line;color:#4c555f;margin:8px 0 0;line-height:1.55}.route-arrow{text-align:center;color:#7b838c;font-size:18px}.timeline{padding-left:18px;position:relative}.timeline:before{content:"";background:#cdd3d9;width:1px;position:absolute;top:6px;bottom:6px;left:5px}.time-item{padding:0 0 12px 10px;position:relative}.time-item:last-child{padding-bottom:0}.time-item:before{content:"";background:#68727c;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:-17px;box-shadow:0 0 0 1px #b9c0c7}.time-item strong{font-size:11px;display:block}.time-item span{color:var(--muted);font-size:10px}.time-item small{color:#4e5862;margin-top:3px;display:block}.shipglobal-actions{border:1px solid var(--line);background:#fff;border-radius:4px;margin-bottom:10px;padding:10px}.shipglobal-actions-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.api-state{border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.api-state.ok{color:#17683f;background:#edf7f1;border-color:#cde8d7}.api-state.pending{color:#8a5500;background:#fff7e8;border-color:#f2d9a6}.shipglobal-action-buttons{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.awb-entry{align-items:center;gap:6px;display:flex}.awb-entry input{border:1px solid var(--line-dark);border-radius:3px;min-width:260px;min-height:32px;padding:6px 8px}.inline-success,.inline-error{border-radius:3px;margin-bottom:8px;padding:7px 9px;font-size:11px}.inline-success{color:#17683f;background:#edf7f1;border:1px solid #cde8d7}.inline-error{color:#a12b23;background:#fff0ef;border:1px solid #ebcac7}.muted-text{color:var(--muted);font-size:11px}.danger-zone{background:snow;border:1px solid #e4c4c1;border-radius:4px;grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:end;gap:20px;padding:14px;display:grid}.danger-zone p{color:var(--muted);margin:6px 0 0;line-height:1.55}.danger-zone-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}@media (max-width:900px){.danger-zone,.danger-zone-controls{grid-template-columns:1fr}}.button-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pickup-form-panel{border:1px solid var(--line);background:#f8f9fa;border-radius:4px;margin-top:10px;padding:12px}.pickup-form-panel .field strong{background:#fff;border:1px solid #d9dee3;border-radius:3px;min-height:34px;padding:8px 9px;font-size:11px;line-height:1.45;display:block}.pickup-form-panel .field small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45;display:block}.pickup-form-panel .button-row{margin-top:10px}.plt-config-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;display:grid}.plt-status-card,.plt-upload-card{border:1px solid var(--line);background:#fafbfc;border-radius:4px;padding:12px}.plt-status-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plt-status-pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:3px 9px;font-size:10px;font-weight:750;display:inline-flex}.plt-status-pill.ready{color:#17683f;background:#edf7f1;border-color:#cde8d7}.plt-status-pill.pending{color:#8a5500;background:#fff7e8;border-color:#f2d9a6}.plt-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.plt-meta-grid>div{background:#fff;border:1px solid #e0e4e8;border-radius:3px;min-width:0;padding:8px}.plt-meta-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.plt-meta-grid strong{font-size:11px;line-height:1.45;display:block}.plt-upload-card{flex-direction:column;gap:10px;display:flex}.break-value{overflow-wrap:anywhere;word-break:break-word}@media (max-width:1000px){.plt-config-layout{grid-template-columns:1fr}}@media (max-width:620px){.plt-meta-grid{grid-template-columns:1fr}}
@media (max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.grid.cols-6,.grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.couriers,.kpi-grid,.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}@media (max-width:800px){body{overflow:auto}.app-shell{grid-template:"topbar"52px"sidebar""main"minmax(700px,1fr)"status"26px/1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{min-height:auto}.nav{grid-template-columns:repeat(2,1fr);padding-bottom:8px;display:grid}.sidebar-footer{display:none}.topbar{z-index:5;position:sticky;top:0}.user-chip{display:none}.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-5,.grid.cols-6{grid-template-columns:1fr}.span-2,.span-3,.span-4,.span-5,.span-6{grid-column:span 1}.couriers,.kpi-grid,.detail-grid,.filter-row,.compact-filter,.route-grid{grid-template-columns:1fr}.route-arrow{transform:rotate(90deg)}.status-right,.crumb{display:none}}