:root{
  --blue:#3b5f8a; --blue-light:#e7edf5;
  --orange:#9f5f2b; --orange-light:#f7eadb;
  --green:#4f6f52; --green-light:#e7eee6;
  --purple:#705f8c; --purple-light:#ece8f2;
  --cyan:#3c7380; --cyan-light:#e2f0f2;
  --gray-50:#f7f7f4; --gray-100:#ededeb; --gray-200:#dcd9d2; --gray-300:#c4bfb5;
  --gray-500:#6f6a60; --gray-700:#3f3b35; --gray-900:#1f1d1a;
  --ink:#1f1d1a; --ink-2:#343029; --gold:#8a6a2a; --gold-light:#f6eedc;
  --red:#dc2626; --radius:8px;
}
*{box-sizing:border-box;}
body{margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif; background:#f4f3ef; color:var(--gray-900);}
body.modal-open{overflow:hidden;}
a{color:var(--blue); text-decoration:none;}
header#topbar{background:rgba(250,249,245,.96); border-bottom:1px solid rgba(31,29,26,.1); position:sticky; top:0; z-index:20; box-shadow:0 8px 24px rgba(31,29,26,.06); backdrop-filter:saturate(1.1) blur(14px);}
.topbar-inner{max-width:1180px; margin:0 auto; padding:12px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;}
.brand-mark{display:flex;align-items:center;gap:11px;color:var(--ink);min-width:224px;}
.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:42px;height:34px;border:1px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);font-weight:900;font-size:14px;letter-spacing:1px;box-shadow:inset 0 0 0 2px rgba(31,29,26,.04);}
.brand-mark strong{display:block;font-size:15px;line-height:1.1;letter-spacing:.1px;font-weight:850;}
.brand-mark small{display:block;font-size:11px;color:var(--gray-500);margin-top:3px;letter-spacing:.8px;}
#mainNav{display:flex; align-items:center; gap:7px; font-size:14px; flex-wrap:wrap;}
#mainNav a{color:var(--gray-700); font-weight:760; padding:8px 10px; white-space:nowrap; border-radius:7px;}
#mainNav a:hover{background:#fff; color:var(--ink);}
#mainNav a.active{background:var(--ink); color:#fff; box-shadow:none;}
#whoami{color:var(--gray-500); font-size:13px; white-space:nowrap;}
.hidden{display:none !important;}

main#app{max-width:1180px; margin:0 auto; padding:22px 18px 64px;}

.btn{border:1px solid transparent; border-radius:7px; padding:9px 14px; font-size:14px; font-weight:750; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; transition:background .15s,border-color .15s,transform .15s;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--ink); color:#fff;}
.btn-primary:hover{background:#343029;}
.btn-secondary{background:#fff; color:var(--gray-700); border-color:var(--gray-200);}
.btn-secondary:hover{background:var(--gray-100); border-color:var(--gray-300);}
.btn-danger{background:#fee2e2; color:var(--red);}
.btn-success{background:var(--green-light); color:var(--green);}
.btn-ghost{background:transparent; color:var(--gray-500); padding:6px 8px;}
.btn-sm{padding:6px 10px; font-size:13px;}
.btn:disabled{opacity:.5; cursor:not-allowed;}

.card{background:rgba(255,255,255,.96); border:1px solid rgba(220,217,210,.9); border-radius:var(--radius); padding:16px; box-shadow:0 8px 24px rgba(31,29,26,.05);}
.center-box{max-width:380px; margin:60px auto; text-align:center;}
.center-box h2{margin-bottom:18px;}
.login-layout{max-width:980px;margin:44px auto;display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:14px;align-items:start;}
.public-entry{max-width:1080px;margin:42px auto;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(420px,1.08fr);gap:16px;align-items:stretch;}
.public-hero,.customer-track-card{padding:28px;}
.public-hero{display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#fff,#fbfaf7);}
.public-hero h1{margin:6px 0 0;font-size:42px;line-height:1.12;letter-spacing:0;font-weight:900;color:var(--ink);}
.public-hero p{margin:0;color:var(--gray-500);font-size:15px;line-height:1.75;max-width:520px;}
.public-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 4px;}
.public-flow span{border:1px solid var(--gray-200);border-radius:999px;background:#fff;color:var(--gray-700);font-size:12px;font-weight:850;text-align:center;padding:7px 8px;white-space:nowrap;}
.login-card-soft{margin-top:auto;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(31,29,26,.04);}
.login-card-soft h2,.customer-track-card h2{margin:6px 0 12px;font-size:24px;line-height:1.2;}
.track-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;}
.track-search input{border:1px solid var(--gray-300);border-radius:8px;padding:11px 12px;font-size:15px;font-family:inherit;background:#fff;}
.track-result{margin-top:12px;}
.track-loading{border:1px solid var(--gray-200);border-radius:8px;background:#fbfaf7;padding:14px;color:var(--gray-500);font-size:13px;}
.track-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--gray-200);border-radius:8px;background:#fbfaf7;padding:13px;margin-bottom:10px;}
.track-summary span{display:block;color:var(--gray-500);font-size:12px;font-weight:800;margin-bottom:4px;}
.track-summary strong{display:block;color:var(--ink);font-size:18px;line-height:1.25;}
.track-list{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto;padding-right:3px;overscroll-behavior:contain;}
.track-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:12px;}
.track-step{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#24211d;color:#fff;font-size:12px;font-weight:900;}
.track-main{min-width:0;}
.track-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
.track-title strong{font-size:16px;color:var(--ink);}
.track-title span{border:1px solid var(--gray-200);border-radius:999px;background:#fbfaf7;color:var(--gray-500);font-size:11px;font-weight:850;padding:2px 7px;}
.track-code{font-size:13px;color:var(--gray-700);font-weight:800;line-height:1.5;word-break:break-word;}
.track-note,.track-time{font-size:12px;color:var(--gray-500);line-height:1.55;margin-top:2px;word-break:break-word;}
.muted-line{color:#7a7368;}
.account-request-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--gray-200);margin-top:16px;padding-top:16px;}
.account-request-strip strong{display:block;font-size:14px;color:var(--ink);}
.account-request-strip span{display:block;font-size:12px;color:var(--gray-500);line-height:1.5;margin-top:3px;}
.login-card h2{margin:6px 0 14px;}
.login-kicker{display:inline-flex;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);color:var(--gray-500);font-size:11px;font-weight:900;padding:4px 8px;text-transform:uppercase;letter-spacing:.4px;}
.account-apply-card .summary{font-size:13px;color:var(--gray-500);line-height:1.55;margin:-4px 0 14px;}

.field{display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--gray-500); margin-bottom:12px;}
.field input, .field select, .field textarea{border:1px solid var(--gray-300); border-radius:8px; padding:9px 10px; font-size:14px; font-family:inherit;}
.field input.is-required, .field textarea.is-required{border-color:#f59e0b;background:#fffbeb;}
.field textarea{resize:vertical; min-height:56px;}
.form-error{color:var(--red); font-size:13px; margin:8px 0;}
.form-success{color:var(--green); font-size:13px; margin:8px 0;}
.filters{background:rgba(255,255,255,.96); border:1px solid rgba(217,222,231,.9); border-radius:var(--radius); padding:13px; display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin-bottom:16px; box-shadow:0 8px 22px rgba(16,24,40,.05);}
.filters .field{margin-bottom:0; min-width:140px;}
.toolbar{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:14px;}

table.list-table{width:100%; border-collapse:collapse; background:#fff; border-radius:var(--radius); overflow:hidden; border:1px solid var(--gray-200);}
table.list-table th{text-align:left; font-size:12px; color:var(--gray-500); padding:10px 12px; background:var(--gray-50); border-bottom:1px solid var(--gray-200);}
table.list-table td{padding:10px 12px; border-bottom:1px solid var(--gray-100); font-size:14px; vertical-align:middle;}
table.list-table tr:last-child td{border-bottom:none;}
table.list-table tr:hover td{background:var(--gray-50);}

.badge{display:inline-block; font-size:12px; font-weight:800; padding:3px 9px; border-radius:999px;}
.badge-japan{background:var(--blue-light); color:var(--blue);}
.badge-korea{background:var(--purple-light); color:var(--purple);}
.badge-warehouse{background:var(--orange-light); color:var(--orange);}
.badge-splitting{background:#fef9c3; color:#a16207;}
.badge-completed{background:var(--green-light); color:var(--green);}
.badge-pending{background:var(--orange-light); color:var(--orange);}
.badge-warehoused{background:var(--blue-light); color:var(--blue);}
.badge-shipped{background:var(--green-light); color:var(--green);}
.badge-direct{background:#ecfeff; color:#0891b2;}
.badge-origin{background:#fef9c3; color:#a16207;}

.empty-state{text-align:center; padding:60px 20px; color:var(--gray-500);}
.empty-state div:first-child{font-size:38px; margin-bottom:10px;}

.stage-timeline{display:flex; gap:0; margin:18px 0 24px; overflow-x:auto;}
.stage-step{flex:1; min-width:150px; padding:14px; border:2px solid var(--gray-200); border-radius:10px; margin-right:10px; background:#fff;}
.stage-step.done{border-color:var(--green); background:var(--green-light);}
.stage-step.current{border-color:var(--blue); background:var(--blue-light);}
.stage-step h4{margin:0 0 6px; font-size:14px;}
.stage-step .meta{font-size:12px; color:var(--gray-500); line-height:1.6;}

.photo-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:8px; margin-top:8px;}
.photo-thumb{position:relative; border-radius:8px; overflow:hidden; height:90px; background:var(--gray-100); cursor:pointer;}
.photo-thumb img{width:100%; height:100%; object-fit:cover;}
.photo-thumb .dl-btn{position:absolute; bottom:2px; right:2px; background:rgba(0,0,0,.6); color:#fff; border:none; border-radius:6px; font-size:11px; padding:2px 6px; cursor:pointer;}
.photo-placeholder{grid-column:1/-1;border:1px dashed var(--gray-300);border-radius:8px;background:var(--gray-50);color:var(--gray-500);font-size:12px;line-height:1.5;padding:10px;}

.section-title{font-size:16px; font-weight:850; margin:22px 0 6px;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 10px;}
.section-head .section-title{margin:0 0 4px;}
.hint{font-size:12px;color:var(--gray-500);line-height:1.6;margin:8px 0 0;}
.source-card h2{margin:0 0 8px;}
.source-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.page-kicker{display:inline-flex;margin-bottom:7px;color:#8f2f24;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.8px;}
.dashboard-hero{background:#fbfaf7;border:1px solid rgba(220,217,210,.95);border-radius:8px;padding:24px;margin-bottom:18px;box-shadow:0 18px 38px rgba(31,29,26,.06);}
.dashboard-hero h2{margin:0 0 7px;font-size:28px;letter-spacing:0;font-weight:850;}
.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;}
.stat-card{border:1px solid var(--gray-200);border-radius:8px;padding:14px;background:#fff;box-shadow:none;color:var(--gray-900);transition:border-color .15s,transform .15s;}
.stat-card:hover{border-color:var(--ink);transform:translateY(-1px);}
.stat-card span{display:block;font-size:12px;color:var(--gray-500);font-weight:800;margin-bottom:7px;}
.stat-card strong{display:block;font-size:28px;line-height:1;color:var(--gray-900);}
.workflow-panel{background:#fff;border:1px solid rgba(220,217,210,.95);border-radius:8px;padding:22px;margin-bottom:18px;box-shadow:0 14px 32px rgba(31,29,26,.05);}
.workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.workflow-head h3{margin:0;font-size:20px;letter-spacing:0;font-weight:850;}
.workflow-head p{max-width:520px;margin:0;color:var(--gray-500);font-size:13px;line-height:1.65;}
.workflow-line{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.workflow-line:before{content:"";position:absolute;left:9%;right:9%;top:25px;height:1px;background:linear-gradient(90deg,transparent,var(--gray-300) 10%,var(--gray-300) 90%,transparent);}
.workflow-step{position:relative;z-index:1;display:flex;min-height:166px;flex-direction:column;gap:9px;padding:0 10px 12px;color:var(--gray-900);border-bottom:2px solid transparent;}
.workflow-step:hover{border-bottom-color:var(--ink);}
.workflow-dot{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:#fbfaf7;border:1px solid var(--gray-300);color:var(--ink);font-size:13px;font-weight:900;letter-spacing:.5px;box-shadow:0 0 0 8px #fff;}
.workflow-step:nth-child(2) .workflow-dot{border-color:#c9b36a;color:#7a5b12;}
.workflow-step:nth-child(3) .workflow-dot{border-color:#8fa58c;color:#405f42;}
.workflow-step:nth-child(4) .workflow-dot{border-color:#8a9fba;color:#345a83;}
.workflow-step:nth-child(5) .workflow-dot{border-color:#b68b83;color:#8f2f24;}
.workflow-step strong{font-size:15px;line-height:1.3;}
.workflow-step small{font-size:13px;color:var(--gray-500);line-height:1.65;}
.operation-guide{background:#fff;border:1px solid rgba(220,217,210,.95);border-radius:8px;padding:16px;margin:0 0 16px;display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:14px;box-shadow:0 10px 26px rgba(31,29,26,.045);}
.operation-guide-head h3{margin:0;font-size:18px;font-weight:850;color:var(--ink);}
.operation-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;}
.operation-step{position:relative;min-height:116px;border:1px solid var(--gray-200);border-radius:8px;background:#fbfaf7;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.operation-step span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#24211d;color:#fff;font-size:11px;font-weight:900;letter-spacing:.5px;}
.operation-step:nth-child(2) span{background:#4f6f52;}
.operation-step:nth-child(3) span{background:#3b5f8a;}
.operation-step:nth-child(4) span{background:#8f2f24;}
.operation-step strong{font-size:14px;line-height:1.25;color:var(--ink);}
.operation-step small{font-size:12px;line-height:1.55;color:var(--gray-500);}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px;}
.admin-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:16px;color:var(--gray-900);box-shadow:0 8px 20px rgba(16,24,40,.05);}
.admin-card-button{text-align:left;font:inherit;cursor:pointer;}
.admin-card-button:hover{border-color:var(--gray-300);box-shadow:0 10px 24px rgba(16,24,40,.08);}
.admin-card strong{font-size:15px;}
.admin-card span{font-size:13px;color:var(--gray-500);line-height:1.5;}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.check-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));}
.check-tile{display:flex;align-items:center;gap:7px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:8px 10px;color:var(--gray-700);font-size:13px;font-weight:750;}
.check-tile input{width:auto;margin:0;}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.performance-filter{margin-bottom:12px;}
.performance-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.profile-admin-grid{display:grid;grid-template-columns:minmax(340px,1.2fr) minmax(260px,.8fr);gap:12px;margin-bottom:14px;align-items:start;}
.mini-list{display:flex;flex-direction:column;gap:8px;}
.mini-row{border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:9px;display:flex;flex-direction:column;gap:4px;}
.mini-row strong{font-size:13px;color:var(--gray-900);}
.mini-row span,.mini-row small{font-size:12px;color:var(--gray-500);line-height:1.45;}
.pickup-photo{width:82px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:4px;cursor:pointer;text-align:left;color:var(--gray-500);}
.pickup-photo img{display:block;width:72px;height:54px;object-fit:cover;border-radius:6px;background:var(--gray-100);}
.pickup-photo span{display:block;margin-top:4px;font-size:10px;line-height:1.2;white-space:normal;}
.audit-filter{margin:0 0 10px;box-shadow:none;}
.audit-list{margin-top:10px;max-height:540px;overflow:auto;overscroll-behavior:contain;}
.audit-table td{vertical-align:top;}
.audit-detail summary{cursor:pointer;font-weight:800;color:var(--ink);}
.audit-detail pre{max-width:320px;max-height:180px;overflow:auto;margin:8px 0 0;padding:10px;border:1px solid var(--gray-200);border-radius:8px;background:#fbfaf7;color:var(--gray-700);font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word;}

.batch-card{border:1px solid var(--gray-200); border-radius:8px; padding:14px; margin-bottom:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04);}
.batch-card .row1{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;}
.batch-card .meta{font-size:13px; color:var(--gray-500); margin-top:4px;}
.batch-actions{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
.photo-section{margin-top:12px;}
.photo-label{font-size:13px;font-weight:700;color:var(--gray-700);margin-bottom:6px;}
.muted{font-size:12px;color:var(--gray-500);margin-left:6px;}
.paste-box{width:100%;min-height:180px;border:1px solid var(--gray-300);border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;resize:vertical;}
.group-ship{margin-bottom:16px;}
.group-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--gray-100);padding:10px 0;}
.group-row:first-of-type{border-top:none;}
.field-photo-first{min-width:220px;}
.selected-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:10px 12px;margin-bottom:12px;box-shadow:0 1px 2px rgba(16,24,40,.03);}
.select-batch{display:inline-flex;align-items:center;gap:4px;margin-right:8px;font-size:12px;color:var(--gray-500);font-weight:600;}
.consolidate-picker{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;}
.picker-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--gray-200);border-radius:8px;padding:10px;background:var(--gray-50);font-size:13px;line-height:1.45;}
.picker-row input{margin-top:3px;}
.picker-row small{color:var(--gray-500);}
.boxing-workbench{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;}
.boxing-workbench-top{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid var(--gray-200);border-radius:10px;padding:12px;}
.boxing-stepper{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px;}
.boxing-stepper span{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:999px;background:#fff;color:var(--gray-500);font-size:12px;font-weight:900;padding:5px 9px;}
.boxing-stepper span.active{background:var(--ink);border-color:var(--ink);color:#fff;}
.boxing-selected-pill{min-width:112px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:10px 12px;text-align:center;box-shadow:0 6px 16px rgba(16,24,40,.05);}
.boxing-selected-pill span{display:block;font-size:12px;color:var(--gray-500);font-weight:800;margin-bottom:4px;}
.boxing-selected-pill strong{font-size:22px;color:var(--gray-900);}
.boxing-selected-pill.has-items{border-color:#93c5fd;background:#eff6ff;}
.boxing-route-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--gray-200);border-radius:10px;padding:12px;margin-bottom:12px;}
.boxing-route-panel>div:first-child{min-width:0;}
.boxing-route-panel strong{display:block;color:var(--gray-900);font-size:16px;margin-bottom:2px;}
.boxing-picker-tools{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto auto;gap:8px;align-items:end;}
.boxing-picker-tools .field{margin-bottom:0;}
.boxing-picker-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:220px;max-height:none;overflow:auto;padding:2px 4px 8px 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.boxing-folder{border:1px solid var(--gray-200);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s,background .15s;}
.boxing-folder.is-selected{border-color:#93c5fd;box-shadow:0 8px 18px rgba(29,78,216,.08);}
.boxing-folder-head{display:grid;grid-template-columns:18px 54px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:10px;font-size:13px;color:var(--gray-700);}
.boxing-folder .boxing-folder-head{border:none;border-bottom:1px solid var(--gray-100);border-radius:0;background:var(--gray-50);}
.boxing-folder-top{grid-template-columns:minmax(0,1fr) auto;}
.boxing-folder-check{display:grid;grid-template-columns:18px 54px minmax(0,1fr);gap:10px;align-items:center;min-width:0;cursor:pointer;}
.boxing-folder-head input{margin:0;}
.boxing-folder-head strong{display:block;color:var(--gray-900);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.boxing-folder-head small{display:block;color:var(--gray-500);line-height:1.45;}
.boxing-folder-head em{display:inline-flex;margin-top:4px;border-radius:999px;background:var(--blue-light);color:var(--blue);font-size:11px;font-style:normal;font-weight:900;padding:2px 7px;}
.boxing-folder-photo{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid var(--gray-200);border-radius:7px;background:#fff;overflow:hidden;}
.boxing-folder-photo img{width:100%;height:100%;object-fit:cover;}
.boxing-item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;padding:10px;background:#fff;}
.boxing-item-row{display:grid;grid-template-columns:18px 44px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:8px;font-size:13px;color:var(--gray-700);transition:border-color .15s,background .15s,transform .15s;}
.boxing-item-row:hover{transform:translateY(-1px);border-color:var(--gray-300);}
.boxing-item-row.is-selected,.boxing-whole.is-selected{border-color:#93c5fd;background:#eff6ff;}
.boxing-item-row input{margin:0;}
.boxing-item-row strong{display:block;color:var(--gray-900);}
.boxing-item-row small{display:block;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.boxing-whole{margin-bottom:0;}
.invoice-preview{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;background:#fff;}
.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;background:linear-gradient(135deg,#111827,#263244);color:#fff;border-bottom:1px solid var(--gray-200);}
.invoice-head .meta{color:#d8dee9;}
.invoice-kicker{font-size:12px;font-weight:800;color:#f1d69b;margin-bottom:4px;}
.invoice-no{font-size:24px;font-weight:900;margin-bottom:6px;letter-spacing:0;}
.invoice-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--gray-200);}
.invoice-meta-grid div{background:#fff;padding:12px;min-width:0;}
.invoice-meta-grid span{display:block;font-size:12px;color:var(--gray-500);font-weight:800;margin-bottom:6px;}
.invoice-meta-grid strong{display:block;color:var(--gray-900);font-size:16px;line-height:1.25;word-break:break-word;}
.invoice-meta-grid em{display:block;color:var(--gray-500);font-style:normal;font-size:12px;line-height:1.4;margin-top:4px;}
.invoice-total{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--gray-200);}
.invoice-total div{background:#fff;padding:12px;}
.invoice-total span{display:block;font-size:12px;color:var(--gray-500);font-weight:700;margin-bottom:6px;}
.invoice-total strong{font-size:20px;}
.invoice-pay-notice{display:flex;align-items:flex-start;gap:10px;background:#f8fafc;border-top:1px solid var(--gray-200);padding:12px 16px;color:var(--gray-700);font-size:13px;line-height:1.55;}
.invoice-pay-notice strong{color:var(--gray-900);white-space:nowrap;}
.invoice-items{display:flex;flex-direction:column;}
.invoice-item{padding:12px 16px;border-top:1px solid var(--gray-100);font-size:13px;line-height:1.6;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;}
.invoice-item:first-child{border-top:none;}
.invoice-item-main>div:first-child{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.invoice-item-main>div:first-child span{color:var(--gray-500);}
.invoice-item-photo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);overflow:hidden;color:var(--gray-500);font-size:12px;}
.invoice-item-photo img{width:100%;height:100%;object-fit:cover;}
.invoice-line-money{font-size:14px;color:var(--gray-900);}
.invoice-bank{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--gold-light);border-top:1px solid #f1d69b;padding:12px 16px;font-size:13px;color:#6b4e16;}
.invoice-bank strong{font-size:14px;color:#3d2b0b;}
.invoice-bank span{line-height:1.5;}
.invoice-bank-lines{display:flex;flex-direction:column;gap:2px;text-align:right;}
.invoice-overview{border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:12px;margin-bottom:12px;box-shadow:0 8px 20px rgba(16,24,40,.04);}
.invoice-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px;}
.invoice-overview-head strong{display:block;color:var(--gray-900);font-size:16px;margin-bottom:4px;}
.invoice-overview-head span{display:block;color:var(--gray-500);font-size:13px;line-height:1.45;}
.invoice-overview-total{text-align:right;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;padding:10px 14px;min-width:142px;}
.invoice-overview-total span{font-size:12px;font-weight:850;color:var(--blue);margin-bottom:4px;}
.invoice-overview-total strong{font-size:24px;color:var(--blue);line-height:1;}
.invoice-overview-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;}
.invoice-overview-totals div{border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:9px;}
.invoice-overview-totals span{display:block;color:var(--gray-500);font-size:12px;font-weight:800;margin-bottom:5px;}
.invoice-overview-totals strong{font-size:18px;color:var(--gray-900);}
.invoice-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}
.invoice-overview-card{border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;}
.invoice-overview-card.is-urgent{border-color:#fecaca;background:linear-gradient(135deg,#fff,#fff7f7);}
.invoice-overview-customer strong{display:block;color:var(--gray-900);font-size:17px;line-height:1.2;}
.invoice-overview-customer span{display:block;color:var(--gray-500);font-size:12px;margin-top:3px;}
.invoice-overview-receivable{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--gray-100);padding-top:8px;}
.invoice-overview-receivable span{color:var(--gray-500);font-size:12px;font-weight:850;}
.invoice-overview-receivable strong{font-size:24px;color:var(--blue);line-height:1;}
.invoice-overview-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.invoice-overview-lines span{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--gray-200);border-radius:7px;background:var(--gray-50);padding:6px;color:var(--gray-500);font-size:12px;font-weight:750;}
.invoice-overview-lines b{color:var(--gray-900);}
.invoice-overview-card small{color:var(--gray-500);font-size:12px;font-weight:750;}
.picking-preview{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 14px 32px rgba(16,24,40,.12);}
.picking-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#111827,#263244);color:#fff;padding:18px;}
.picking-head .meta{color:#d8dee9;}
.picking-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:360px;}
.picking-summary div{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);padding:9px;}
.picking-summary span{display:block;color:#cbd5e1;font-size:11px;font-weight:800;margin-bottom:5px;}
.picking-summary strong{display:block;color:#fff;font-size:15px;line-height:1.25;word-break:break-word;}
.picking-guide{background:var(--gold-light);border-top:1px solid #f1d69b;border-bottom:1px solid #f1d69b;color:#6b4e16;font-size:13px;font-weight:800;padding:10px 16px;}
.picking-list{display:flex;flex-direction:column;}
.picking-row{display:grid;grid-template-columns:34px 72px minmax(180px,1.1fr) minmax(170px,.9fr) 150px;gap:10px;align-items:center;border-top:1px solid var(--gray-100);padding:10px 12px;font-size:13px;page-break-inside:avoid;}
.picking-row:first-child{border-top:none;}
.picking-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--gray-100);font-weight:900;color:var(--gray-700);}
.picking-photo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);overflow:hidden;color:var(--gray-500);font-size:12px;}
.picking-photo img{width:100%;height:100%;object-fit:cover;}
.picking-main{line-height:1.55;min-width:0;}
.picking-main>div:first-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.picking-main strong{font-size:16px;}
.picking-main small{display:block;color:var(--gray-500);}
.picking-meta{display:flex;flex-direction:column;gap:2px;color:var(--gray-500);line-height:1.45;}
.picking-checks{display:grid;grid-template-columns:1fr;gap:6px;}
.picking-checks label{display:flex;align-items:center;gap:6px;color:var(--gray-700);font-weight:800;}
.picking-checks i{display:inline-block;width:17px;height:17px;border:2px solid var(--gray-300);border-radius:4px;background:#fff;}
.print-page{background:#f3f4f6;margin:0;}
.print-sheet{max-width:900px;margin:24px auto;padding:0 16px 28px;}
.print-sheet .invoice-preview{box-shadow:0 14px 32px rgba(16,24,40,.12);}
.print-actions{display:flex;justify-content:flex-end;margin-top:14px;}
.print-actions button{border:1px solid var(--gray-200);border-radius:7px;background:var(--ink);color:#fff;font-weight:800;padding:10px 14px;cursor:pointer;}
@media print{
  body.print-page{background:#fff;}
  .print-sheet{max-width:none;margin:0;padding:0;}
  .print-sheet .invoice-preview,.print-sheet .picking-preview{box-shadow:none;border-color:#d0d5dd;}
  .print-actions{display:none;}
  .invoice-head,.picking-head{background:#111827 !important;color:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .invoice-bank{background:var(--gold-light) !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .picking-guide{background:var(--gold-light) !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}
.folder-items{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px;color:var(--gray-700);}
.folder-items span{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);padding:3px 8px;font-size:12px;}
.invoice-done{display:flex;flex-direction:column;gap:10px;}
.invoice-done>strong{font-size:18px;color:var(--gray-900);}
.link-btn{border:none;background:transparent;color:var(--red);font-size:12px;font-weight:700;cursor:pointer;padding:0;}
.process-photo-link{display:inline-flex;align-items:center;justify-content:center;width:62px;height:48px;border-radius:8px;background:var(--gray-100);overflow:hidden;border:1px solid var(--gray-200);}
.process-photo-link img{width:100%;height:100%;object-fit:cover;}
.no-photo{font-size:12px;color:var(--gray-500);}
.process-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:190px;}
.board-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.recent-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.work-card{background:#fff;border:1px solid var(--gray-200);border-radius:8px;display:grid;grid-template-columns:124px minmax(0,1fr);gap:12px;padding:10px;min-height:146px;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.work-card:hover{border-color:var(--gray-300);box-shadow:0 8px 18px rgba(16,24,40,.08);}
.work-card-photo{display:flex;align-items:center;justify-content:center;width:124px;height:124px;border:1px solid var(--gray-200);border-radius:7px;background:var(--gray-100);overflow:hidden;color:var(--gray-500);}
.work-card-photo img{width:100%;height:100%;object-fit:cover;}
.work-card-body{min-width:0;display:flex;flex-direction:column;gap:5px;}
.work-date{font-size:18px;font-weight:800;color:var(--gray-900);line-height:1.2;}
.work-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--gray-700);}
.work-main{font-size:14px;font-weight:800;color:var(--gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.work-meta,.work-code{font-size:12px;color:var(--gray-500);line-height:1.45;}
.work-code{opacity:.72;}
.work-metrics{display:flex;gap:6px;flex-wrap:wrap;}
.work-metrics span{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--gray-200);border-radius:6px;background:var(--gray-50);padding:4px 7px;font-size:12px;color:var(--gray-700);}
.work-metrics b{font-size:14px;color:var(--gray-900);}
.work-item-preview{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px;}
.work-item-preview span{display:inline-flex;max-width:100%;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);padding:3px 7px;font-size:11px;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.work-item-preview span.is-boxed{opacity:.55;text-decoration:line-through;}
.muted-card-grid .work-card{opacity:.82;background:var(--gray-50);}
.warehouse-item-list{display:none;grid-column:1/-1;border-top:1px solid var(--gray-100);padding-top:10px;margin-top:6px;gap:8px;}
.warehouse-item-list.open{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
.warehouse-item-row{display:grid;grid-template-columns:18px 52px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:8px;font-size:13px;color:var(--gray-700);min-height:70px;transition:border-color .15s,background .15s,box-shadow .15s;}
.warehouse-item-row input{margin:0;}
.warehouse-item-row.is-boxed{opacity:.62;background:var(--gray-50);}
.warehouse-item-thumb{width:52px;height:52px;border:1px solid var(--gray-200);border-radius:7px;background:var(--gray-100);overflow:hidden;}
.warehouse-item-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.warehouse-item-row strong{display:block;color:var(--gray-900);}
.warehouse-item-row small{display:block;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.warehouse-item-row em{grid-column:2/-1;font-style:normal;font-size:12px;font-weight:850;color:var(--gray-500);white-space:nowrap;}
.warehouse-item-row:not(.is-boxed):hover{border-color:#8f2f24;background:#fffdfa;box-shadow:0 8px 18px rgba(31,29,26,.06);}
.quick-inbound-form{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;}
.quick-inbound-form .field{margin-bottom:0;}
.quick-inbound-form .field-full, .quick-inbound-form .hint{grid-column:1/-1;}

.warehouse-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:6px;width:max-content;max-width:100%;}
.warehouse-tab{border:1px solid transparent;background:transparent;color:var(--gray-700);border-radius:6px;padding:9px 16px;font-weight:800;cursor:pointer;}
.warehouse-tab.active{background:var(--ink);border-color:var(--ink);color:#fff;}
.warehouse-section{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px 14px;margin-bottom:14px;flex-wrap:wrap;}
.warehouse-section .meta,.inbound-card .meta{font-size:13px;color:var(--gray-500);line-height:1.6;}
.inbound-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:16px;}
.inbound-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px;}
.inbound-card strong{margin-right:6px;}
.pre-folder{margin-bottom:14px;}
.pre-create-panel{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(320px,1.4fr);gap:12px;align-items:stretch;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 8px 20px rgba(16,24,40,.04);}
.pre-create-copy{border:1px solid var(--gray-200);border-radius:9px;background:linear-gradient(135deg,#f8fafc,#eef4ff);padding:14px;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.pre-create-copy span{color:var(--blue);font-size:12px;font-weight:900;margin-bottom:5px;}
.pre-create-copy strong{color:var(--gray-900);font-size:22px;line-height:1.2;margin-bottom:8px;}
.pre-create-copy p{color:var(--gray-500);font-size:13px;line-height:1.55;margin:0;}
.pre-create-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.pre-create-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:132px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:14px;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;}
.pre-create-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 12px 26px rgba(29,78,216,.12);background:#f8fbff;}
.pre-create-plus{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--blue);color:#fff;font-size:22px;font-weight:900;line-height:1;margin-bottom:3px;}
.pre-create-card strong{font-size:17px;color:var(--gray-900);line-height:1.2;}
.pre-create-card em{font-style:normal;color:var(--blue);font-size:12px;font-weight:900;}
.pre-create-card small{color:var(--gray-500);font-size:12px;line-height:1.45;}
.pre-folder-create{display:flex;flex-direction:column;gap:12px;}
.pre-create-modal-hero{border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;padding:12px;}
.pre-create-modal-hero strong{display:block;color:var(--gray-900);font-size:16px;margin-bottom:4px;}
.pre-create-modal-hero span{display:block;color:var(--gray-700);font-size:13px;line-height:1.55;}
.field-full{grid-column:1/-1;}
.pre-create-next{border:1px solid var(--gray-200);border-radius:9px;background:var(--gray-50);padding:10px 12px;}
.pre-create-next b{display:block;color:var(--gray-900);font-size:13px;margin-bottom:3px;}
.pre-create-next span{display:block;color:var(--gray-500);font-size:12px;line-height:1.5;}
.btn-glow{box-shadow:0 0 0 4px rgba(37,99,235,.12),0 10px 24px rgba(37,99,235,.18);}
.pre-folder-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 8px;}
.pre-folder-summary div{border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:10px;}
.pre-folder-summary span{display:block;font-size:12px;color:var(--gray-500);font-weight:800;margin-bottom:4px;}
.pre-folder-summary strong{font-size:20px;color:var(--gray-900);line-height:1;}
.pre-customer-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px;}
.pre-customer-chips span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);padding:4px 9px;font-size:12px;color:var(--gray-700);font-weight:750;}
.pre-customer-chips b{color:var(--gray-900);}
.pre-content-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:var(--blue);padding:10px 12px;margin:8px 0 10px;font:inherit;font-weight:850;cursor:pointer;text-align:left;}
.pre-content-toggle:hover{background:#dbeafe;border-color:#93c5fd;}
.pre-content-toggle:disabled{cursor:not-allowed;background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-500);}
.pre-content-toggle strong{font-size:12px;color:var(--gray-700);font-weight:800;white-space:nowrap;}
.packed-photo{width:160px;height:110px;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;background:var(--gray-100);margin:10px 0;}
.packed-photo img{width:100%;height:100%;object-fit:cover;}
.pre-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px;}
.pre-item-grid.is-collapsed{display:none;}
.pre-item{border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:10px;display:flex;flex-direction:column;gap:8px;}
.pre-item.is-inbound{opacity:.72;background:#fff;}
.pre-item .field{margin-bottom:0;}
.pre-item textarea{min-height:50px;}
.pre-item-photo{position:relative;display:block;border:1px solid var(--gray-200);border-radius:7px;overflow:hidden;background:#fff;height:150px;cursor:pointer;}
.pre-item-photo input{position:absolute;top:8px;left:8px;z-index:2;width:18px;height:18px;}
.pre-item-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.pre-item-photo span{position:absolute;right:6px;bottom:6px;background:rgba(16,24,40,.72);color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;}
.bulk-upload-box{position:relative;border:2px dashed var(--gray-300);border-radius:8px;background:var(--gray-50);padding:28px 16px;text-align:center;cursor:pointer;margin-top:10px;}
.bulk-upload-box.dragging{border-color:var(--blue);background:var(--blue-light);}
.bulk-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.bulk-upload-title{font-size:18px;font-weight:850;color:var(--gray-900);margin-bottom:6px;}
.bulk-upload-sub{font-size:13px;color:var(--gray-500);}
.bulk-upload-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;}
.bulk-upload-tools .summary{margin-bottom:0;}
.bulk-preview-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));}
.bulk-preview-thumb{height:110px;}
.shipping-section{border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:12px;margin-bottom:14px;box-shadow:0 8px 20px rgba(16,24,40,.04);}
.shipping-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
.shipping-section-head h3{margin:0 0 4px;font-size:16px;color:var(--gray-900);}
.shipping-section-head .summary{margin-bottom:0;}
.shipping-count{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);color:var(--gray-700);font-size:12px;font-weight:850;padding:5px 9px;white-space:nowrap;}
.shipping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;}
.shipping-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,.05);}
.shipping-photo{display:flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:7px;border:1px solid var(--gray-200);background:var(--gray-100);overflow:hidden;color:var(--gray-500);}
.shipping-photo img{width:100%;height:100%;object-fit:cover;}
.shipping-main{min-width:0;display:flex;flex-direction:column;gap:5px;}
.shipping-item-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px;}
.shipping-item-strip span{display:inline-flex;max-width:100%;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);padding:3px 7px;font-size:11px;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.unpack-workbench{display:flex;flex-direction:column;gap:12px;min-height:0;}
.unpack-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.75fr);gap:12px;align-items:start;min-height:0;}
.unpack-pick-panel,.unpack-form-panel{border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:12px;min-height:0;}
.unpack-pick-panel{display:flex;flex-direction:column;gap:10px;}
.unpack-pick-panel,.unpack-form-panel{overflow:visible;}
.unpack-tools{grid-template-columns:minmax(220px,1fr) auto auto;}
.unpack-box-list{display:flex;flex-direction:column;gap:10px;overflow:visible;min-height:0;padding-right:4px;}
.unpack-box-card{border:1px solid var(--gray-200);border-radius:10px;background:#fbfaf7;overflow:hidden;}
.unpack-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--gray-200);background:#fff;}
.unpack-box-head strong{display:block;color:var(--gray-900);}
.unpack-box-head span{display:block;color:var(--gray-500);font-size:12px;margin-top:2px;}
.unpack-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;padding:10px;}
.unpack-item-card{display:grid;grid-template-columns:18px 58px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:8px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;}
.unpack-item-card:hover{border-color:#bdb5a8;box-shadow:0 8px 18px rgba(31,29,26,.06);transform:translateY(-1px);}
.unpack-item-card.is-selected{border-color:#8f2f24;background:#fff8f5;}
.unpack-item-card.is-used{opacity:.58;cursor:not-allowed;background:var(--gray-50);}
.unpack-item-photo{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-100);overflow:hidden;color:var(--gray-500);font-size:11px;}
.unpack-item-photo img{width:100%;height:100%;object-fit:cover;}
.unpack-item-main{min-width:0;}
.unpack-item-main strong{display:block;color:var(--gray-900);}
.unpack-item-main small{display:block;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 3px;}
.unpack-item-code{display:block;color:#8a5528;font-size:11px;font-weight:800;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.unpack-item-main em{display:inline-flex;border-radius:999px;background:#fbfaf7;border:1px solid var(--gray-200);padding:2px 7px;font-size:11px;font-style:normal;font-weight:850;color:var(--gray-600);}
.unpack-selected-preview{display:flex;gap:6px;flex-wrap:wrap;border:1px dashed var(--gray-300);border-radius:8px;background:#fbfaf7;padding:10px;color:var(--gray-500);font-size:12px;line-height:1.5;}
.unpack-selected-preview span{display:inline-flex;flex-direction:column;gap:2px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;padding:6px 8px;color:var(--gray-700);font-weight:800;}
.unpack-selected-preview small{color:var(--gray-500);font-weight:700;}
.invoice-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:12px;}
.invoice-summary-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--gray-200);border-radius:10px;background:linear-gradient(135deg,#fff,#f8fafc);padding:12px;box-shadow:0 8px 18px rgba(16,24,40,.04);}
.invoice-summary-card span{display:block;color:var(--gray-500);font-size:12px;font-weight:850;margin-bottom:4px;}
.invoice-summary-card strong{display:block;color:var(--gray-900);font-size:18px;line-height:1.2;}
.invoice-summary-card em{display:block;color:var(--gray-500);font-size:12px;font-style:normal;margin-top:2px;}
.invoice-summary-money{font-size:24px;font-weight:900;color:var(--blue);line-height:1;}
.invoice-summary-card small{color:var(--gray-500);font-size:12px;font-weight:750;}
.flow-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}
.flow-lane{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px;min-width:0;}
.flow-lane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.flow-lane-head strong{font-size:15px;}
.flow-lane-head span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;background:var(--gray-100);color:var(--gray-700);font-weight:800;font-size:12px;}
.flow-card-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.flow-card{border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:10px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;}
.flow-card-photo{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:8px;border:1px solid var(--gray-200);background:#fff;overflow:hidden;color:var(--gray-500);}
.flow-card-photo img{width:100%;height:100%;object-fit:cover;}
.flow-card-main{min-width:0;display:flex;flex-direction:column;gap:5px;}
.flow-card-title{font-weight:800;color:var(--gray-900);font-size:14px;}
.flow-card-title span{font-weight:600;color:var(--gray-500);font-size:12px;}
.flow-money{font-size:13px;color:var(--gray-700);line-height:1.5;}
.empty-mini{font-size:13px;color:var(--gray-500);border:1px dashed var(--gray-300);border-radius:8px;padding:14px;text-align:center;background:var(--gray-50);}

.inline-form{display:flex; gap:8px; flex-wrap:wrap; align-items:end; background:var(--gray-50); border:1px dashed var(--gray-300); border-radius:10px; padding:12px; margin-bottom:14px;}
.inline-form .field{margin-bottom:0;}
.inline-form input{width:120px;}
.inline-form input.wide{width:180px;}

.modal-overlay{position:fixed; inset:0; background:rgba(15,23,42,.5); display:none; align-items:flex-start; justify-content:center; padding:24px 12px; overflow:auto; z-index:100; overscroll-behavior:contain;}
.modal-overlay.open{display:flex;}
.modal{background:#fff; border-radius:12px; width:100%; max-width:520px; max-height:calc(100vh - 48px); min-height:0; display:flex; flex-direction:column; overflow:hidden;}
.modal-wide{max-width:820px;}
.modal-workbench{max-width:min(1080px, calc(100vw - 24px)); height:calc(100dvh - 32px); max-height:calc(100dvh - 32px);}
.modal-header{padding:16px 20px; border-bottom:1px solid var(--gray-200); display:flex; justify-content:space-between; align-items:center;}
.modal-header h2{font-size:16px; margin:0;}
.modal-body{padding:18px 20px; overflow:auto; min-height:0; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;}
.modal-workbench .modal-body{display:flex;flex:1 1 auto;flex-direction:column;overflow:auto;padding:16px 20px;min-height:0;}
.modal-workbench .modal-header,.modal-workbench .modal-footer{flex:0 0 auto;}
.modal-footer{padding:14px 20px; border-top:1px solid var(--gray-200); display:flex; justify-content:flex-end; gap:8px;}

.lightbox{position:fixed; inset:0; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:200; padding:20px;}
.lightbox.open{display:flex;}
.lightbox img{max-width:100%; max-height:100%; border-radius:6px;}
.lightbox-close{position:absolute; top:16px; right:20px; background:none; border:none; color:#fff; font-size:28px; cursor:pointer;}

.toast{position:fixed; bottom:20px; left:50%; transform:translateX(-50%); background:var(--gray-900); color:#fff; padding:10px 18px; border-radius:8px; font-size:14px; z-index:300; opacity:0; pointer-events:none; transition:opacity .2s;}
.toast.show{opacity:1;}

.file-input-hidden{display:none;}
.summary{font-size:13px; color:var(--gray-500); margin-bottom:10px; line-height:1.5;}

/* 2026 quiet operations UI */
main#app{max-width:1220px;}
.toolbar,.filters,.warehouse-section,.shipping-section,.invoice-overview,.pre-create-panel,.quick-inbound-form{
  background:#fff;border:1px solid rgba(220,217,210,.95);border-radius:8px;box-shadow:0 10px 28px rgba(31,29,26,.045);
}
.toolbar{padding:18px 20px;margin-bottom:16px;align-items:flex-start;}
.toolbar h2{font-size:22px;letter-spacing:0;font-weight:850;color:var(--ink);}
.filters{padding:14px;margin-bottom:16px;box-shadow:none;}
.field label{font-weight:850;color:var(--gray-700);letter-spacing:.02em;}
.field input,.field select,.field textarea{
  background:#fff;border-color:var(--gray-200);color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:#7f8f7c;box-shadow:0 0 0 3px rgba(79,111,82,.14);background:#fff;
}
.btn{min-height:38px;border-radius:7px;box-shadow:none;}
.btn-primary{background:#24211d;border-color:#24211d;color:#fff;}
.btn-primary:hover{background:#3a342d;border-color:#3a342d;}
.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-200);}
.btn-secondary:hover{background:#f7f7f4;border-color:#b9b4aa;color:var(--ink);}
.btn-danger{background:#fff5f4;border-color:#f1c7c2;color:#a33b32;}
.btn-success{background:#eef4ec;border-color:#cfddcb;color:#3d6b40;}
.card,.batch-card,.admin-card,.work-card,.shipping-card,.inbound-card,.pre-folder,.pre-item,.flow-card,.invoice-summary-card{
  border-color:rgba(220,217,210,.95);box-shadow:0 8px 24px rgba(31,29,26,.045);
}
.card:hover,.batch-card:hover,.admin-card:hover,.work-card:hover,.shipping-card:hover,.inbound-card:hover,.pre-folder:hover{
  border-color:#c7c1b5;box-shadow:0 14px 30px rgba(31,29,26,.07);
}
table.list-table{
  border-collapse:separate;border-spacing:0;box-shadow:0 8px 24px rgba(31,29,26,.04);overflow:hidden;
}
table.list-table th{
  background:#f3f1ec;color:#6a6257;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
table.list-table td{background:#fff;}
table.list-table tr:hover td{background:#fbfaf7;}
.badge{border:1px solid currentColor;background:#fff;font-weight:850;}
.badge-japan{background:#eef3f7;color:#355f80;}
.badge-korea{background:#f0edf4;color:#665282;}
.badge-warehouse,.badge-pending{background:#f7eadb;color:#8a5528;}
.badge-warehoused,.badge-direct{background:#e5f0ee;color:#386c6a;}
.badge-shipped,.badge-completed{background:#e8efe5;color:#476d45;}
.badge-origin{background:#f7f1d9;color:#776017;}
.section-title{font-size:17px;margin:24px 0 10px;color:var(--ink);}
.empty-state,.empty-mini{background:#fbfaf7;border-color:#d8d3c8;color:var(--gray-500);}
.admin-grid{gap:12px;}
.admin-card{background:#fff;min-height:112px;}
.admin-card strong{font-size:16px;}
.admin-card span{color:#696257;}
.warehouse-tabs{
  background:#fff;border-color:rgba(220,217,210,.95);box-shadow:0 8px 20px rgba(31,29,26,.04);padding:5px;
}
.warehouse-tab{color:var(--gray-700);border-radius:6px;}
.warehouse-tab.active{background:#24211d;border-color:#24211d;color:#fff;}
.pre-create-panel{box-shadow:0 10px 28px rgba(31,29,26,.045);}
.pre-create-copy{
  background:#fbfaf7;border-color:#d8d3c8;border-left:4px solid #8f2f24;
}
.pre-create-copy span{color:#8f2f24;letter-spacing:.08em;text-transform:uppercase;}
.pre-create-card{border-color:#d8d3c8;box-shadow:none;}
.pre-create-card:hover{border-color:#8f2f24;box-shadow:0 10px 24px rgba(143,47,36,.08);background:#fff;}
.pre-create-plus{background:#24211d;color:#fff;}
.pre-create-card em{color:#8f2f24;}
.pre-create-modal-hero{background:#fbfaf7;border-color:#d8d3c8;}
.pre-content-toggle{background:#f4f7f3;border-color:#ccd8c8;color:#3f6340;}
.pre-content-toggle:hover{background:#eef4ec;border-color:#aebbab;}
.pre-folder-summary div,.pre-customer-chips span,.work-metrics span,.folder-items span{
  background:#fbfaf7;border-color:#ddd8cf;
}
.photo-thumb,.work-card-photo,.shipping-photo,.flow-card-photo,.process-photo-link,.warehouse-item-thumb,.pre-item-photo,.invoice-item-photo,.packed-photo{
  border-color:#d8d3c8;background:#f3f1ec;
}
.photo-thumb,.work-card-photo,.shipping-photo,.pre-item-photo,.packed-photo{border-radius:8px;}
.work-card,.shipping-card{background:#fff;}
.work-card:hover,.shipping-card:hover{transform:translateY(-1px);}
.work-date{font-weight:850;}
.warehouse-item-row,.boxing-item-row,.picker-row{border-color:#d8d3c8;background:#fbfaf7;}
.warehouse-item-row:hover,.boxing-item-row:hover{border-color:#bdb5a8;}
.unpack-pick-panel,.unpack-form-panel,.unpack-box-card,.unpack-item-card{border-color:#d8d3c8;}
.unpack-box-card,.unpack-selected-preview{background:#fbfaf7;}
.unpack-item-card.is-selected{border-color:#8f2f24;background:#fff8f5;}
.boxing-workbench-top,.boxing-route-panel,.invoice-summary-card{
  background:#fbfaf7;border-color:#d8d3c8;box-shadow:none;
}
.boxing-stepper span.active{background:#24211d;border-color:#24211d;}
.shipping-section-head h3{font-size:18px;}
.shipping-count{background:#fbfaf7;border-color:#d8d3c8;}
.invoice-preview{border-color:#d8d3c8;border-radius:8px;}
.invoice-head{background:#24211d;color:#fff;}
.invoice-kicker{color:#d6c59c;}
.invoice-meta-grid,.invoice-total{background:#d8d3c8;}
.invoice-pay-notice{background:#fbfaf7;}
.invoice-bank{background:#f6eedc;border-color:#e8d8af;}
.modal-overlay{background:rgba(31,29,26,.42);backdrop-filter:blur(2px);}
.modal{border:1px solid rgba(220,217,210,.95);border-radius:10px;box-shadow:0 28px 80px rgba(31,29,26,.24);}
.modal-header{background:#fbfaf7;}
.modal-footer{background:#fbfaf7;}
.toast{background:#24211d;border-radius:999px;box-shadow:0 12px 28px rgba(31,29,26,.18);}
.lightbox{background:rgba(31,29,26,.86);}
.pickup-photo{border-color:#d8d3c8;}
.bulk-upload-box{background:#fbfaf7;border-color:#c9c2b7;}
.bulk-upload-box.dragging{border-color:#4f6f52;background:#eef4ec;}
@media (max-width:600px){
  .topbar-inner{align-items:flex-start; flex-direction:column;}
  .brand-mark{min-width:0;}
  #mainNav{width:100%; gap:10px;}
  #whoami{width:100%;}
  table.list-table{font-size:13px;}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-actions{width:100%;}
  .workflow-head{flex-direction:column;gap:8px;}
  .workflow-line{grid-template-columns:1fr;gap:0;}
  .workflow-line:before{left:25px;right:auto;top:8px;bottom:8px;width:1px;height:auto;background:var(--gray-300);}
  .workflow-step{min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;padding:0 0 16px;border-bottom:none;}
  .workflow-step strong{align-self:end;}
  .workflow-step small{grid-column:2;}
  .operation-guide{grid-template-columns:1fr;padding:14px;}
  .operation-steps{grid-template-columns:1fr;}
  .operation-step{min-height:0;}
  .check-grid,.check-grid.compact{grid-template-columns:1fr;}
  .form-grid-2,.performance-cards,.profile-admin-grid,.login-layout,.public-entry{grid-template-columns:1fr;}
  .public-entry{margin:18px auto;}
  .public-hero,.customer-track-card{padding:18px;}
  .public-hero h1{font-size:32px;}
  .public-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .track-search{grid-template-columns:1fr;}
  .track-search .btn{width:100%;}
  .track-summary{grid-template-columns:1fr;}
  .account-request-strip{align-items:stretch;flex-direction:column;}
  .account-request-strip .btn{width:100%;}
  .track-list{max-height:none;}
  .recent-card-grid,.inbound-card-grid{grid-template-columns:1fr;}
  .pre-create-panel{grid-template-columns:1fr;}
  .pre-create-card{min-height:118px;}
  .pre-folder-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .flow-lanes{grid-template-columns:1fr;}
  .warehouse-tabs{width:100%;}
  .warehouse-tab{flex:1;}
  .work-card{grid-template-columns:100px minmax(0,1fr);}
  .work-card-photo{width:100px;height:100px;}
  .work-date{font-size:16px;}
  .batch-actions .btn,.batch-actions a.btn{flex:1 1 auto;}
  .quick-inbound-form{grid-template-columns:1fr;}
  .invoice-meta-grid,.invoice-overview-totals{grid-template-columns:repeat(2,minmax(0,1fr));}
  .invoice-overview-head{flex-direction:column;}
  .invoice-overview-total{text-align:left;width:100%;}
  .invoice-total{grid-template-columns:1fr;}
  .invoice-pay-notice{flex-direction:column;gap:4px;}
  .invoice-bank{flex-direction:column;}
  .invoice-bank-lines{text-align:left;}
  .boxing-workbench-top{align-items:stretch;flex-direction:column;}
  .boxing-route-panel{align-items:stretch;flex-direction:column;}
  .boxing-selected-pill{text-align:left;}
  .boxing-picker-tools{grid-template-columns:1fr 1fr;}
  .boxing-picker-tools .field:first-child{grid-column:1/-1;}
  .boxing-picker-tools .btn{width:100%;}
  .boxing-folder-top{grid-template-columns:1fr;}
  .boxing-folder-top .btn{width:100%;}
  .boxing-item-list{grid-template-columns:1fr;}
  .warehouse-item-list.open{grid-template-columns:1fr;}
  .modal-workbench{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);}
  .modal-workbench .modal-body{padding:12px;overflow:auto;}
  .modal-footer{flex-wrap:wrap;}
  .modal-footer .btn{flex:1 1 auto;}
  .unpack-layout{grid-template-columns:1fr;overflow:visible;}
  .unpack-pick-panel,.unpack-form-panel{max-height:none;overflow:visible;}
  .unpack-box-list{max-height:none;overflow:visible;}
  .unpack-tools{grid-template-columns:1fr 1fr;}
  .unpack-tools .field{grid-column:1/-1;}
  .unpack-tools .btn{width:100%;}
  .unpack-item-grid{grid-template-columns:1fr;}
  .unpack-box-head{align-items:stretch;flex-direction:column;}
  .unpack-box-head .btn{width:100%;}
  .picking-head{flex-direction:column;}
  .picking-summary{grid-template-columns:1fr;min-width:0;width:100%;}
  .picking-row{grid-template-columns:28px 64px minmax(0,1fr);align-items:start;}
  .picking-photo{width:64px;height:64px;}
  .picking-meta,.picking-checks{grid-column:2/-1;}
  .shipping-grid{grid-template-columns:1fr;}
  .shipping-card{grid-template-columns:96px minmax(0,1fr);}
  .shipping-photo{width:96px;height:96px;}
  .stage-timeline{flex-direction:column;}
  .stage-step{margin-right:0; margin-bottom:10px;}
}

/* 2026 visual refresh: social editorial operations UI */
:root{
  --blue:#3164d9; --blue-light:#edf4ff;
  --orange:#d97706; --orange-light:#fff4df;
  --green:#138a72; --green-light:#e8f7f2;
  --purple:#7c4dff; --purple-light:#f1edff;
  --cyan:#0f8ea3; --cyan-light:#e7f8fb;
  --gray-50:#fbfaf8; --gray-100:#f3f0ec; --gray-200:#e3ddd5; --gray-300:#ccc3b8;
  --gray-500:#756d64; --gray-700:#423c35; --gray-900:#201b16;
  --ink:#201b16; --ink-2:#3a3028; --gold:#9d6b18; --gold-light:#fff2d2;
  --red:#d63f3f; --radius:8px;
  --surface:#fffdf9; --surface-2:#fff7f4; --surface-3:#f6fbff;
  --line:rgba(51,43,35,.12); --line-strong:rgba(51,43,35,.22);
  --accent:#ff5a76; --accent-2:#16a085; --accent-3:#f59e0b; --accent-4:#3164d9;
  --shadow-soft:0 10px 30px rgba(55,45,35,.08);
  --shadow-lift:0 18px 46px rgba(55,45,35,.13);
}

html{background:#fbfaf8;}
body{
  background:
    linear-gradient(135deg,rgba(255,90,118,.07),transparent 28%),
    linear-gradient(215deg,rgba(22,160,133,.08),transparent 32%),
    linear-gradient(180deg,#fffdf9 0%,#f8f5f0 48%,#f5f8fb 100%);
  color:var(--ink);
  letter-spacing:0;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(32,27,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,27,22,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent 70%);
}
main#app{max-width:1280px;padding:26px 20px 78px;}
header#topbar{
  background:rgba(255,253,249,.82);
  border-bottom:1px solid rgba(51,43,35,.1);
  box-shadow:0 12px 34px rgba(55,45,35,.08);
}
.topbar-inner{max-width:1280px;padding:12px 20px;gap:16px;}
.brand-mark{min-width:236px;gap:12px;}
.brand-logo{
  width:44px;height:44px;border:0;border-radius:8px;
  background:linear-gradient(135deg,#ff5a76 0%,#f59e0b 45%,#16a085 100%);
  color:#fff;font-size:0;box-shadow:0 12px 24px rgba(255,90,118,.22);
  position:relative;overflow:hidden;
}
.brand-logo:before{content:"FKG";font-size:13px;font-weight:950;letter-spacing:0;}
.brand-logo:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.42);border-radius:7px;}
.brand-mark strong{font-size:16px;font-weight:900;letter-spacing:0;}
.brand-mark small{font-size:11px;letter-spacing:0;color:#8b8075;}
#mainNav{gap:8px;}
#mainNav a{
  border:1px solid transparent;border-radius:999px;padding:9px 13px;
  color:#5f554b;font-weight:850;transition:background .16s,border-color .16s,color .16s,transform .16s;
}
#mainNav a:hover{background:#fff;border-color:var(--line);transform:translateY(-1px);}
#mainNav a.active{
  background:#201b16;color:#fff;border-color:#201b16;
  box-shadow:0 10px 22px rgba(32,27,22,.18);
}
#whoami{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);padding:8px 11px;color:#71675d;font-weight:750;}

.btn{
  min-height:40px;border-radius:999px;padding:10px 16px;font-weight:900;
  letter-spacing:0;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{
  background:linear-gradient(135deg,#201b16,#44372d);border-color:#201b16;color:#fff;
  box-shadow:0 12px 24px rgba(32,27,22,.16);
}
.btn-primary:hover{background:linear-gradient(135deg,#2b241d,#514236);box-shadow:0 16px 30px rgba(32,27,22,.2);}
.btn-secondary{background:rgba(255,255,255,.85);border-color:var(--line);color:#51483f;box-shadow:0 6px 18px rgba(55,45,35,.045);}
.btn-secondary:hover{background:#fff;border-color:var(--line-strong);color:var(--ink);}
.btn-danger{background:#fff3f3;border-color:#fac7c7;color:#b72b2b;}
.btn-success{background:#ecfbf6;border-color:#bbebdd;color:#0f715d;}
.btn-ghost{border-radius:999px;background:transparent;}

.card,.toolbar,.filters,.operation-guide,.workflow-panel,.dashboard-hero,.warehouse-section,.shipping-section,.invoice-overview,.quick-inbound-form,.pre-create-panel,.pre-folder,.pre-item,.admin-card,.work-card,.shipping-card,.inbound-card,.flow-card,.invoice-summary-card,.batch-card,.profile-admin-grid>.card{
  border:1px solid var(--line);
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-soft);
  backdrop-filter:saturate(1.05) blur(10px);
}
.card,.toolbar,.filters,.operation-guide,.workflow-panel,.dashboard-hero,.warehouse-section,.shipping-section,.invoice-overview,.quick-inbound-form,.pre-create-panel,.pre-folder,.pre-item,.admin-card,.work-card,.shipping-card,.inbound-card,.flow-card,.invoice-summary-card,.batch-card{border-radius:8px;}
.card:hover,.batch-card:hover,.admin-card:hover,.work-card:hover,.shipping-card:hover,.inbound-card:hover,.pre-folder:hover,.flow-card:hover,.invoice-summary-card:hover{
  border-color:rgba(51,43,35,.2);box-shadow:var(--shadow-lift);
}

.toolbar{
  position:relative;overflow:hidden;padding:20px 22px;margin-bottom:18px;align-items:center;
}
.toolbar:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,var(--accent),var(--accent-3),var(--accent-2));
}
.toolbar h2{font-size:24px;font-weight:950;color:var(--ink);line-height:1.15;}
.summary,.hint{color:#776d63;line-height:1.65;}
.page-kicker{
  color:#bb3b55;background:#fff2f5;border:1px solid rgba(255,90,118,.22);
  border-radius:999px;padding:4px 8px;letter-spacing:0;font-size:11px;
}

.public-entry{max-width:1180px;gap:18px;margin:46px auto;align-items:stretch;}
.public-hero,.customer-track-card{
  border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.88);
  box-shadow:var(--shadow-lift);overflow:hidden;
}
.public-hero{position:relative;padding:34px;background:linear-gradient(145deg,#fff 0%,#fff7f4 48%,#f4fffb 100%);}
.public-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ff5a76,#f59e0b,#16a085,#3164d9);}
.public-hero h1{
  font-size:46px;font-weight:950;line-height:1.05;
  background:linear-gradient(135deg,#201b16 10%,#be3750 52%,#0f8a75 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.public-flow{gap:8px;}
.public-flow span{background:#fff;border-color:var(--line);box-shadow:0 8px 18px rgba(55,45,35,.055);font-weight:900;}
.login-card-soft{border-color:var(--line);border-radius:8px;box-shadow:var(--shadow-soft);}
.customer-track-card{padding:34px;background:linear-gradient(180deg,#fff,#f9fbff);}
.login-kicker{background:#fff;border-color:var(--line);color:#6b6259;letter-spacing:0;}
.track-search input,.field input,.field select,.field textarea,.paste-box{
  border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.9);
  min-height:42px;color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.field label{color:#4f463e;font-weight:900;letter-spacing:0;}
.field input:focus,.field select:focus,.field textarea:focus,.track-search input:focus{
  border-color:rgba(255,90,118,.55);
  box-shadow:0 0 0 4px rgba(255,90,118,.13), inset 0 1px 0 rgba(255,255,255,.8);
}
.account-request-strip{border-top-color:var(--line);}

.dashboard-hero{
  padding:26px 24px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,247,244,.9));
}
.dashboard-hero h2{font-size:32px;font-weight:950;}
.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;}
.stat-card{
  border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-soft);padding:16px;position:relative;overflow:hidden;
}
.stat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff5a76,#f59e0b,#16a085);}
.stat-card strong{font-size:31px;font-weight:950;color:var(--ink);}
.stat-card span{color:#756b62;font-weight:900;}
.workflow-panel{padding:24px;background:rgba(255,255,255,.84);}
.workflow-head h3{font-size:22px;font-weight:950;}
.workflow-step{padding:0 10px 14px;}
.workflow-dot{
  border:0;background:#fff;color:#201b16;box-shadow:0 10px 24px rgba(55,45,35,.12);
}
.workflow-step:nth-child(1) .workflow-dot{background:#fff2f5;color:#be3750;}
.workflow-step:nth-child(2) .workflow-dot{background:#fff7e8;color:#9d650b;}
.workflow-step:nth-child(3) .workflow-dot{background:#eafaf5;color:#0f715d;}
.workflow-step:nth-child(4) .workflow-dot{background:#eef4ff;color:#3157b9;}
.workflow-step:nth-child(5) .workflow-dot{background:#f1edff;color:#6b3fd4;}

.operation-guide{
  grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);padding:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,250,246,.86));
}
.operation-guide-head h3{font-size:20px;font-weight:950;}
.operation-steps{gap:10px;}
.operation-step{
  min-height:118px;border-color:var(--line);background:#fff;box-shadow:0 8px 22px rgba(55,45,35,.055);
}
.operation-step span{background:#201b16;box-shadow:0 8px 18px rgba(32,27,22,.14);}
.operation-step:nth-child(1){background:linear-gradient(180deg,#fff,#fff8fa);}
.operation-step:nth-child(2){background:linear-gradient(180deg,#fff,#fff9ef);}
.operation-step:nth-child(3){background:linear-gradient(180deg,#fff,#f1fffb);}
.operation-step:nth-child(4){background:linear-gradient(180deg,#fff,#f5f8ff);}
.operation-step:nth-child(2) span{background:#f59e0b;}
.operation-step:nth-child(3) span{background:#16a085;}
.operation-step:nth-child(4) span{background:#3164d9;}

.warehouse-tabs{
  width:100%;background:rgba(255,255,255,.7);border-color:var(--line);box-shadow:var(--shadow-soft);
  border-radius:8px;padding:6px;gap:6px;
}
.warehouse-tab{
  flex:0 0 auto;border-radius:999px;padding:10px 17px;color:#5f554b;font-weight:950;
}
.warehouse-tab.active{
  background:linear-gradient(135deg,#201b16,#44372d);border-color:#201b16;color:#fff;
  box-shadow:0 10px 22px rgba(32,27,22,.16);
}
.filters{padding:14px 16px;gap:12px;background:rgba(255,255,255,.82);}
.filters .btn{align-self:end;}

table.list-table{
  border-color:var(--line);border-radius:8px;background:rgba(255,255,255,.9);
  box-shadow:var(--shadow-soft);
}
table.list-table th{
  background:#fff7f4;color:#7a554d;font-size:11px;letter-spacing:0;font-weight:950;
  border-bottom:1px solid var(--line);
}
table.list-table td{border-bottom:1px solid rgba(51,43,35,.07);}
table.list-table tr:hover td{background:#fffaf6;}

.badge{font-weight:950;border:1px solid currentColor;border-radius:999px;padding:4px 9px;background:#fff;}
.badge-japan{background:#eef4ff;color:#3157b9;}
.badge-korea{background:#f1edff;color:#6b3fd4;}
.badge-warehouse,.badge-pending{background:#fff4df;color:#9d650b;}
.badge-warehoused,.badge-direct{background:#e8f7f2;color:#0f715d;}
.badge-shipped,.badge-completed{background:#edf8ed;color:#37724b;}
.badge-origin{background:#fff2f5;color:#be3750;}

.photo-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;}
.photo-thumb,.pre-item-photo,.work-card-photo,.shipping-photo,.invoice-item-photo,.packed-photo,.warehouse-item-thumb,.flow-card-photo,.process-photo-link{
  border:1px solid var(--line);background:#f5f1ed;box-shadow:0 8px 18px rgba(55,45,35,.06);
}
.photo-thumb{height:auto;aspect-ratio:1/1;}
.photo-thumb .dl-btn{
  bottom:6px;right:6px;border-radius:999px;background:rgba(32,27,22,.78);padding:5px 9px;font-weight:850;
}
.pre-item-photo{height:auto;aspect-ratio:4/3;}
.work-card,.shipping-card{
  border-color:var(--line);border-radius:8px;padding:12px;background:rgba(255,255,255,.88);
}
.work-card{grid-template-columns:132px minmax(0,1fr);min-height:156px;}
.work-card-photo{width:132px;height:132px;}
.shipping-card{grid-template-columns:112px minmax(0,1fr);}
.shipping-photo{width:112px;height:112px;}
.work-date,.work-main,.shipping-main strong{font-weight:950;color:var(--ink);}
.work-metrics span,.folder-items span,.pre-customer-chips span,.shipping-item-strip span,.work-item-preview span{
  border-color:var(--line);background:#fff;border-radius:999px;
}
.inbound-card-grid,.shipping-grid,.recent-card-grid{gap:14px;}
.pre-folder{padding:18px;}
.pre-folder-summary{gap:10px;}
.pre-folder-summary div,.invoice-overview-totals div{
  border-color:var(--line);background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(55,45,35,.045);
}
.pre-create-panel{padding:14px;background:rgba(255,255,255,.86);}
.pre-create-copy{
  border:0;border-left:0;background:linear-gradient(135deg,#fff2f5,#fff8ea 55%,#ecfbf6);
}
.pre-create-copy strong{font-weight:950;}
.pre-create-card{background:#fff;border-color:var(--line);}
.pre-create-card:hover{border-color:rgba(255,90,118,.42);box-shadow:0 16px 34px rgba(255,90,118,.13);}
.pre-create-plus{background:linear-gradient(135deg,#ff5a76,#f59e0b);}
.pre-content-toggle{
  background:#fff;border-color:rgba(22,160,133,.24);color:#0f715d;border-radius:8px;
}
.pre-content-toggle:hover{background:#f0fffb;border-color:rgba(22,160,133,.4);}
.selected-actions{
  border-color:var(--line);background:rgba(255,255,255,.86);border-radius:8px;box-shadow:var(--shadow-soft);padding:12px 14px;
}
.quick-inbound-form{padding:18px;gap:14px;background:rgba(255,255,255,.86);}
.inline-form{background:rgba(255,255,255,.78);border-color:var(--line);border-style:solid;}
.check-tile{border-color:var(--line);background:#fff;border-radius:8px;}

.admin-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;}
.admin-card{
  min-height:126px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,246,.88));
  position:relative;overflow:hidden;
}
.admin-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff5a76,#f59e0b,#16a085);}
.admin-card strong{font-size:17px;font-weight:950;}
.admin-card span{color:#776d63;}

.invoice-overview{padding:16px;background:rgba(255,255,255,.86);}
.invoice-overview-total{border-color:rgba(255,90,118,.24);background:#fff2f5;}
.invoice-overview-total span,.invoice-overview-total strong,.invoice-overview-receivable strong,.invoice-summary-money{color:#be3750;}
.invoice-overview-card,.invoice-summary-card{border-color:var(--line);background:#fff;}
.invoice-overview-card.is-urgent{border-color:rgba(255,90,118,.35);background:linear-gradient(135deg,#fff,#fff4f6);}
.invoice-preview{border-color:var(--line);box-shadow:var(--shadow-soft);}
.invoice-head,.picking-head{
  background:linear-gradient(135deg,#201b16,#4a362a 58%,#8d4c2b);
}
.invoice-bank{background:#fff6df;border-color:rgba(245,158,11,.24);}

.modal-overlay{background:rgba(32,27,22,.42);backdrop-filter:blur(7px);}
.modal{
  border-color:var(--line);border-radius:8px;box-shadow:0 30px 90px rgba(32,27,22,.24);
  background:rgba(255,255,255,.96);
}
.modal-header,.modal-footer{background:#fffaf6;border-color:var(--line);}
.modal-header h2{font-size:18px;font-weight:950;}
.modal-body{background:linear-gradient(180deg,#fff,#fffdf9);}
.toast{background:#201b16;box-shadow:0 16px 34px rgba(32,27,22,.22);}
.empty-state,.empty-mini{
  border-color:var(--line);background:rgba(255,255,255,.72);border-style:dashed;
}

.boxing-workbench-top,.boxing-route-panel{
  background:linear-gradient(135deg,#fff8fa,#f3fffb);border-color:var(--line);
}
.boxing-folder,.boxing-folder-head,.boxing-item-row,.warehouse-item-row,.unpack-box-card,.unpack-item-card,.flow-lane{
  border-color:var(--line);background:#fff;
}
.boxing-folder.is-selected,.boxing-item-row.is-selected,.boxing-whole.is-selected,.unpack-item-card.is-selected{
  border-color:rgba(255,90,118,.5);background:#fff5f7;
}
.bulk-upload-box{border-color:rgba(255,90,118,.28);background:#fff8fa;}
.bulk-upload-box.dragging{border-color:rgba(22,160,133,.55);background:#f0fffb;}

@media (max-width:900px){
  main#app{padding:18px 14px 70px;}
  .topbar-inner{align-items:flex-start;}
  #mainNav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;}
  #mainNav a,#whoami,#btnLogout{flex:0 0 auto;}
  .public-entry{grid-template-columns:1fr;margin:22px auto;}
  .public-hero h1{font-size:38px;}
  .operation-guide{grid-template-columns:1fr;}
  .operation-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .workflow-line{grid-template-columns:1fr;}
  .workflow-line:before{display:none;}
}

@media (max-width:600px){
  body:before{background-size:22px 22px;}
  .topbar-inner{gap:10px;padding:10px 12px;}
  .brand-mark{min-width:0;}
  .brand-logo{width:40px;height:40px;}
  #mainNav{flex-wrap:wrap;overflow-x:visible;}
  #mainNav a{padding:8px 11px;}
  #whoami{max-width:100%;white-space:normal;}
  main#app{padding:14px 10px 64px;}
  .toolbar{padding:16px 16px 16px 18px;}
  .toolbar h2{font-size:22px;}
  .btn{width:auto;min-height:42px;}
  .toolbar .btn,.dashboard-actions .btn,.selected-actions .btn{flex:1 1 auto;}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .stat-card{padding:14px;}
  .stat-card strong{font-size:25px;}
  .operation-steps{grid-template-columns:1fr;}
  .operation-step{min-height:0;}
  .public-hero,.customer-track-card{padding:22px;}
  .public-hero h1{font-size:34px;}
  .public-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  table.list-table{display:block;overflow-x:auto;white-space:nowrap;}
  .warehouse-tab{flex:1 1 auto;padding:10px 12px;}
  .work-card,.shipping-card{grid-template-columns:92px minmax(0,1fr);}
  .work-card-photo,.shipping-photo{width:92px;height:92px;}
  .photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));}
  .pre-folder{padding:14px;}
  .pre-folder-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .admin-grid{grid-template-columns:1fr;}
  .modal-overlay{padding:8px;}
  .modal{max-height:calc(100dvh - 16px);}
}