:root{--nav:#12243a;--nav2:#19324e;--blue:#1668dc;--blue2:#eaf3ff;--ink:#172033;--muted:#6c778b;--line:#e5e9f0;--bg:#f5f7fa;--green:#0d9b66;--amber:#d97706;--red:#dc3545;--shadow:0 6px 22px rgba(24,39,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:13px;letter-spacing:0}.sidebar{position:fixed;inset:0 auto 0 0;width:190px;background:var(--nav);color:#dbe8f5;display:flex;flex-direction:column;z-index:20}.brand{height:68px;display:flex;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:30px;height:30px;border-radius:6px;background:#fff;color:var(--nav);display:grid;place-items:center;font-family:Georgia;font-size:19px}.sidebar nav{padding:16px 10px;display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#b9c9dc;height:43px;border-radius:6px;text-align:left;padding:0 14px;font:inherit;cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item:hover{background:rgba(255,255,255,.06);color:white}.nav-item.active{background:var(--blue);color:white;font-weight:600}.icon{font-size:17px;width:18px;text-align:center}.sidebar-foot{margin-top:auto;padding:20px;border-top:1px solid rgba(255,255,255,.08)}.sync-state{display:flex;align-items:center;gap:8px;margin-bottom:5px}.sync-state i{width:8px;height:8px;border-radius:50%;background:#f59e0b}.sidebar-foot small{color:#8499b0}main{margin-left:190px;min-width:940px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;margin:0 0 4px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.updated{font-size:12px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;border:0;background:#e9eef5;color:#526174;font-weight:700}.view{display:none;padding:20px 24px 40px}.view.active{display:block}.notice{height:42px;background:#fff9e9;border:1px solid #f3dfab;color:#7a5a08;display:flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:14px;border-radius:5px}.notice strong{background:#ffedb5;padding:3px 8px;border-radius:3px}.notice button{margin-left:auto;border:0;background:none;color:#a35d00;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);padding:15px;border-radius:6px;display:flex;align-items:center;gap:12px;min-height:82px}.metric-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:700;background:var(--blue2);color:var(--blue)}.metric.warn .metric-icon{background:#fff2e5;color:#e26b0a}.metric.good .metric-icon{background:#e8f7f1;color:var(--green)}.metric.purple .metric-icon{background:#f1edff;color:#6f4bd8}.metric div span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:21px;margin-top:5px}.metric small{color:var(--muted)}.toolbar{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;display:flex;gap:10px;align-items:end;margin-bottom:14px}.field{width:150px}.field.search{width:240px}.field label,.full-label{display:block;color:#596579;font-size:12px;margin-bottom:6px}.field select,.field input,.full-label input,.full-label textarea{width:100%;height:34px;border:1px solid #d9dfe8;border-radius:4px;padding:0 10px;background:#fff;font:inherit;color:var(--ink)}.full-label textarea{height:auto;padding:9px;resize:vertical}.btn{height:34px;border-radius:4px;border:1px solid transparent;padding:0 14px;font:inherit;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#0f5bc6}.btn.secondary{background:#fff;border-color:#b8c8dd;color:#245f9e}.btn.ghost{background:#fff;border-color:var(--line);color:#657186}.panel{background:#fff;border:1px solid var(--line);border-radius:6px}.panel-head{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{font-size:15px;margin:0 0 4px}.panel-head span{font-size:12px;color:var(--muted)}.panel-actions{display:flex;gap:8px}.table-wrap{overflow:auto;max-height:calc(100vh - 345px)}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:42px;background:#f7f9fc;color:#566277;font-size:12px;font-weight:600;text-align:left;padding:0 10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}td{height:58px;padding:7px 10px;border-bottom:1px solid #edf0f4;vertical-align:middle}tr:hover td{background:#f9fbfe}.country{display:flex;align-items:center;gap:7px}.flag{font-size:18px}.store{font-size:11px;color:var(--muted);margin-top:2px}.product{display:flex;align-items:center;gap:8px;max-width:210px}.thumb{width:36px;height:36px;border-radius:5px;display:grid;place-items:center;color:#fff;font-weight:700;flex:none;background:linear-gradient(135deg,#4776b9,#1f3e69)}.product b{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis}.product small,.sku-stack small{display:block;color:var(--muted);margin-top:3px}.num{font-variant-numeric:tabular-nums}.sales{font-size:12px}.sales b{color:var(--blue)}.recommend{font-weight:700;color:var(--blue);cursor:pointer}.recommend.zero{color:#9aa4b2}.days.low{color:var(--red);font-weight:700}.badge{display:inline-block;padding:4px 7px;border-radius:3px;font-size:11px;background:#e9f7f1;color:var(--green)}.badge.danger{background:#fff0f1;color:var(--red)}.badge.warning{background:#fff4e5;color:var(--amber)}.badge.neutral{background:#eef1f5;color:#697589}.link-btn{border:0;background:none;color:var(--blue);cursor:pointer;padding:3px}.season-hero{background:#fff;border:1px solid var(--line);border-left:4px solid var(--amber);padding:18px 20px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.season-hero h2{margin:3px 0 7px;font-size:19px}.season-hero p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;color:var(--blue);font-weight:700}.season-pills{display:flex;gap:5px}.season-pill{border:1px solid var(--line);background:#fff;padding:7px 12px;cursor:pointer}.season-pill.active{background:var(--nav);color:#fff;border-color:var(--nav)}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.page-actions h2{margin:0 0 6px}.page-actions p{margin:0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-panel.integration{grid-column:1/-1}.settings-body{padding:18px}.formula-box{background:#f2f7fd;border-left:3px solid var(--blue);padding:12px;margin-bottom:16px;color:#4e5d70}.range-row{margin:15px 0}.range-row label{display:flex;justify-content:space-between}.range-row input{width:100%;accent-color:var(--blue)}.lead-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.lead-grid label{border:1px solid var(--line);padding:10px;color:var(--muted)}.lead-grid input{width:55px;border:0;font-size:18px;font-weight:700;outline:0;margin:7px 4px 0 0}.switch-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:16px}.switch-row small{display:block;color:var(--muted);margin-top:4px}.switch-row input{width:36px;height:18px;accent-color:var(--blue)}.hint{background:#f6f8fb;padding:10px;color:var(--muted);margin:10px 0 15px}.hint.secure{border-left:3px solid var(--green)}.suffix{margin-left:-24px;color:var(--muted)}.drawer{position:fixed;top:0;right:-440px;width:430px;height:100vh;background:#fff;z-index:40;box-shadow:-10px 0 35px rgba(26,39,61,.17);transition:right .2s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h2{margin:4px 0 0}.icon-btn{border:0;background:#f1f3f6;width:30px;height:30px;border-radius:50%;font-size:20px;cursor:pointer}.drawer-body{padding:18px;overflow:auto}.drawer-foot{margin-top:auto;border-top:1px solid var(--line);padding:14px;display:flex;justify-content:flex-end;gap:8px}.scrim{display:none;position:fixed;inset:0;background:rgba(12,25,40,.25);z-index:30}.scrim.show{display:block}.detail-identity{display:flex;gap:12px;align-items:center;margin-bottom:18px}.detail-identity .thumb{width:56px;height:56px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:16px}.detail-grid div{background:#fff;padding:12px}.detail-grid span{display:block;color:var(--muted);font-size:11px}.detail-grid b{display:block;margin-top:5px}.calc-box{background:#f7f9fc;padding:14px;border:1px solid var(--line);margin-bottom:14px}.calc-box h3{font-size:13px;margin:0 0 10px}.formula-line{font-family:Consolas,monospace;font-size:12px;line-height:1.8;color:#4c5c70}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.channel-item{border:1px solid var(--line);padding:10px}.channel-item span{font-size:11px;color:var(--muted)}.channel-item b{display:block;color:var(--blue);font-size:17px;margin-top:3px}.toast{position:fixed;left:50%;bottom:-60px;transform:translateX(-50%);background:#17293f;color:#fff;padding:10px 18px;border-radius:4px;z-index:60;transition:bottom .2s}.toast.show{bottom:24px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}.table-wrap{max-height:none}.updated{display:none}}@media(max-width:760px){.sidebar{width:60px}.brand span:last-child,.nav-item:not(.active){font-size:0}.brand{padding:0 15px}.nav-item{padding:0 11px}.nav-item .icon{font-size:18px}.sidebar-foot{display:none}main{margin-left:60px;min-width:0}.topbar{padding:0 14px}.top-actions .secondary{display:none}.view{padding:12px}.metrics{grid-template-columns:1fr 1fr}.toolbar{display:grid;grid-template-columns:1fr 1fr}.field,.field.search{width:auto}.table-wrap{max-width:calc(100vw - 85px)}.settings-grid{grid-template-columns:1fr}.settings-panel.integration{grid-column:auto}.season-hero{align-items:flex-start;gap:14px;flex-direction:column}.drawer{width:min(430px,100vw)}}
.sortable-head { cursor: pointer; user-select: none; white-space: nowrap; }
.sortable-head::after { content: '↕'; color: #9aa8bb; font-size: 11px; margin-left: 5px; }
.sortable-head.sort-asc::after, .sortable-head.sort-desc::after { color: #246ee9; font-weight: 700; }
.sortable-head.sort-asc::after { content: '↑'; }
.sortable-head.sort-desc::after { content: '↓'; }
.smart-filter { position: relative; width: 178px; }
.smart-filter .smart-filter-trigger { width: 100%; height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px; border: 1px solid #d9dfe8; border-radius: 4px; background: #fff; color: #172033; font: inherit; cursor: pointer; text-align: left; }
.smart-filter .smart-filter-trigger:hover, .smart-filter.open .smart-filter-trigger { border-color: #1668dc; }
.smart-filter .smart-filter-trigger span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.smart-filter .smart-filter-trigger b { color: #718096; font-size: 11px; }
.smart-filter .smart-filter-menu { display: none; position: absolute; top: calc(100% + 5px); left: 0; width: 282px; padding: 8px; border: 1px solid #b8c8dd; border-radius: 4px; background: #fff; box-shadow: 0 8px 20px rgba(24,39,75,.16); z-index: 35; }
.smart-filter.open .smart-filter-menu { display: block; }
.smart-filter-search { width: 100%; height: 32px; padding: 0 9px; border: 1px solid #c9d7ea; border-radius: 3px; font: inherit; }
.smart-filter-search:focus { outline: 2px solid #bcd8ff; border-color: #1668dc; }
.smart-filter-actions { display: flex; gap: 10px; padding: 8px 2px; border-bottom: 1px solid #edf0f4; }
.smart-filter-actions button { padding: 0; border: 0; background: transparent; color: #1668dc; font: inherit; cursor: pointer; }
.smart-filter-options { max-height: 240px; overflow: auto; padding-top: 5px; }
.smart-filter-option { display: flex; align-items: center; gap: 8px; min-height: 30px; padding: 3px 5px; border-radius: 3px; cursor: pointer; }
.smart-filter-option:hover { background: #f3f7fe; }
.smart-filter-option input { width: 15px; height: 15px; margin: 0; accent-color: #1668dc; }
.smart-filter-empty { padding: 12px 5px; color: #6c778b; }
.smart-filter select { display: none; }
@media(max-width:760px){.smart-filter{width:100%}.smart-filter .smart-filter-menu{width:min(282px,calc(100vw - 92px))}}
.order-remark-cell { min-width: 180px; }
.order-remark-input { width: 100%; min-width: 160px; resize: vertical; border: 1px solid #c9d7ea; border-radius: 4px; padding: 6px 8px; font: inherit; color: #253858; background: #fff; }
.order-remark-input:focus { outline: 2px solid #b9d5ff; border-color: #2773df; }