:root{--bg:#f7f7f3;--paper:#fff;--sidebar:#f7f7f1;--ink:#101114;--muted:#7c818b;--line:#e7e7e1;--teal:#16b8c8;--teal-dark:#0798a7;--mint:#e9fbf7;--navy:#050619;--amber:#b67813;--amber-bg:#fff9dc;--danger:#d85454;--danger-bg:#fff0ef;--shadow:0 2px 10px rgba(19,24,31,.055);--radius:14px}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{display:block}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;background:var(--sidebar);border:1px solid #deded6;border-radius:0 15px 15px 0;padding:18px 12px 84px;overflow-y:auto;z-index:30;box-shadow:2px 0 14px rgba(20,24,31,.03)}.brand{height:75px;display:flex;align-items:center;padding:0 12px 17px;border-bottom:1px solid #ecece6;margin-bottom:18px}.brand-mark{width:57px;height:50px;position:relative;margin-right:9px}.brand-mark svg{width:100%;height:100%}.brand-title{font-size:22px;font-weight:800;letter-spacing:-1px}.brand-sub{font-size:9px;color:#bc6d26;letter-spacing:2px;margin-left:5px}.brand-version{font-size:10px;color:#686c73;margin-top:3px}.menu-section{margin:24px 5px 8px;color:#898d91;font-size:13px}.menu-item{width:100%;height:42px;border:0;background:transparent;border-radius:9px;display:flex;align-items:center;gap:11px;padding:0 12px;color:#373a3f;font-size:14px;text-align:left;position:relative}.menu-item:hover{background:#efefe9}.menu-item.active{background:#ecece6;color:#101114;font-weight:650}.menu-item .mi-icon{width:20px;color:#333}.menu-item .chev{margin-left:auto}.submenu{padding-left:34px;border-left:1px solid #dddcd5;margin-left:20px}.submenu .menu-item{height:38px;color:#64676c}.sidebar-account{position:fixed;left:11px;bottom:10px;width:249px;height:54px;background:rgba(247,247,241,.96);display:flex;align-items:center;padding:8px;border-top:1px solid #e5e5de}.avatar{width:38px;height:38px;border-radius:12px;background:#191914;color:#fff;display:grid;place-items:center;font-weight:700}.account-copy{margin-left:10px}.account-name{font-size:14px;font-weight:650}.account-role{font-size:11px;color:#80838a}.account-bell{margin-left:auto;position:relative}.account-bell:after{content:"";position:absolute;width:7px;height:7px;background:#71a78e;border:2px solid #f7f7f1;border-radius:50%;right:-1px;top:-2px}.main{grid-column:2;min-width:0}.topbar{height:65px;position:sticky;top:0;background:rgba(249,249,246,.93);backdrop-filter:blur(16px);border-bottom:1px solid #ecece7;display:flex;align-items:center;padding:0 28px;z-index:20}.icon-btn{width:38px;height:38px;border:1px solid transparent;background:transparent;border-radius:10px;display:grid;place-items:center;color:#32353a}.icon-btn:hover{background:#f0f0eb}.module-icon{width:38px;height:38px;background:#eef7ff;border:1px solid #dbe6f1;color:#2367d1;border-radius:12px;margin-left:18px;display:grid;place-items:center}.breadcrumb{display:flex;align-items:center;margin-left:14px;color:#a0a2a6;font-size:14px}.breadcrumb strong{color:#111;margin-left:10px;font-size:15px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.top-pill{height:40px;border:1px solid #e5e5df;background:#fff;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:650}.currency{height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;color:#575a61;font-size:12px;white-space:nowrap}.flag{font-size:13px}.page{padding:0 26px 36px}.hero{height:145px;display:flex;align-items:center;border-bottom:1px solid #e8e8e2}.hero-greeting{display:flex;align-items:center;min-width:450px}.salad{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:36px;background:radial-gradient(circle,#e5f7d8 30%,#aad67c 31%,#80bd59 55%,#e9eee5 56%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.7),var(--shadow)}.hero-text{font-family:"STSong","Songti SC",serif;font-size:31px;margin-left:18px;letter-spacing:1px}.hero-text em{font-style:normal;color:#0ba6b2}.hero-line{height:4px;background:#10b6c2;border-radius:8px;margin-top:5px}.hero-filters{margin-left:auto;display:flex;align-items:center;gap:9px}.filter-label{font-size:13px;color:#72767d;margin-right:4px}.select{height:40px;border:1px solid #e2e2dc;background:#fff;border-radius:10px;padding:0 35px 0 13px;min-width:145px;color:#32343a}.periods{display:flex;gap:4px}.period{height:38px;border:1px solid transparent;background:transparent;border-radius:10px;padding:0 14px;color:#666a70}.period.active{background:#fff;border-color:#deded8;box-shadow:var(--shadow);color:#111;font-weight:650}.dashboard{padding-top:26px}.dashboard-top{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.panel{background:#fff;border:1px solid #e6e6e1;border-radius:var(--radius);box-shadow:var(--shadow)}.cockpit{padding:22px}.cockpit-head{display:flex;align-items:flex-start}.health-chip{display:inline-flex;align-items:center;height:25px;padding:0 11px;border:1px solid #eee19b;border-radius:8px;background:#fffde5;color:#a3690a;font-size:12px;font-weight:650}.date-chip{margin-left:8px;height:25px;padding:3px 11px;border:1px solid #e5e5df;border-radius:8px;color:#4f555e;font-size:12px}.cockpit-title{font-size:24px;font-weight:650;margin:15px 0 2px}.cockpit-sub{font-size:13px;color:#8a8d93}.panel-actions{margin-left:auto;display:flex;gap:8px}.btn{height:40px;border:1px solid #e1e1dc;background:#fff;border-radius:11px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;color:#292c31;box-shadow:0 1px 4px rgba(0,0,0,.04)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.teal{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.btn.small{height:34px;padding:0 11px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.metric{min-height:152px;border:1px solid #e7e7e1;border-radius:11px;padding:18px;position:relative;transition:.2s;background:#fff}.metric:hover{border-color:#82dce1;box-shadow:0 6px 18px rgba(18,184,200,.08);transform:translateY(-1px)}.metric-label{font-size:13px;color:#727780}.metric-value{font-size:31px;font-weight:700;letter-spacing:-.5px;margin:8px 0 15px}.metric-note{font-size:12px;color:#80848b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.metric-icon{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid #bcebe4;border-radius:11px;color:#159b89;background:#f1fdfa;display:grid;place-items:center}.metric-icon.warn{border-color:#f0dfa0;color:#bd7916;background:#fffdec}.metric-next{position:absolute;right:15px;bottom:18px;color:#777}.progress{height:7px;background:#eeeeea;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal);border-radius:10px}.rhythm{padding:24px 23px}.section-kicker{font-size:14px;color:#737983}.rhythm-value{font-size:42px;font-weight:700;margin:13px 0 19px}.rhythm .progress{height:9px}.rhythm-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:18px}.rhythm-stat span{display:block;color:#7d8187;font-size:13px;margin-bottom:8px}.rhythm-stat strong{font-size:15px}.rhythm-icon{float:right;width:42px;height:42px;border:1px solid #bfeade;color:#149a82;background:#f0fcf8;border-radius:12px;display:grid;place-items:center}.secondary-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.secondary-metrics .metric{min-height:150px}.metric.risk{border-color:#78d9db;background:#fbffff}.health-panel{margin-top:18px;padding:25px}.health-head{display:flex;align-items:center;gap:10px}.health-head h2{font-size:17px;margin:0}.health-head .shield{color:#0aa6a8}.health-sub{margin:6px 0 17px;color:#85898f;font-size:12px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-card{min-height:113px;border:1px solid #e8e8e2;border-radius:10px;padding:17px;position:relative}.health-card h3{font-size:14px;margin:0 0 8px}.health-card p{font-size:12px;color:#85898f;margin:0}.health-card strong{position:absolute;left:17px;bottom:16px;font-size:21px}.status{position:absolute;right:15px;top:14px;border-radius:8px;padding:3px 9px;font-size:11px;background:#effcf7;border:1px solid #c9eee0;color:#15866d}.status.attention{background:#effbfc;border-color:#c8e8eb;color:#168899}.status.warning{background:#fffbe7;border-color:#eee4a3;color:#b97611}.assistant-tab{position:fixed;right:0;top:47%;z-index:42;width:39px;height:84px;border:1px solid #e5e5df;background:#fff;border-radius:12px 0 0 12px;box-shadow:var(--shadow);writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.ai-fab{position:fixed;right:23px;bottom:22px;width:57px;height:57px;border-radius:18px;background:var(--navy);color:#fff;border:0;z-index:40;box-shadow:0 9px 25px rgba(4,5,20,.25);display:grid;place-items:center}.ai-fab:after{content:"✦";position:absolute;right:-7px;bottom:-6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#13bfdd,#7568f6);border:3px solid #fff}.assistant-overlay{position:fixed;inset:0;background:rgba(22,25,29,.08);backdrop-filter:blur(1px);z-index:50;display:none}.assistant-overlay.open{display:block}.assistant-drawer{position:absolute;right:3.5%;top:11%;width:690px;height:80%;background:#fbfbf7;border-radius:25px;box-shadow:0 20px 60px rgba(22,23,30,.22);overflow:hidden;border:1px solid #dadbd4;display:flex;flex-direction:column}.assistant-head{height:112px;background:var(--navy);color:#fff;padding:25px 34px;display:flex;align-items:center}.assistant-logo{width:51px;height:51px;border-radius:15px;background:#111326;border:1px solid #2d2f45;display:grid;place-items:center;font-size:22px}.assistant-title{margin-left:17px;font-size:20px;font-weight:700}.assistant-title small{display:block;margin-top:4px;color:#9fa1b2;font-size:11px;letter-spacing:1px}.assistant-close{margin-left:auto;background:transparent;border:0;color:#fff;font-size:30px}.assistant-body{padding:27px 35px;flex:1;overflow:auto}.assistant-message{max-width:550px;background:#f8f8f4;border:1px solid #e4e4de;border-radius:20px;padding:20px 24px;font-size:16px;line-height:1.65;box-shadow:var(--shadow)}.assistant-message p{margin:0 0 6px}.assistant-message p:last-child{margin:0}.assistant-compose{padding:0 34px 26px}.model-select{width:330px;height:48px;border:1px solid #deded8;border-radius:12px;background:#fff;padding:0 16px;margin-bottom:10px}.prompt-box{height:94px;border:2px solid #cc7f53;background:#fff;border-radius:18px;display:flex;align-items:center;padding:0 20px;gap:15px;box-shadow:0 0 0 3px rgba(204,127,83,.08)}.prompt-box input{border:0;outline:0;flex:1;font-size:14px}.prompt-send{border:0;background:transparent;color:#999}.page-heading{height:112px;display:flex;align-items:center}.page-heading h1{font-size:27px;margin:0 0 8px}.page-heading p{font-size:13px;color:#85898f;margin:0}.page-heading .heading-actions{margin-left:auto;display:flex;gap:9px}.toolbar{background:#fff;border:1px solid #e6e6e1;border-radius:13px 13px 0 0;padding:14px 16px;display:flex;gap:10px;align-items:center}.search{height:38px;width:260px;border:1px solid #e0e0da;border-radius:9px;padding:0 13px 0 37px;background:#fff}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:12px;top:11px;color:#8a8d92}.toolbar .select{height:38px;min-width:125px}.toolbar-count{margin-left:auto;color:#85898f;font-size:12px}.table-card{background:#fff;border:1px solid #e6e6e1;border-top:0;border-radius:0 0 13px 13px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:#777c84;font-weight:550;background:#fafaf7;padding:14px 16px;border-bottom:1px solid #ecece6;white-space:nowrap}.data-table td{padding:17px 16px;border-bottom:1px solid #efefe9;vertical-align:middle;color:#34373c}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcf9}.code{font-weight:700;color:#16191d}.customer-cell{display:flex;align-items:center;gap:10px}.customer-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}.badge{display:inline-flex;height:25px;align-items:center;padding:0 9px;border-radius:8px;font-size:11px;font-weight:600;background:#edf9f7;color:#168b77}.badge.blue{background:#eef5ff;color:#3475c6}.badge.amber{background:#fff7df;color:#a76b0c}.badge.red{background:#fff0ef;color:#c74d49}.badge.gray{background:#f0f0ed;color:#666a70}.table-actions{display:flex;gap:4px}.table-actions button{border:0;background:transparent;color:#4c7887;padding:5px}.pagination{height:56px;border-top:1px solid #efefe9;display:flex;align-items:center;justify-content:flex-end;padding:0 17px;gap:7px;color:#767a80;font-size:12px}.page-num{width:30px;height:30px;border:1px solid #deded8;border-radius:8px;background:#fff}.page-num.active{background:var(--navy);color:#fff;border-color:var(--navy)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-box{background:#fff;border:1px solid #e6e6e1;border-radius:12px;padding:18px 19px;position:relative}.stat-box span{font-size:12px;color:#81858b}.stat-box strong{display:block;margin-top:8px;font-size:25px}.stat-box .tiny-icon{position:absolute;right:17px;top:20px;color:#25a6aa}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:#fff;border:1px solid #e6e6e1;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.product-thumb{height:155px;background:linear-gradient(145deg,#f2f1eb,#fbfbf8);display:grid;place-items:center;font-size:64px;position:relative}.product-thumb .sku{position:absolute;left:14px;top:12px;background:rgba(255,255,255,.9);border:1px solid #e4e4de;padding:4px 7px;border-radius:6px;font-size:10px;color:#6b6e73}.product-body{padding:16px}.product-name{font-size:15px;font-weight:700}.product-meta{font-size:12px;color:#81858b;margin:8px 0 15px}.product-foot{display:flex;align-items:end}.price{font-size:20px;font-weight:700}.price small{font-size:11px;color:#83878d;font-weight:400}.product-foot button{margin-left:auto}.empty-state{background:#fff;border:1px solid #e6e6e1;border-radius:14px;padding:70px 20px;text-align:center;color:#7e8288}.empty-state .empty-icon{width:64px;height:64px;border-radius:20px;background:#eefaf8;color:#1ca192;display:grid;place-items:center;margin:0 auto 17px}.empty-state h3{color:#272a2e;margin:0 0 7px}.drawer-mask{position:fixed;inset:0;background:rgba(15,17,21,.26);z-index:60;display:none}.drawer-mask.open{display:block}.form-drawer{position:absolute;right:0;top:0;bottom:0;width:520px;background:#fbfbf8;box-shadow:-15px 0 40px rgba(18,20,25,.16);display:flex;flex-direction:column}.drawer-header{height:78px;padding:0 26px;background:#fff;border-bottom:1px solid #e7e7e2;display:flex;align-items:center}.drawer-header h2{font-size:19px}.drawer-header button{margin-left:auto}.drawer-body{padding:24px 26px;overflow:auto;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:12px;color:#666b72;margin-bottom:7px}.form-field label i{font-style:normal;color:#d85858}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #deded8;background:#fff;border-radius:9px;padding:10px 11px;outline:0}.form-field textarea{min-height:95px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#38b5bd;box-shadow:0 0 0 3px rgba(56,181,189,.1)}.drawer-footer{height:72px;background:#fff;border-top:1px solid #e5e5df;padding:15px 25px;display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;right:24px;top:78px;z-index:100;background:#15171a;color:#fff;border-radius:11px;padding:13px 17px;box-shadow:0 10px 35px rgba(0,0,0,.18);font-size:13px;animation:toastIn .25s ease}.toast.success:before{content:"✓";color:#65dbc4;margin-right:8px}.chart-panel{padding:22px;margin-bottom:18px}.chart-head{display:flex;align-items:center;margin-bottom:20px}.chart-head h3{margin:0;font-size:16px}.chart-head span{margin-left:auto;color:#85898f;font-size:12px}.bar-chart{height:240px;display:flex;align-items:flex-end;gap:18px;padding:15px 10px 0;border-bottom:1px solid #e5e5df;background:repeating-linear-gradient(to bottom,#fff 0,#fff 59px,#eee 60px)}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative}.bar{width:18px;background:#12b6c3;border-radius:5px 5px 0 0}.bar.alt{background:#101226}.bar-label{position:absolute;bottom:-27px;font-size:10px;color:#7d8187}.report-grid{display:grid;grid-template-columns:2fr 1fr;gap:17px}.ranking{padding:20px}.ranking h3{font-size:16px;margin:0 0 16px}.rank-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:11px 0;border-bottom:1px solid #efefe9;font-size:13px}.rank-num{width:21px;height:21px;border-radius:7px;background:#f0f0ed;display:grid;place-items:center;font-size:10px}.rank-row:nth-child(-n+3) .rank-num{background:#fff3d5;color:#a56a08}.timeline{padding:15px 20px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:9px 0}.timeline-dot{width:10px;height:10px;background:#18b7bd;border:3px solid #d9f5f3;border-radius:50%;margin-top:4px}.timeline-item h4{font-size:13px;margin:0 0 4px}.timeline-item p{font-size:11px;color:#85898f;margin:0}.footer{padding:23px 0 5px;text-align:center;color:#8b8e94;font-size:10px}.mobile-toggle{display:none}@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.app-shell{grid-template-columns:220px 1fr}.sidebar{width:220px}.sidebar-account{width:197px}.metric-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}.dashboard-top{grid-template-columns:1fr}.hero-text{font-size:24px}.top-pill,.currency:nth-last-child(2){display:none}.assistant-drawer{width:70%;right:4%}.cards-grid{grid-template-columns:repeat(2,1fr)}}

/* Multi-SKU customs editor */
.customs-line-editor{min-width:0}.customs-line-toolbar,.customs-line-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.customs-line-toolbar{padding:14px 15px;background:#f5faf9;border:1px solid #dce9e6;border-radius:12px 12px 0 0}.customs-line-toolbar strong{display:block;font-size:13px;color:#172324}.customs-line-toolbar small{display:block;margin-top:4px;color:#748080;line-height:1.5}.customs-line-toolbar>span{flex:none;padding:5px 9px;border-radius:999px;background:#e8f7f3;color:#087f73;font-size:11px;font-weight:700}.customs-line-list{display:grid;gap:10px;padding:10px;border-inline:1px solid #e3e6e1;background:#fff}.customs-line-card{min-width:0;border:1px solid #e4e6e1;border-radius:11px;background:#fcfcfa;overflow:hidden}.customs-line-index{height:38px;padding:0 11px;display:flex;align-items:center;gap:9px;background:#f5f5f1;border-bottom:1px solid #e8e8e3}.customs-line-index span{font-size:11px;color:#6d7475}.customs-line-index strong{font-size:12px;color:#192022;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customs-line-index button{margin-left:auto;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#8d5757;font-size:20px}.customs-line-index button:hover{background:#fff0ef;color:#bf3f3f}.customs-line-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.customs-line-grid label{min-width:0;margin:0}.customs-line-grid label>span{display:block;margin-bottom:5px;color:#757b7d;font-size:11px}.customs-line-grid input,.customs-line-grid select{min-width:0;width:100%;height:36px;padding:7px 9px;font-size:12px;border:1px solid #dcded9;border-radius:8px;background:#fff}.customs-line-grid .customs-name,.customs-line-grid .customs-size{grid-column:span 2}.customs-line-footer{padding:11px 13px;border:1px solid #e3e6e1;border-radius:0 0 12px 12px;background:#fafbf8}.customs-line-footer>div{min-width:0;text-align:right;color:#667071;font-size:11px;line-height:1.5}.customs-line-footer strong{color:#162324}.form-drawer:has(.customs-line-editor){width:min(880px,calc(100vw - 280px))}@media(max-width:900px){.form-drawer:has(.customs-line-editor){width:min(100%,680px)}.customs-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customs-line-grid .customs-name,.customs-line-grid .customs-size{grid-column:span 2}}@media(max-width:560px){.customs-line-grid{grid-template-columns:1fr}.customs-line-grid .customs-name,.customs-line-grid .customs-size{grid-column:auto}.customs-line-toolbar,.customs-line-footer{align-items:flex-start;flex-direction:column}.customs-line-footer>div{text-align:left}.form-drawer:has(.customs-line-editor){width:100%}}