:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#182235;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100vh}body{background:#f4f7fb;-webkit-font-smoothing:antialiased}button,input{font:inherit}.app-shell{min-height:100vh}.desktop-sider{position:fixed!important;inset:0 auto 0 0;z-index:20;border-right:1px solid #e5ebf3}.sidebar-content{display:flex;flex-direction:column;height:100%;background:#fff}.brand{display:flex;align-items:center;gap:12px;height:76px;padding:0 20px;border-bottom:1px solid #edf1f6}.brand-mark{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-name{color:#142039;font-size:16px;font-weight:800;white-space:nowrap}.brand-subtitle{margin-top:2px;color:#9aabc1;font-size:12px}.nav-label{margin:22px 24px 7px;color:#96a5b9;font-size:12px;font-weight:600}.sidebar-content .ant-menu{padding:0 12px;border-inline-end:0!important}.sidebar-content .ant-menu-item{margin-inline:0;width:100%;font-weight:500;transition:color .16s ease,background .16s ease}.user-panel{display:flex;align-items:center;width:100%;min-height:64px;margin-top:auto;padding:12px 20px;border:0;border-top:1px solid #edf1f6;color:#52627a;background:#fff;text-align:left;cursor:pointer}.user-panel:hover{background:#f8fbff}.user-copy{display:flex;flex:1;min-width:0;margin-left:10px}.user-copy b{overflow:hidden;color:#162139;font-size:13px;text-overflow:ellipsis}.app-content{min-height:100vh;margin-left:200px;padding:26px 28px 36px;background:#f4f7fb}.mobile-header{display:none}.mobile-drawer .ant-drawer-body{padding:0}.mobile-drawer .ant-drawer-content-wrapper{width:240px!important}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px}.page-header .ant-typography{margin:0!important}.page-header h2.ant-typography{color:#111a2c;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.35}.content-card,.metric-card,.schedule-card{overflow:hidden;border-color:#e2e8f0;border-radius:14px;box-shadow:0 1px 2px #1723360a}.content-card .ant-card-head,.metric-card .ant-card-head{border-bottom-color:#edf1f5}.content-card .ant-card-head-title{color:#1a2436;font-size:15px;font-weight:650}.app-shell .ant-btn{box-shadow:none;font-weight:500}.app-shell .ant-btn-primary{box-shadow:0 4px 12px #398ffc33}.app-shell .ant-input,.app-shell .ant-input-affix-wrapper,.app-shell .ant-input-number,.app-shell .ant-select-selector,.app-shell .ant-picker{border-color:#dce4ee}.app-shell .ant-table-thead>tr>th{border-bottom-color:#e8edf4;color:#69788e;background:#f8fafc;font-size:12px;font-weight:600}.app-shell .ant-table-tbody>tr>td{border-bottom-color:#edf1f5}.app-shell .ant-table-tbody>tr.ant-table-row:hover>td{background:#f8fbff}.app-shell .ant-tag{margin-inline-end:0;padding-inline:8px;border-radius:999px;font-weight:500}.metric-card .ant-card-body{display:flex;align-items:center;gap:14px;padding:20px}.metric-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:#398ffc;background:#e9f3ff;font-size:20px}.metric-icon.cyan{color:#1aa8b8;background:#e5f8fb}.metric-icon.orange{color:#e98927;background:#fff4e6}.metric-icon.green{color:#12a97b;background:#e7f8f2}.dashboard-row,.chart-card,.detail-tabs,.settings-card{margin-top:18px}.device-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f6}.device-item:last-child{border-bottom:0}.device-icon,.toggle-icon{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:12px;color:#398ffc;background:#edf5ff;font-size:20px}.device-copy{display:flex;flex:1;flex-direction:column;min-width:0}.device-copy span,.device-status small{margin-top:4px;color:#8ba0bb;font-size:12px}.device-status{display:flex;flex-direction:column;align-items:flex-end}.schedule-card{margin-bottom:14px;color:#44546a;background:#fff}.schedule-card .ant-card-body{padding:11px 16px}.schedule-card .anticon{color:#398ffc;font-size:15px}.schedule-card b{color:#273449;font-size:13px}.filter-grid{display:grid;grid-template-columns:170px minmax(220px,1fr) minmax(230px,1fr) 140px 140px auto;gap:12px;align-items:end;padding-bottom:18px}.filter-grid>div,.alert-filters>div{display:flex;flex-direction:column;gap:6px}.filter-grid label,.alert-filters label{color:#879bb7;font-size:12px;font-weight:600}.filter-grid .ant-select,.filter-grid .ant-input-number{width:100%}.filter-actions{flex-direction:row!important}.product-list-card .ant-card-body,.alerts-card .ant-card-body{padding:18px 0 0}.alerts-card .ant-card-body{display:flex;min-height:calc(100vh - 120px);flex-direction:column}.product-list-card .ant-card-body{display:flex;min-height:calc(100vh - 207px);flex-direction:column}.product-list-card .ant-table-wrapper,.alerts-card .ant-table-wrapper{flex:1}.alerts-card .ant-table-tbody>.ant-table-placeholder>td{height:calc(100vh - 340px)}.product-list-card .table-footer,.alerts-card .table-footer{margin-top:auto}.product-list-card .filter-grid,.alerts-card .alert-filters{padding-inline:20px}.product-list-card .ant-alert{margin:0 20px 16px}.product-cell{display:flex;align-items:center;gap:12px}.product-cell>div{display:flex;min-width:0;flex-direction:column}.product-cell b{display:-webkit-box;overflow:hidden;color:#172033;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-cell span,.cell-subtext{overflow:hidden;margin-top:5px;color:#8799b0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.price-text{color:#ff4d4f}.inline-number{width:118px!important}.collect-times{display:grid;gap:6px}.collect-times>span{color:#8799b0;font-size:11px}.sku-expand-table{margin:-8px 36px 8px}.unread-row>td{background:#f7fbff!important}.table-footer{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-height:58px;padding:10px 18px;border-top:1px solid #e4eaf2;color:#687890}.back-button{margin:-6px 0 4px -12px;color:#52627a}.summary-main{display:flex;gap:20px}.summary-copy{flex:1;min-width:0}.summary-copy .ant-typography{margin-top:0;margin-bottom:4px}.summary-metrics{display:flex;flex-wrap:wrap;gap:34px;margin:18px 0 12px}.summary-metrics .ant-statistic-title,.summary-metrics>div>.ant-typography{font-size:12px}.summary-metrics .ant-statistic-content{font-size:20px;font-weight:700}.chart-card .ant-card-body{padding:0 10px 8px}.detail-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sku-history-tools{display:flex;justify-content:flex-end;padding:0 0 14px}.sku-history-tools .ant-select{width:260px}.alert-filters{display:flex;gap:12px;padding-bottom:18px}.alert-filters .ant-select{width:160px}.alert-filters .filter-switch{align-items:flex-start}.guide-steps{width:100%}.guide-step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:18px}.guide-step:before{position:absolute;top:42px;bottom:-1px;left:21px;width:2px;background:#cbdcff;content:""}.guide-step:last-child:before{display:none}.step-marker{display:grid;z-index:1;width:36px;height:36px;margin:8px 0 0 4px;place-items:center;border-radius:50%;color:#fff;background:#4067df;box-shadow:0 3px 9px #365cdc4d;font-size:16px;font-weight:700}.guide-step .ant-card-body{min-height:120px}.guide-step li{margin:8px 0;color:#53627a}code{padding:2px 6px;border-radius:5px;color:#4388ef;background:#edf4ff}.faq-section{margin:38px 0 0 60px;padding-top:32px;border-top:1px solid #dce5ef}.faq-card .ant-card-body{padding:0}.faq-card .ant-menu{border-inline-end:0!important}.faq-card .ant-menu-item{height:auto;min-height:66px;margin:0;padding-block:14px;border-bottom:1px solid #e6ebf2;border-radius:0;line-height:1.5}.faq-item{display:flex;flex-direction:column;white-space:normal}.faq-item span{display:none;margin-top:8px;color:#718199;font-size:13px}.faq-card .ant-menu-item:hover .faq-item span{display:block}.settings-card,.settings-card .ant-input-number{width:100%}.toggle-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;min-height:68px;margin-bottom:10px;padding:11px 16px;border:1px solid #e1e7ef;border-radius:12px}.toggle-icon.green{color:#12a97b;background:#e9f9f3;font-size:17px;font-weight:800}.toggle-row>div:nth-child(2){display:flex;flex-direction:column}.toggle-row span{margin-top:4px;color:#7c8da7;font-size:13px}.email-settings,.notice-types{margin-top:12px;padding:16px;border:1px solid #e7edf4;border-radius:10px;background:#f8fafc}.checkbox-grid{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:14px}.strategy-group{display:grid;width:100%;gap:10px}.strategy-group .ant-radio-wrapper{align-items:flex-start;min-height:70px;margin:0;padding:14px 16px;border:1px solid #e1e7ef;border-radius:12px;transition:border-color .16s ease,background .16s ease}.strategy-group .ant-radio-wrapper-checked{border-color:#398ffc;background:#f7fbff}.strategy-group .ant-radio-wrapper>span:last-child,.strategy-group .ant-radio-wrapper>span:last-child>div{display:flex;flex:1;flex-direction:column}.strategy-group span{margin-top:4px;color:#78879b;font-size:12px}.sticky-save{width:100%;padding:18px 0 40px}.login-page{height:100vh;min-height:100vh;overflow:hidden;background:#f8fafc}.login-layout{display:grid;height:100%;min-height:100vh;grid-template-columns:minmax(640px,43%) 1fr}.login-panel{position:relative;z-index:2;display:flex;min-width:0;background:#fbfcfe;border-right:1px solid #e8edf4}.login-panel-inner{display:flex;width:min(calc(100% - 128px),480px);min-height:100%;flex-direction:column;margin:0 auto;padding:clamp(48px,6vh,68px) 0 48px}.login-panel .brand{height:auto;padding:0;border:0;justify-content:center}.login-panel .brand-mark{width:44px;height:44px;flex-basis:44px}.login-panel .brand-name{color:#101828;font-size:19px;letter-spacing:-.02em}.login-panel .brand-subtitle{display:none}.login-heading{margin-top:clamp(92px,14vh,152px);margin-bottom:38px}.login-heading h1.ant-typography{margin:0;color:#101828;font-size:38px;font-weight:650;letter-spacing:-.04em;line-height:1.14}.login-form .ant-form-item{margin-bottom:24px}.login-form .ant-form-item-label{padding-bottom:9px}.login-form .ant-form-item-label>label{height:auto;color:#344054;font-size:14px;font-weight:600}.login-form .ant-input-affix-wrapper{height:54px;padding-inline:16px;border-color:#d7dee8;border-radius:12px;background:#fff;box-shadow:0 1px 2px #10182808}.login-form .ant-input-affix-wrapper:hover{border-color:#8cb6ff}.login-form .ant-input-affix-wrapper-focused{border-color:#3d7ff2;box-shadow:0 0 0 3px #3d7ff21a}.login-form .ant-input-prefix{margin-inline-end:11px;color:#a5afbe}.login-form .ant-input{color:#202939;font-size:15px}.login-form .ant-btn{height:54px;margin-top:10px;border-radius:12px;font-size:15px;font-weight:650;letter-spacing:.12em;box-shadow:0 10px 24px #3579f633}.login-visual{position:relative;min-width:0;overflow:hidden;background:#edf4fc}.login-visual>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.app-loader{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:18px}@media(max-width:1280px){.filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.filter-actions{justify-content:flex-end}.detail-charts{grid-template-columns:1fr}}@media(max-width:980px){.login-layout{grid-template-columns:minmax(460px,52%) 1fr}.login-panel-inner{width:min(calc(100% - 80px),420px);padding-inline:0}}@media(max-width:768px){.login-layout{display:block}.login-panel{min-height:100vh;border-right:0}.login-panel-inner{width:min(100%,520px);padding:32px 34px 30px}.login-heading{margin-top:clamp(70px,13vh,120px)}.login-visual,.desktop-sider{display:none}.mobile-header{position:sticky;top:0;z-index:15;display:flex;height:56px;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #dce5ef;font-weight:700}.app-content{margin-left:0;padding:16px 12px 28px}.page-header{min-height:82px}.page-header h2.ant-typography{font-size:22px}.filter-grid{grid-template-columns:1fr 1fr}.search-filter,.filter-actions{grid-column:span 2}.filter-actions{justify-content:stretch}.filter-actions .ant-btn{flex:1}.table-footer{flex-direction:column;align-items:stretch}.table-footer .ant-pagination{overflow-x:auto;padding-bottom:4px}.summary-main{flex-direction:column}.summary-metrics{gap:20px}.alert-filters{flex-direction:column}.alert-filters .ant-select{width:100%}.guide-step{grid-template-columns:36px 1fr;gap:10px}.guide-step:before{left:17px}.step-marker{width:32px;height:32px;margin-left:1px}.faq-section{margin-left:0}}@media(max-width:520px){.login-panel-inner{padding-inline:24px}.login-heading{margin-bottom:34px}.login-heading h1.ant-typography{font-size:36px}.page-header{flex-direction:column;padding-bottom:16px}.filter-grid{grid-template-columns:1fr}.search-filter,.filter-actions{grid-column:auto}.product-list-card .filter-grid,.alerts-card .alert-filters{padding-inline:14px}.product-summary .ant-card-body{padding:16px}.summary-metrics{display:grid;grid-template-columns:1fr 1fr}.toggle-row{grid-template-columns:38px 1fr auto;padding-inline:12px}.toggle-icon{width:38px;height:38px}}