*{box-sizing:border-box}:root{--dark:#101828;--blue:#155eef;--bg:#f5f7fa;--line:#e4e7ec;--muted:#667085}
body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1d2939}.topbar{background:var(--dark);color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:5}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:21px}.brand span{color:#84adff}.brand small{font-size:12px;color:#98a2b3}nav{display:flex;gap:5px;flex-wrap:wrap}nav a{color:#d0d5dd;text-decoration:none;padding:8px 9px;border-radius:7px;font-size:13px}nav a:hover{background:#1d2939;color:#fff}.container{max-width:1700px;margin:24px auto;padding:0 20px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1{margin:0}.page-head p{margin:5px 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 9px rgba(16,24,40,.04)}.card{padding:18px}.card span{color:var(--muted);font-size:13px}.card strong{display:block;font-size:28px;margin:7px 0}.card small{color:var(--muted)}.compact .card strong{font-size:23px}.panel{padding:18px;margin-bottom:18px}.panel h2{margin-top:0;font-size:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn,.mini,button{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:8px;padding:9px 12px;text-decoration:none;cursor:pointer}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.mini{font-size:12px;padding:5px 8px}.danger{color:#b42318;border-color:#fda29b}.inline{display:inline}.alert{padding:12px 14px;border-radius:9px;margin-bottom:12px}.success{background:#ecfdf3;color:#027a48}.error{background:#fef3f2;color:#b42318}.warning{background:#fffaeb;color:#b54708}.info{background:#eff8ff;color:#175cd3}.dropzone{border:2px dashed #98a2b3;border-radius:15px;text-align:center;padding:45px 20px;background:#f9fafb}.dropzone.drag{border-color:var(--blue);background:#eff4ff}.uploadIcon{font-size:38px}.center{text-align:center;margin-top:12px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:6px 9px;background:#f2f4f7;border-radius:999px;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input,.filters select{border:1px solid #d0d5dd;border-radius:8px;padding:9px;min-width:150px}.filters input:first-child{min-width:300px}.tablewrap{overflow:auto;max-height:70vh}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #eef0f3;text-align:left;font-size:12px;white-space:nowrap}th{background:#f9fafb;position:sticky;top:0}.addr{white-space:normal;min-width:300px}.detail{white-space:normal;min-width:260px}.status{padding:4px 7px;border-radius:999px;background:#f2f4f7}.status.ok{background:#dcfae6;color:#067647}.actions{display:flex;gap:8px}.barChart{display:grid;gap:8px}.barRow{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:10px}.barTrack{height:20px;background:#eef2f6;border-radius:6px;overflow:hidden}.barFill{height:100%;background:#155eef}.full{max-width:none}footer{text-align:center;color:#98a2b3;padding:25px}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.cards{grid-template-columns:1fr}.container{padding:0 10px}}
.wrap{flex-wrap:wrap}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel-head h2{margin:0}.panel-head p{margin:5px 0;color:var(--muted)}
.batchText{width:100%;min-height:90px;border:1px solid #d0d5dd;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;margin:12px 0;background:#f9fafb}
.batch-table{max-height:360px}.sticky-status{position:sticky;bottom:10px;z-index:10;background:#101828;color:#fff;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(16,24,40,.25);margin:20px 0}.sticky-status select{padding:9px;border-radius:8px;border:1px solid #d0d5dd}
@media(max-width:700px){.panel-head,.sticky-status{flex-direction:column}.sticky-status{align-items:stretch}}

.bookmark-panel{border:2px solid #84adff;background:#f5f8ff}.bookmark-demo{padding:16px 0}.bookmarklet{font-size:15px;font-weight:700}

.paste17{width:100%;min-height:280px;border:1px solid #d0d5dd;border-radius:10px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;margin-bottom:12px;resize:vertical}
.simple-batch{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f3}
.simple-batch:last-child{border-bottom:0}.save{background:#039855!important;border-color:#039855!important;color:#fff!important}
@media(max-width:700px){.simple-batch{align-items:flex-start;flex-direction:column}}

.user-pill{background:#1d2939;border:1px solid #344054;padding:6px 9px;border-radius:999px;font-size:11px;color:#d0d5dd;white-space:nowrap}
.dashboard-alert{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px}.dashboard-alert a{color:inherit;font-weight:700}
.danger-card{border-color:#fda29b!important;background:#fffafa!important}.danger-card strong{color:#b42318}
.danger-panel{border:2px solid #fda29b;background:#fffafa}
.scan-panel{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}.scan-input{width:100%;font-size:27px;padding:18px;border:2px solid #98a2b3;border-radius:12px;text-align:center;margin-bottom:15px}.scan-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-green{background:#039855!important;border-color:#039855!important}.scan-red{background:#d92d20!important;color:#fff!important;border-color:#d92d20!important}
.design-table th,.design-table td{font-size:15px;padding:12px}.design-table td:first-child{min-width:280px}
.user-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end}.user-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.user-form input,.user-form select,.inline-flex input{padding:9px;border:1px solid #d0d5dd;border-radius:8px}.inline-flex{display:flex;gap:5px}
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#101828,#1d2939);padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.login-logo{font-size:34px;font-weight:950;letter-spacing:-1px;color:#101828}.login-logo span{color:#155eef}.login-logo small{display:block;font-size:11px;letter-spacing:3px;color:#667085;margin-top:2px}.login-card>p{color:#667085;margin:10px 0 24px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-form input{font-size:16px;padding:13px;border:1px solid #d0d5dd;border-radius:9px}.login-btn{width:100%;font-size:16px;padding:13px}.login-help{margin-top:18px;padding:10px;background:#f9fafb;border-radius:8px;color:#667085;font-size:12px}
@media print{.topbar,.no-print,footer,.page-head .btn{display:none!important}.container{max-width:none;margin:0;padding:0}.panel{box-shadow:none;border:0}.design-table th,.design-table td{font-size:12px;padding:7px}}
@media(max-width:900px){.user-form{grid-template-columns:1fr 1fr}.scan-actions{grid-template-columns:1fr}.user-pill{display:none}}

.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-grid div{border:1px solid #eaecf0;border-radius:9px;padding:10px}.detail-grid span{display:block;color:#667085;font-size:11px;margin-bottom:4px}.return-save{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:15px}.return-save textarea{min-height:70px;border:1px solid #d0d5dd;border-radius:9px;padding:10px}.report-filters{display:flex;gap:8px;flex-wrap:wrap}.report-filters input,.report-filters select{padding:9px;border:1px solid #d0d5dd;border-radius:8px;min-width:135px}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr 1fr}.return-save{grid-template-columns:1fr}}
@media(max-width:550px){.detail-grid{grid-template-columns:1fr}}

.resend-box{margin-top:18px;padding:16px;border:1px solid #84adff;background:#f5f8ff;border-radius:12px}.resend-box h3{margin-top:0}.resend-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.small-scan{font-size:20px;margin:0}
@media(max-width:700px){.resend-form{grid-template-columns:1fr}}

.file-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.file-check{display:flex;gap:9px;align-items:flex-start;border:1px solid #e4e7ec;border-radius:10px;padding:10px;background:#fff;cursor:pointer}.file-check small{display:block;color:#667085;margin-top:3px}.file-check input{margin-top:4px}.track-batch{border-bottom:2px solid #eef0f3;padding:8px 0 20px;margin-bottom:20px}.track-batch:last-child{border-bottom:0}.small-track-table{max-height:420px}
@media(max-width:1000px){.file-selector{grid-template-columns:1fr 1fr}}@media(max-width:650px){.file-selector{grid-template-columns:1fr}}

.row-error td{background:#fff1f0!important}.row-warning td{background:#fffbea!important}.badge{display:inline-block;padding:3px 6px;border-radius:999px;font-size:10px;margin:1px}.error-badge{background:#fee4e2;color:#b42318}.warning-badge{background:#fef0c7;color:#b54708}.ok-badge{background:#dcfae6;color:#067647}

.group-result-box{margin-top:18px;padding:16px;border:1px solid #d0d5dd;background:#f9fafb;border-radius:12px}.group-result-box h3{margin-top:0}.compact-edit{align-items:center;flex-wrap:wrap}.compact-edit select,.compact-edit input{padding:6px;border:1px solid #d0d5dd;border-radius:7px;font-size:11px}

.return-stage,.resend-box{margin-top:18px;padding:16px;border:1px solid #d0d5dd;border-radius:12px;background:#f9fafb}.resend-box{border-color:#84adff;background:#f5f8ff}.return-stage h3,.resend-box h3{margin-top:0}.return-save select,.return-save textarea,.resend-form textarea,.resend-status-form select,.resend-status-form input{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px;margin-bottom:8px}.resend-status-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.resend-status-form select,.resend-status-form input{width:auto;margin:0}

.shipment-timeline{margin-top:20px}.timeline-item{display:grid;grid-template-columns:100px 160px 160px 150px 1fr;gap:8px;align-items:center;padding:12px;border-left:4px solid #d0d5dd;background:#f9fafb;margin-bottom:8px;border-radius:8px}.timeline-item.done{border-left-color:#12b76a;background:#ecfdf3}.timeline-edit{display:flex;gap:5px;flex-wrap:wrap}.timeline-edit select,.timeline-edit input{padding:6px;border:1px solid #d0d5dd;border-radius:6px;max-width:150px}@media(max-width:1000px){.timeline-item{grid-template-columns:1fr}.timeline-edit{grid-column:1}}