:root{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--sidebar-bg: #0f172a;--sidebar-bg-2: #1e293b;--text: #0f172a;--text-2: #475569;--muted: #64748b;--on-dark: #e2e8f0;--on-dark-muted: #94a3b8;--line: #e2e8f0;--line-soft: #eef2f7;--accent: #0284c7;--accent-hover: #0369a1;--accent-soft: #e0f2fe;--success: #166534;--success-bg: #dcfce7;--warn: #854d0e;--warn-bg: #fef9c3;--info: #075985;--info-bg: #e0f2fe;--danger: #991b1b;--danger-bg: #fee2e2;--danger-solid: #dc2626;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 80px rgba(15, 23, 42, .28);--sidebar-w: 232px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.err{background:var(--danger-bg);color:var(--danger);padding:10px 14px;border-radius:var(--r-sm);margin:12px 0}.ok{background:var(--success-bg);color:var(--success);padding:10px 14px;border-radius:var(--r-sm);margin:12px 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;width:360px;box-shadow:var(--shadow-md)}.login-card h1{font-size:20px;margin:0 0 6px;text-align:center}.login-card .login-sub{margin:0 0 20px;text-align:center;font-size:14px}.login-card label{display:block;margin:14px 0 6px;font-weight:600;font-size:14px}.login-card .btn{width:100%;margin-top:20px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar-bg);color:var(--on-dark);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;padding:20px 20px 16px}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px;flex:1;overflow-y:auto}.navbtn{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--on-dark-muted);padding:10px 14px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;text-align:left;width:100%;transition:background .12s,color .12s}.navbtn .nav-icon{font-size:16px;width:20px;text-align:center}.navbtn:hover{background:var(--sidebar-bg-2);color:#fff}.navbtn.active{background:var(--accent);color:#fff;font-weight:600}.sidebar-foot{padding:14px 20px 18px;border-top:1px solid var(--sidebar-bg-2)}.logout{width:100%;background:var(--sidebar-bg-2);border:none;color:var(--on-dark);padding:10px 14px;border-radius:var(--r-sm);cursor:pointer;font-size:14px}.logout:hover{background:#334155}.content{flex:1;min-width:0;display:flex;flex-direction:column}.content-head{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10}.content-head .crumb{font-weight:600;font-size:15px}main{width:100%;max-width:1160px;margin:0 auto;padding:28px}h2{font-size:22px;margin:0 0 18px}h3{font-size:17px;margin:24px 0 12px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.page-head-text h2{margin:0}.page-head-sub{margin:6px 0 0;color:var(--muted);font-size:14px}.page-head-actions{display:flex;gap:10px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.card.kpi{display:flex;align-items:center;gap:14px}.card.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-icon{flex:0 0 auto;width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--accent-soft)}.kpi-icon.green{background:var(--success-bg)}.kpi-icon.amber{background:var(--warn-bg)}.kpi-icon.violet{background:#ede9fe}.kpi-icon.danger{background:var(--danger-bg)}.card.kpi.urgent.amber{border-color:#fbbf24;background:#fffbeb}.card.kpi.urgent.danger{border-color:#fca5a5;background:#fef2f2}.kpi-action{width:100%;text-align:left;cursor:pointer;font:inherit}.card-label{color:var(--muted);font-size:13px}.card-value{font-size:24px;font-weight:700;margin-top:2px;line-height:1.1}.rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px}.rate{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;box-shadow:var(--shadow-sm)}.rate-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.rate-label{color:var(--text-2);font-size:14px;font-weight:600}.rate-pct{font-size:20px;font-weight:700}.rate-bar{height:8px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.rate-fill{height:100%;border-radius:var(--r-pill);background:var(--accent)}.rate-fill.green{background:#22c55e}.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.section-head h3{margin:0}.linkbtn{background:none;border:none;color:var(--accent);font-weight:600;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:6px}.linkbtn:hover{background:var(--accent-soft)}.recent-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.recent-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:var(--surface-2)}.recent-main{flex:1;min-width:0}.recent-top{display:flex;align-items:center;gap:8px}.recent-num{font-weight:600;color:var(--accent)}.recent-type{font-size:12px;color:var(--muted)}.recent-sub{font-size:13px;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-right{text-align:right;flex:0 0 auto}.recent-amount{font-weight:600}.recent-time{font-size:12px;color:var(--muted);margin-top:2px}.recent-empty{padding:28px 16px;text-align:center;color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:11px 12px;font-size:14px;border-bottom:1px solid var(--line-soft)}tbody tr:last-child td{border-bottom:none}th{background:var(--surface-2);color:var(--text-2);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-2)}.link{color:var(--accent);font-weight:600}a{color:var(--accent);word-break:break-all}td.empty-cell{text-align:center;color:var(--muted);padding:28px 12px}.badge{display:inline-block;padding:3px 9px;border-radius:var(--r-pill);font-size:12px;font-weight:600;white-space:nowrap}.b-success{background:var(--success-bg);color:var(--success)}.b-warn{background:var(--warn-bg);color:var(--warn)}.b-info{background:var(--info-bg);color:var(--info)}.b-danger{background:var(--danger-bg);color:var(--danger)}.b-muted{background:var(--line);color:var(--text-2)}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}input,select,textarea{width:100%;padding:9px 11px;border:1px solid #cbd5e1;border-radius:var(--r-sm);font-size:14px;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.filters input,.filters select{width:auto}textarea{resize:vertical}.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;max-width:760px;box-shadow:var(--shadow-sm)}.box label{display:block;margin:14px 0 6px;font-weight:600;font-size:14px}label.check{display:flex;align-items:center;gap:10px}label.check input[type=checkbox]{width:auto;flex:0 0 auto}.btn{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:var(--r-sm);font-size:14px;cursor:pointer;transition:background .12s,opacity .12s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}.btn.gray{background:#64748b}.btn.gray:hover{background:#475569}.btn.danger{background:var(--danger-solid)}.btn.danger:hover{background:#b91c1c}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.prewrap{white-space:pre-wrap;margin:0;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px}.pending-queue{margin-bottom:22px}.pending-queue-head,.pending-topline,.pending-actions{display:flex;align-items:center;gap:12px}.pending-queue-head{justify-content:space-between;margin-bottom:10px}.pending-queue-head h3,.pending-group h3{margin:0}.pending-queue-head p{margin:4px 0 0}.pending-group{margin-top:14px}.pending-card{margin-top:10px}.pending-topline{flex-wrap:wrap}.pending-topline strong{font-size:15px}.pending-user{font-weight:700;color:var(--accent)}.pending-product,.pending-identity{margin:9px 0}.pending-identity strong{font-size:16px;color:var(--text)}.waiting{color:var(--muted);font-size:13px}.waiting-warn{color:#c2410c}.waiting-danger{color:var(--danger);font-weight:700}.pending-actions{justify-content:space-between;margin-top:10px}.confirm-actions-row{justify-content:flex-end}.line-count{font-size:14px;font-weight:600}.line-count.valid{color:var(--success)}.line-count.invalid{color:var(--danger)}.delivered-content .prewrap{max-height:220px;overflow:auto;margin-bottom:8px}.english-fields{margin:18px 0;padding:0 12px 12px;border:1px solid var(--line);border-radius:var(--r-sm)}.english-fields summary{cursor:pointer;font-weight:600;padding:12px 0}.loading{display:flex;align-items:center;gap:10px;padding:24px 4px;color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-sm)}.panel h3{margin-top:0}.panel label{display:block;margin:12px 0 6px;font-weight:600;font-size:14px}.panel label.check{display:flex;align-items:center;gap:10px}.panel label.check input{width:auto}.stock-box{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.image-preview{margin:10px 0 4px}.image-preview img{display:block;max-width:100%;max-height:220px;border:1px solid var(--line);border-radius:var(--r-md);object-fit:cover;background:var(--surface-2)}.stock-list{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-sm);margin-top:6px}.stock-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-soft);font-size:14px}.stock-row:last-child{border-bottom:none}.stock-row.sold{background:var(--surface-2);color:#94a3b8}.stock-content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.link-danger{background:none;border:none;color:var(--danger-solid);cursor:pointer;font-size:13px;padding:2px 6px}.link-danger:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a8c;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow:auto}.modal{width:min(860px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal-head h3{margin:0 0 4px}.modal-close{width:34px;height:34px;border:none;border-radius:var(--r-pill);background:var(--line);color:var(--text);cursor:pointer;font-size:22px;line-height:1}.modal-close:hover{background:#cbd5e1}.modal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.confirm-modal{width:min(420px,100%);align-self:center;margin-top:12vh}.confirm-title{margin:0 0 8px;font-size:18px}.confirm-message{margin:0;color:var(--text-2);font-size:14px;white-space:pre-wrap;line-height:1.5}.confirm-actions{justify-content:flex-end;margin-top:20px}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 14px;font-size:14px}.kv-key{color:var(--muted)}code{background:#f1f5f9;padding:2px 6px;border-radius:5px;font-size:13px;word-break:break-all}@media (max-width: 860px){:root{--sidebar-w: 100%}.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar nav{flex-direction:row;flex-wrap:wrap;overflow-x:auto}.navbtn{width:auto}.sidebar-foot{border-top:none;padding-top:0}main{padding:18px}}@media (max-width: 760px){.detail-grid{grid-template-columns:1fr}.page-head,.modal-head{align-items:stretch;flex-direction:column}.modal-grid{grid-template-columns:1fr}.modal-backdrop{padding:16px 10px}.pending-queue-head,.pending-actions{align-items:stretch;flex-direction:column}.pending-actions .btn{width:100%}}