:root{--bg: #f2f5f4;--bg-radial: linear-gradient(180deg, #f5f7f6 0%, #edf2f0 100%);--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--surface-soft: #f6f8f6;--line: #d6ded9;--line-strong: #aab9b2;--text: #17211e;--muted: #63716c;--soft: #8b9792;--primary: #176f64;--primary-dark: #0d4e47;--primary-soft: #dff4ef;--blue: #2455b8;--blue-soft: #e5edff;--green: #087443;--green-soft: #ddf7e8;--amber: #a85b13;--amber-soft: #fff0d8;--red: #b42318;--red-soft: #ffe8e5;--nav: #10221e;--nav-2: #142b25;--shadow: 0 18px 45px rgba(24, 36, 32, .08);--shadow-tight: 0 8px 22px rgba(24, 36, 32, .07);font-family:Aptos Display,HarmonyOS Sans SC,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:var(--bg-radial)}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(165deg,var(--nav) 0%,var(--nav-2) 54%,#142b25 100%);color:#edf5f1;padding:20px 14px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;box-shadow:18px 0 40px #0b171429}.brand{display:flex;gap:12px;align-items:center;padding:6px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f5b35c,#50b6a7);color:#07120f;display:grid;place-items:center;font-weight:900;letter-spacing:-.06em;box-shadow:0 14px 30px #f5b35c38}.brand-title{font-size:16px;font-weight:850;letter-spacing:-.02em}.brand-sub{color:#9fb0a9;font-size:12px;margin-top:4px}.nav{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:4px 0 12px}.nav-group{display:grid;gap:5px}.nav-group-label{padding:0 11px 5px;color:#789087;font-size:10px;font-weight:900;letter-spacing:.16em}.nav button{border:1px solid transparent;background:transparent;color:#cfdbd6;min-height:42px;padding:8px 10px;border-radius:11px;text-align:left;display:grid;grid-template-columns:30px 1fr;align-items:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#8da59c}.nav button.active .nav-icon{color:#e9fff8}.nav button:hover{background:#ffffff12;transform:translate(2px)}.nav button.active{background:linear-gradient(135deg,#248879eb,#1b5e52eb);border-color:#b8e8db42;color:#fff;box-shadow:0 12px 28px #00000038}.side-summary{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;color:#9fb0a9;font-size:12px;background:#ffffff0d;display:flex;align-items:center;gap:10px}.side-summary strong{display:block;color:#eef8f4;font-size:12px;line-height:1.3;margin-bottom:3px}.side-summary span:last-child{display:block;color:#789087;font-size:10px}.system-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#56d69b;box-shadow:0 0 0 5px #56d69b1f}.main{min-width:0}.topbar{background:#f8faf7c7;border-bottom:1px solid rgba(171,184,177,.48);min-height:84px;padding:14px 30px;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center;gap:18px}.page-heading{min-width:260px}.crumb{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-title{font-weight:900;font-size:25px;margin-top:2px;letter-spacing:-.035em}.page-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:12px}.page-meta span{border:1px solid rgba(23,111,100,.14);background:#ffffffb3;border-radius:999px;padding:3px 9px}.top-actions{display:flex;gap:10px;align-items:center}.search{width:330px;height:40px;border:1px solid var(--line);border-radius:999px;padding:0 15px;background:#ffffffe6;outline:none;box-shadow:inset 0 1px #ffffffbf}.content{width:100%;max-width:1680px;margin:0 auto;padding:24px 30px 42px}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:minmax(0,1fr) minmax(380px,.76fr)}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.shipping-view{display:grid;gap:18px}.shipping-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:28px;align-items:center;min-height:178px;padding:28px 30px;border:1px solid rgba(23,111,100,.3);border-radius:24px;color:#eefbf7;background:radial-gradient(circle at 82% 16%,rgba(245,175,66,.34),transparent 28%),linear-gradient(125deg,#103f39,#176f64 62%,#244f44);box-shadow:0 22px 50px #0d463e33}.shipping-hero:after{content:"";position:absolute;width:240px;height:240px;right:-92px;bottom:-155px;border:1px solid rgba(255,255,255,.28);border-radius:50%}.shipping-hero h2{margin:9px 0 8px;max-width:620px;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}.shipping-hero p{max-width:650px;margin:0;color:#eefbf7c7;line-height:1.7}.shipping-eyebrow{color:#ffd28b;font-size:11px;font-weight:900;letter-spacing:.18em}.shipping-hero-mark{flex:0 0 auto;padding:15px 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff17;font-weight:900;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shipping-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.shipping-confirm-row{justify-content:flex-end;margin:0 0 16px}.shipping-confirmed{color:var(--primary-dark);font-size:12px;font-weight:850}.shipping-error{margin-top:0}.shipping-kpis{margin-bottom:16px}.shipping-kpi{min-height:88px;padding:14px}.shipping-kpi .value{font-size:24px}.shipping-preview-table table{min-width:1460px}.shipping-preview-table small{color:var(--muted)}.shipping-cell-error{color:var(--red);font-weight:800}.panel{background:var(--surface);border:1px solid rgba(214,222,217,.86);border-radius:22px;min-width:0;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:17px 19px;border-bottom:1px solid rgba(214,222,217,.72);background:linear-gradient(180deg,#ffffffc7,#ffffff57);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-title{font-weight:900;font-size:16px;letter-spacing:-.02em}.panel-sub{color:var(--muted);font-size:12px;margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpis.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis.import-metrics{grid-template-columns:repeat(4,minmax(120px,1fr))}.kpi{position:relative;background:linear-gradient(145deg,#fffffff5,#f8faf7db);border:1px solid rgba(214,222,217,.88);border-radius:22px;padding:17px;min-height:102px;box-shadow:var(--shadow-tight);overflow:hidden}.kpi:after{content:"";position:absolute;right:-26px;top:-30px;width:96px;height:96px;border-radius:50%;background:#176f6414}.kpi .label{color:var(--muted);font-size:12px;font-weight:800}.kpi .value{margin-top:9px;font-size:27px;font-weight:950;letter-spacing:-.04em;word-break:break-all}.kpi .hint{margin-top:5px;color:var(--soft);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}.field.full{grid-column:1 / -1}.model-sku-editor{display:grid;gap:14px}.section-title{color:var(--primary-dark);font-weight:850;padding:9px 11px;border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:10px}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:4px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}label{color:#34423d;font-size:13px;font-weight:800}.required{color:var(--red)}input,select,textarea{width:100%;border:1px solid #cfd9d4;border-radius:12px;min-height:42px;padding:9px 12px;background:#ffffffe0;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #176f6421;background:#fff}textarea{resize:vertical;min-height:170px}.help{color:var(--muted);font-size:12px;margin-top:7px}.batch-picker{position:relative}.batch-picker:focus-within{z-index:120}.batch-picker-menu{position:absolute;z-index:120;left:0;right:0;top:calc(100% - 16px);display:grid;gap:5px;max-height:296px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid rgba(170,185,178,.84);border-radius:16px;background:#fffffffa;box-shadow:0 22px 56px #1824202e;padding:8px}.toolbar-row:has(.batch-picker-menu),.operation-filter-bar:has(.batch-picker-menu),.panel:has(.batch-picker-menu){position:relative;z-index:110}.panel:has(.batch-picker-menu){overflow:visible}.batch-picker-option{min-height:52px;border:0;background:transparent;border-radius:12px;color:var(--text);cursor:pointer;display:grid;gap:3px;padding:10px 11px;text-align:left}.batch-picker-option:hover{background:#f1f6f3}.batch-picker-option span{font-weight:900}.batch-picker-option small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-picker-empty{color:var(--muted);font-size:13px;padding:11px}.notice,.info,.error-panel{border-radius:14px;padding:11px 13px;font-size:13px;margin-top:15px}.notice{border:1px solid #ecc27d;background:var(--amber-soft);color:#73430d}.info{border:1px solid #aad9d1;background:var(--primary-soft);color:#13554d}.error-panel{border:1px solid #f7b4b4;background:var(--red-soft);color:var(--red);font-weight:750}.btn{height:40px;border-radius:999px;border:1px solid #bfcbc5;background:#ffffffd6;color:#2f3f39;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none;font-weight:800;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.btn:hover{background:#fff;transform:translateY(-1px);box-shadow:var(--shadow-tight)}.btn.primary{background:linear-gradient(135deg,#1d8174,#0d5a51);border-color:#0d5a51;color:#fff;box-shadow:0 12px 26px #0d5a5138}.btn.primary:hover{background:linear-gradient(135deg,#219284,#0d4e47)}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}.btn.danger:hover{background:color-mix(in srgb,var(--red) 8%,#fff)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-group,.toolbar-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:16px}.toolbar-row .field{min-width:260px;max-width:420px}.table-wrap{overflow:auto;border:1px solid rgba(214,222,217,.74);border-radius:16px}.stacked-tables{display:grid;gap:16px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px;background:#ffffffd1}th,td{text-align:left;border-bottom:1px solid rgba(214,222,217,.72);padding:12px 13px;vertical-align:middle;white-space:nowrap}th{color:#50615a;background:#f1f6f3;font-size:12px;font-weight:900;position:sticky;top:0}td{color:#26342f;font-size:13px}tr:hover td{background:#f8fbf8}.row-actions{display:inline-flex;align-items:center;gap:12px}.link{border:0;background:transparent;color:var(--primary);padding:0;height:auto;font-weight:850}.link.danger{color:var(--red)}.link:disabled{color:var(--soft);cursor:not-allowed}.tag{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:850}.tag.green{background:var(--green-soft);color:var(--green)}.tag.blue{background:var(--blue-soft);color:var(--blue)}.tag.amber{background:var(--amber-soft);color:var(--amber)}.tag.red{background:var(--red-soft);color:var(--red)}.tag.gray{background:#edf1ee;color:var(--muted)}.flow-card{border:1px solid rgba(214,222,217,.86);border-radius:18px;padding:16px;background:linear-gradient(145deg,#ffffffeb,#f8faf7c2);min-height:138px}.flow-card.active{border-color:#176f6457;background:linear-gradient(145deg,#e6f5f1,#fffaf0)}.flow-card .top{display:flex;justify-content:space-between;gap:10px;align-items:center}.flow-card h3{margin:0;font-size:15px;font-weight:900}.flow-card p{margin:11px 0 0;color:var(--muted);font-size:13px}.summary-list{display:grid;gap:9px}.summary-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(214,222,217,.68);padding-bottom:9px}.summary-row:last-child{border-bottom:0;padding-bottom:0}.summary-row span:first-child{color:var(--muted)}.summary-row span:last-child{font-weight:850;text-align:right;word-break:break-all}.copy-row{display:inline-flex;justify-content:flex-end;align-items:center;gap:8px;max-width:100%}.copy-row span{overflow-wrap:anywhere}.file-list{display:grid;gap:9px}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 104px 98px;gap:10px;align-items:center;border:1px solid rgba(214,222,217,.66);border-radius:16px;padding:12px;background:#ffffffb8}.file-name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-desc{color:var(--muted);font-size:12px;margin-top:4px}.empty-state,.upload-zone{border:1px dashed #aab9b2;border-radius:18px;background:#f6f8f6c7;padding:26px;text-align:center;color:var(--muted)}.upload-title{color:var(--text);font-weight:900}.file-input-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:13px}.file-input-row input{max-width:300px}.detail-drawer{position:fixed;right:0;top:0;width:min(590px,96vw);height:100vh;background:#fffffff5;border-left:1px solid rgba(214,222,217,.82);box-shadow:-24px 0 70px #18242038;z-index:20;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer-head{padding:20px;border-bottom:1px solid rgba(214,222,217,.72);display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.drawer-body{padding:20px;overflow-x:hidden;overflow-y:auto}.drawer-history{margin-top:24px}.drawer-history .panel-sub{margin-top:4px}.drawer-history .empty-state{margin-top:12px}.drawer-history-scroll{margin-top:12px;overflow-x:auto;max-width:100%}.drawer-history-scroll .table-wrap{min-width:760px}.toast{position:fixed;right:20px;bottom:20px;min-width:280px;background:#0d1714;color:#fff;border-radius:16px;padding:13px 15px;box-shadow:0 18px 46px #0d171447;z-index:30;display:none}.toast.show{display:block}.mobile-menu{display:none}.field-actions{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.page-stage>*{animation:page-enter .28s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.page-meta .online{color:#176446}.page-meta .online i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#2eb67d;box-shadow:0 0 0 3px #2eb67d1f}.business-context{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:136px;margin-bottom:18px;padding:24px 26px;border:1px solid #cad8d2;border-radius:18px;background:radial-gradient(circle at 92% 18%,rgba(215,153,69,.17),transparent 24%),linear-gradient(115deg,#eff8f5,#fff 58%,#fbf8f0);box-shadow:var(--shadow-tight)}.business-context:after{content:"";position:absolute;width:210px;height:210px;right:-118px;bottom:-142px;border:1px solid rgba(23,111,100,.18);border-radius:50%}.context-eyebrow{color:var(--primary);font-size:11px;font-weight:950;letter-spacing:.13em}.context-title{margin-top:7px;font-size:22px;font-weight:950;letter-spacing:-.035em}.context-desc{max-width:760px;margin-top:7px;color:var(--muted);line-height:1.7}.context-controls{position:relative;z-index:1;min-width:330px}.context-controls .field{margin:0}.storage-context-controls{display:grid;grid-template-columns:130px minmax(260px,1fr);gap:12px;min-width:440px}.context-badge{position:relative;z-index:1;flex:0 0 auto;padding:9px 13px;border:1px solid rgba(23,111,100,.22);border-radius:999px;background:#ffffffb8;color:var(--primary-dark);font-size:12px;font-weight:900}.panel{border-radius:16px;box-shadow:0 10px 30px #1824200f}.panel-head{padding:16px 18px}.panel-body{padding:18px}.import-layout{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr)!important;align-items:start}.import-layout>.panel{min-height:280px}.upload-zone{padding:30px 22px;border:1px dashed #9fb7ae;background:linear-gradient(135deg,#e7f3efad,#ffffffb8)}.upload-symbol{width:52px;height:52px;margin:0 auto 13px;border-radius:14px;display:grid;place-items:center;background:#173f38;color:#eafff8;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 10px 24px #173f3833}.upload-title{font-size:15px}.file-input-row input[type=file]{padding:7px;background:#fff}.rule-list{display:grid;gap:10px}.rule-list>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:14px;border:1px solid #dce5e1;border-radius:12px;background:#f8faf9}.rule-list strong{color:var(--primary-dark)}.rule-list span{color:var(--muted);line-height:1.6}.table-wrap{border-radius:12px}th{background:#edf3f0;letter-spacing:.02em}th,td{padding:11px 12px}.btn{border-radius:10px}.btn.primary{box-shadow:0 8px 20px #0d5a512e}.kpi{border-radius:15px;min-height:94px}.form-grid input,.form-grid select,.form-grid textarea{border-radius:10px}.shipping-view{gap:18px}.shipping-context{margin-bottom:0}.shipping-confirm-row{padding-top:2px}@media(max-width:1180px){.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.search{flex:1;min-width:240px}.business-context{align-items:flex-start;flex-direction:column}.context-controls,.storage-context-controls{width:100%;min-width:0}}@media(max-width:1040px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;transform:translate(-105%);width:282px;z-index:25;transition:transform .2s ease}.sidebar.open{transform:translate(0)}.mobile-menu{display:inline-flex}.grid.cols-2,.grid.cols-3,.kpis,.kpis.compact{grid-template-columns:1fr}.import-layout{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.toolbar-row .field{max-width:none;width:100%}.drawer-head{flex-direction:column}.search{display:none}.content{padding:18px}.shipping-hero{align-items:flex-start;flex-direction:column;padding:23px}.nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.drawer-history-scroll{-webkit-overflow-scrolling:touch}}@media(max-width:640px){.topbar{padding:12px 16px}.content{padding:16px 12px 28px}.page-title{font-size:21px}.top-actions{gap:7px}.business-context{padding:20px;border-radius:15px}.context-title{font-size:19px}.storage-context-controls{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:stretch}.panel-head .btn{width:100%}.kpis.import-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.file-input-row{align-items:stretch;flex-direction:column}.file-input-row input,.file-input-row .btn{width:100%;max-width:none}}.sidebar{background:#10251f;box-shadow:10px 0 28px #10251f1f}.nav button.active{background:#216a49;border-color:#2c7b59;box-shadow:none}.topbar{background:#fffffff0}.admin-operation-page{display:grid;gap:14px;padding-bottom:4px}.admin-operation-page .btn{height:38px;border-radius:6px;box-shadow:none}.admin-operation-page .btn:hover{box-shadow:none;transform:none}.btn.outline-primary{border-color:#3b8a67;background:#fff;color:#17623f}.btn.outline-primary:hover{background:#f1f8f4}.operation-filter-bar,.operation-mode-bar{display:flex;justify-content:space-between;align-items:end;gap:14px;min-height:48px;padding:0 0 14px;border-bottom:1px solid #d9dfdc}.operation-filter-bar .operation-batch-picker{width:min(520px,72%)}.operation-batch-picker label{display:block;margin-bottom:7px}.operation-batch-picker input{min-height:38px;border-radius:6px}.operation-batch-caption{margin-top:6px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented-control{display:inline-flex;border:1px solid #cfd7d3;border-radius:6px;overflow:hidden;background:#fff}.segmented-control button{min-width:74px;height:36px;border:0;border-right:1px solid #d9dfdc;background:#fff;color:#56635e;font-weight:800}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:#206844;color:#fff}.operation-card{overflow:hidden;border:1px solid #d8dedb;border-radius:8px;background:#fff;box-shadow:none}.operation-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;border-bottom:1px solid #e1e5e3}.operation-card-head h2{margin:0;font-size:15px;font-weight:900}.operation-card-head p{margin:4px 0 0;color:#7a8581;font-size:12px}.file-task-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px 9px}.file-choose-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 13px;border:1px solid #c9d2ce;border-radius:6px;background:#f8faf9;color:#33413c;cursor:pointer;white-space:nowrap}.file-input-hidden{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.selected-file{min-width:0;height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #d7ddda;border-radius:6px;color:#8a9490;background:#fff}.selected-file span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file.has-file{color:#34413d}.file-type-mark{width:20px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:3px;background:#24764e;color:#fff;font-size:10px;font-weight:950}.file-field-hint{padding:0 16px 14px;color:#78837f;font-size:12px}.operation-rule-note{padding:10px 14px;border:1px solid #dde2df;border-radius:6px;background:#f7f8f7;color:#5e6965;font-size:12px}.operation-error{margin:0;border-radius:6px}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));border:1px solid #d8dedb;border-radius:8px;background:#fff}.metric-strip-item{min-height:64px;display:grid;align-content:center;justify-items:center;gap:3px;border-right:1px solid #e1e5e3}.metric-strip-item:last-child{border-right:0}.metric-strip-item span{color:#66726d;font-size:12px}.metric-strip-item strong{color:#26332e;font-size:21px;line-height:1.1}.metric-strip-item.success strong{color:#176840}.metric-strip-item.danger strong{color:#c63b32}.preview-data-card{min-height:310px}.preview-head{align-items:center}.preview-tabs{display:flex;gap:20px;margin-top:11px;color:#69746f;font-size:12px}.preview-tabs span{position:relative;padding-bottom:7px}.preview-tabs span.active{color:#176840;font-weight:900}.preview-tabs span.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#23764d}.operation-table{border:0;border-radius:0}.operation-table table{min-width:900px}.operation-table th{position:static;padding:10px 12px;background:#f5f7f6;color:#5b6762;font-weight:800}.operation-table td{padding:10px 12px}.operation-table tbody tr:hover td{background:#f8fbf9}.table-empty{height:150px;text-align:center;color:#8b9591}.text-success{color:#197044;font-weight:800}.text-danger{color:#c33f35;font-weight:800}.inline-warning{margin:12px 14px 0;padding:9px 11px;border:1px solid #ead4a3;border-radius:5px;background:#fff9eb;color:#77551c;font-size:12px}.sticky-confirm-bar{position:sticky;bottom:0;z-index:4;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 16px;border:1px solid #d8dedb;border-radius:8px;background:#fffffff7;box-shadow:0 -7px 18px #192f2712}.sticky-confirm-bar span{color:#4d5954}.sticky-confirm-bar strong{margin:0 4px;color:#176840;font-size:20px}.sticky-confirm-bar .confirm-btn{min-width:128px}.shipping-rule-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8dedb;border-radius:8px;background:#fff}.shipping-rule-strip>div{display:grid;gap:4px;padding:13px 16px;border-right:1px solid #e1e5e3}.shipping-rule-strip>div:last-child{border-right:0}.shipping-rule-strip strong{color:#30423a;font-size:12px}.shipping-rule-strip span{color:#7b8581;font-size:11px}.shipping-preview-table table{min-width:1180px}.app-loading,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(35,118,77,.15),transparent 32%),linear-gradient(145deg,#edf3ef,#f7f5ee 48%,#e6eee9)}.app-loading{color:#315243;font-weight:800}.login-card{width:min(420px,100%);padding:38px;border:1px solid rgba(38,74,57,.16);border-radius:18px;background:#ffffffeb;box-shadow:0 28px 70px #1d372b29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand span{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#1f7049;color:#fff;font-family:Georgia,serif;font-size:22px;font-weight:800}.login-eyebrow{margin-top:24px;color:#23764d;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.login-card h1{margin:7px 0 8px;color:#203c30;font-family:Georgia,Times New Roman,serif;font-size:34px}.login-card>p{margin:0 0 24px;color:#6e7a74;line-height:1.7}.login-card form{display:grid;gap:15px}.login-submit{width:100%;min-height:44px;margin-top:5px}.operator-chip{display:grid;min-width:96px;line-height:1.15}.operator-chip span{color:#263d33;font-size:12px;font-weight:900}.operator-chip small{margin-top:3px;color:#7a8580;font-size:10px}.account-audit-page{display:grid;gap:16px}.account-create-form{align-items:end;margin-bottom:16px}.audit-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.device-list-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.device-list-actions>span{color:#5f6d67;font-size:12px;font-weight:800}.row-select-checkbox{width:17px;height:17px;min-height:0;accent-color:var(--primary);cursor:pointer}.modal-backdrop{position:fixed;z-index:180;inset:0;display:grid;place-items:center;padding:20px;background:#161f1c75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.device-action-dialog{width:min(560px,100%);padding:22px;border:1px solid #d7dfdb;border-radius:18px;background:#fff;box-shadow:0 28px 80px #121e1947}.device-action-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.device-action-dialog-head h2{margin:0;color:#25352f;font-size:19px}.device-action-dialog-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.device-action-field{display:grid;gap:8px;margin-top:20px;color:#35443e;font-size:13px;font-weight:850}.device-action-field textarea{min-height:126px;font-weight:500}.device-action-field small{justify-self:end;color:var(--muted);font-weight:600}.device-action-warning{margin-top:14px;padding:11px 13px;border:1px solid #c9ddd5;border-radius:10px;background:#f2f8f5;color:#315b4c;font-size:12px;line-height:1.65}.device-action-warning.danger{border-color:#efc1c1;background:#fff5f5;color:#9b3434}.device-action-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.trace-pagination,.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #d8dedb;border-radius:8px;background:#fff;color:#68746f;font-size:12px}.trace-pagination .btn-group,.list-pagination .btn-group{align-items:center}.trace-pagination .btn-group>span,.list-pagination .btn-group>span{min-width:82px;text-align:center;color:#30423a;font-weight:800}@media(max-width:760px){.operation-filter-bar{align-items:stretch;flex-direction:column}.operation-filter-bar .operation-batch-picker{width:100%}.operation-filter-bar>.btn{width:100%}.file-task-row{grid-template-columns:1fr}.file-choose-btn,.file-task-row .btn{width:100%}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip-item:nth-child(2n){border-right:0}.metric-strip-item{border-bottom:1px solid #e1e5e3}.shipping-rule-strip{grid-template-columns:1fr}.shipping-rule-strip>div{border-right:0;border-bottom:1px solid #e1e5e3}.shipping-rule-strip>div:last-child{border-bottom:0}.sticky-confirm-bar{align-items:stretch;flex-direction:column}.sticky-confirm-bar .confirm-btn{width:100%}.login-card{padding:28px 22px}.operator-chip{display:none}.trace-pagination,.list-pagination{align-items:stretch;flex-direction:column}.trace-pagination .btn-group,.list-pagination .btn-group{justify-content:space-between}}