:root{--color-primary:#6d4cff;--color-primary-deep:#1f1647;--color-page-bg:#f5f6fa;--color-card-bg:#fff;--color-text:#1f2430;--color-subtext:#6b7280;--color-border:#e9eaf0;--color-border-soft:#eef0f6;--radius-xl:24px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--shadow-card:0 10px 30px #1f164714;--shadow-drawer:-20px 0 40px #130e331f;color:#1f2430;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}.app-shell{align-items:stretch;height:100%;min-height:100%;max-height:100%;display:flex;overflow:hidden}.sidebar{background:var(--color-primary-deep);color:#f4f1ff;box-sizing:border-box;flex-direction:column;flex-shrink:0;align-self:stretch;gap:16px;width:232px;height:100%;min-height:0;max-height:100%;padding:20px 14px;display:flex;overflow:hidden}.brand{border-bottom:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:12px;padding:6px 6px 12px;display:flex}.brand-link{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.brand-badge{border-radius:var(--radius-sm);background:var(--color-primary);place-items:center;width:32px;height:32px;font-weight:700;display:grid}.brand strong{font-size:16px;display:block}.brand small{opacity:.7;font-size:12px}.menu-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;min-height:0;margin-right:-4px;padding-right:4px;display:flex;overflow:hidden auto}.menu-list::-webkit-scrollbar{width:6px}.menu-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.menu-list::-webkit-scrollbar-track{background:0 0}.menu-group{gap:6px;display:grid}.menu-group-title{color:#b9b2df;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0 8px;font-size:12px;display:flex}.menu-group-title:hover{color:#ddd8ff}.menu-group-caret{color:#9e96cb;margin-left:auto;transition:transform .15s}.menu-group-caret.collapsed{transform:rotate(-90deg)}.menu-group-icon{color:#fff;background:#ffffff24;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.menu-group-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.submenu-list{gap:4px;display:grid}.submenu-list.collapsed{display:none}.menu-item{color:#dfd9ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;width:100%;padding:10px 14px 10px 34px;font-size:13px}.menu-item-content{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.menu-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;line-height:1;display:inline-flex}.menu-item-with-icon{color:#b9b2df;border-radius:10px;align-items:center;gap:8px;padding:2px 8px;font-size:12px;display:flex}.menu-item-with-icon:hover{color:#ddd8ff}.menu-item-with-icon.active{color:#fff}.menu-item.active{color:#fff;background:#3f2f91}.menu-item:hover{background:#32267a}.content-shell{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;min-height:0;padding:16px 16px 18px;display:flex;overflow:hidden}.topbar{z-index:10;background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:relative}.topbar-breadcrumb{flex:1;min-width:0}.breadcrumb-list{color:#6b7280;flex-wrap:wrap;align-items:center;gap:0 2px;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.4;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.breadcrumb-sep{color:#c4c9d6;-webkit-user-select:none;user-select:none}.breadcrumb-link{font:inherit;color:#6d4cff;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:#2f3550}.breadcrumb-static{color:#6b7280}.editor-footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-actions{z-index:1;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.topbar-notify-btn{color:#374151;cursor:pointer;background:#fff;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 1px 2px #0f172a0f}.topbar-notify-btn:hover{background:#f9fafb}.topbar-notify-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.topbar-org-chip{color:#48526a;white-space:nowrap;background:#f7f8fc;border:1px solid #e8ebf5;border-radius:12px;align-items:center;height:40px;padding:0 12px;font-size:13px;display:inline-flex}.topbar-user-menu{position:relative}.topbar-user-trigger{color:inherit;cursor:pointer;font:inherit;text-align:left;background:#f3f4f6;border:0;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:background .15s;display:flex}.topbar-user-trigger:hover{background:#e5e7eb}.topbar-user-text{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-user-text strong{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.topbar-user-text small{color:#6b7280;font-size:12px;line-height:1.2}.topbar-user-caret{color:#4b5563;margin-left:2px;transition:transform .15s;display:flex}.topbar-user-caret.open{transform:rotate(180deg)}.topbar-user-dropdown{z-index:50;background:#fff;border-radius:12px;min-width:188px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #0f172a1f,0 2px 10px #0f172a0f}.topbar-user-dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;display:flex}.topbar-user-dropdown-item:hover{background:#f3f4f6}.topbar-user-dropdown-icon{color:#6b7280;flex-shrink:0;display:flex}.topbar-role-switch-list{gap:12px;margin-top:4px;display:grid}.topbar-role-switch-option{cursor:pointer;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:6px 2px;display:grid}.topbar-role-switch-radio{place-self:center start;min-width:16px;display:block;width:16px!important;height:16px!important;margin:0!important}.topbar-role-switch-text{color:#374151;font-size:14px;line-height:1.35}.topbar-pwd-form{flex-direction:column;gap:14px;display:flex}.topbar-pwd-form label{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.topbar-pwd-form input{box-sizing:border-box;width:100%}.user-pill{background:#f3efff;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.avatar{background:var(--color-primary);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.avatar-sm{color:#5e48d7;background:#eceefd;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-grid}.avatar-sm-image{object-fit:cover}.avatar-upload-wrap{align-items:center;gap:10px;display:flex}.avatar-upload-preview{flex-shrink:0}.avatar-picker-center{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.avatar-picker-center small{color:#79839b;font-size:12px}.avatar-picker-btn{color:#5e48d7;cursor:pointer;background:#f8f9fe;border:1px dashed #c8cee0;border-radius:50%;place-items:center;width:84px;height:84px;font-size:24px;font-weight:700;display:grid;overflow:hidden}.avatar-picker-btn:hover{background:#f2efff;border-color:#6d4cff}.avatar-picker-btn input{display:none}.avatar-picker-image{object-fit:cover;width:100%;height:100%}.user-pill strong,.user-pill small{display:block}.user-pill small{color:#6b7280;font-size:12px}.page-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin-top:16px;overflow:hidden auto}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-thumb{background:#1f16472e;border-radius:999px}.page-content::-webkit-scrollbar-track{background:0 0}.page-stack{flex-direction:column;gap:16px;display:flex}.card{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:16px}.card-title{margin:0 0 12px;font-size:16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-card{border-radius:18px}.kpi-card-clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.kpi-card-clickable:hover{transform:translateY(-1px);box-shadow:0 8px 22px #1e37781f}.kpi-label{color:var(--color-subtext);margin:0;font-size:13px}.kpi-value{margin:8px 0;font-size:30px;font-weight:700}.kpi-sub{color:#8a90a3;margin:0}.split-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fake-chart{flex-direction:column;gap:10px;display:flex}.bar{color:#fff;background:linear-gradient(90deg,#6d4cff,#917bff);border-radius:999px;padding:10px 14px;font-size:13px}.risk-list,.todo-list{color:#4d5467;margin:0;padding-left:20px}.script-list{color:#4d5467;gap:8px;margin:0;padding-left:22px;display:grid}.quick-links{flex-wrap:wrap;gap:10px;display:flex}.placeholder-text{color:#5e667f;margin:0;line-height:1.6}.empty-state{text-align:center;background:#fbfbff;border:1px dashed #d9deed;border-radius:16px;padding:26px 16px}.empty-state strong{color:#2f3550;display:block}.empty-state p{color:#707a92;margin:8px 0 0;font-size:13px}.todo-list li{border-bottom:1px solid #f1f2f7;grid-template-columns:180px 1fr 120px 180px;padding:10px 0;list-style:none;display:grid}.todo-list li:last-child{border-bottom:0}.filter-card{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}label{color:#535b70;flex-direction:column;gap:6px;font-size:13px;display:flex}.required-mark{color:#ef4444;margin-left:2px}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #dfe3ed;border-radius:12px;height:38px;padding:0 10px;font-family:inherit;font-size:14px}textarea{height:auto;padding:10px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#6d4cff;outline:2px solid #6d4cff33}input[type=checkbox]{accent-color:#4f46e5;vertical-align:middle;width:18px;height:18px;margin:0}input[type=checkbox]:focus{outline:none}.list-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:10px;display:flex}.section-head h3{margin:0}.actions-row{gap:10px;display:flex}.date-range-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.date-range-row span{color:#8a90a3;font-size:12px}.date-range-row input[type=date],.filter-card input[type=date]{width:100%;min-width:0}.btn{cursor:pointer;border:0;border-radius:12px;height:38px;padding:0 16px;font-size:14px}.btn:disabled{cursor:not-allowed;opacity:.45}.btn.primary{background:var(--color-primary);color:#fff}.btn.ghost{color:#453a7c;background:#f4f5fb}.btn.danger{color:#d62f2f;background:#feecec}.btn.tiny{border-radius:10px;height:30px;padding:0 10px;font-size:12px}.table-wrap{overflow:auto}.batch-table input,.batch-table select{width:100%;min-width:130px;height:34px;padding:0 6px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.batch-table input:focus,.batch-table select:focus{box-shadow:none!important;border:none!important;outline:none!important}.batch-image-cell{align-items:center;gap:6px;width:max-content;display:inline-flex}.batch-image-upload-btn{color:#5f55a4;cursor:pointer;background:#f5f3ff;border:1px dashed #ccd3ea;border-radius:6px;justify-content:center;align-items:center;width:40px;height:30px;font-size:12px;display:inline-flex}.batch-image-upload-btn input{display:none}.batch-image-preview-list{flex-wrap:nowrap;gap:4px;display:flex}.batch-image-thumb-wrap{flex:none;position:relative}.batch-image-thumb-wrap img{object-fit:cover;border:1px solid #dce2f2;border-radius:6px;width:40px;height:30px}.batch-table th:nth-child(2),.batch-table td:nth-child(2){min-width:170px}.batch-table th,.batch-table td{border-right:1px solid #e8ebf5}.batch-table th:last-child,.batch-table td:last-child{border-right:none}.batch-table th:last-child{z-index:3;background:#f8f9fd;position:sticky;right:0}.batch-table td:last-child{z-index:2;background:#fff;position:sticky;right:0;box-shadow:-1px 0 #e8ebf5}.pagination-bar{color:#667089;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;display:flex}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;border-bottom:1px solid var(--color-border-soft);white-space:nowrap;padding:12px 10px;font-size:13px}th{color:#646f85;background:#f8f9fd}.cell-actions{gap:8px;display:flex}.multi-line-ellipsis{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;max-width:280px;line-height:1.4;display:-webkit-box;overflow:hidden}.detail-block{background:#fafbff;border:1px solid #eceffd;border-radius:12px;margin-bottom:10px;padding:12px}.detail-block h4{margin:0 0 8px;font-size:14px}.detail-block p{color:#4f5870;white-space:pre-wrap;margin:6px 0 0}.switch-control{width:42px;height:24px;display:inline-flex;position:relative}.switch-control input{opacity:0;width:0;height:0}.switch-control span{background:#d6d9e5;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch-control span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.switch-control input:checked+span{background:#6d4cff}.switch-control input:checked+span:after{transform:translate(18px)}.perm-tree{background:#fafbff;border:1px solid #e5e7f0;border-radius:12px;max-height:280px;margin-top:8px;padding:10px 12px;overflow:auto}.perm-group{border-bottom:1px dashed #e5e7f0;padding:8px 0}.perm-group:last-child{border-bottom:none}.perm-group-head{color:#343b54;flex-direction:row;align-items:center;gap:8px;font-weight:600;display:flex}.perm-group-head small{color:#7f869d;font-weight:400}.perm-children{gap:6px;margin:8px 0 0 24px;display:grid}.perm-item{flex-direction:row;align-items:center;gap:8px;display:flex}.form-error{color:#dc2626;margin:10px 0 0;font-size:13px}.status{white-space:nowrap;border-radius:999px;flex:none;align-items:center;width:fit-content;max-width:max-content;padding:4px 10px;font-size:12px;display:inline-flex}.status.success{color:#15803d;background:#dcfce7}.status.warning{color:#b45309;background:#fef3c7}.status.neutral{color:#1d4ed8;background:#dbeafe}.status.muted{color:#6b7280;background:#f3f4f6}.modal-mask{z-index:200;background:#15102e59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:22px;width:min(760px,100%);padding:16px}.modal-panel--compact{width:min(380px,100%)}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h3{margin:0}.modal-close{color:#707a92;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s;display:grid}.modal-close:hover{color:#6d4cff;background:#eceefd}.modal-close:focus-visible{outline-offset:2px;outline:2px solid #6d4cff59}.modal-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal-body{padding:12px 0}.modal-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=520px){.modal-body .form-grid{grid-template-columns:1fr}}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid div{background:#f7f8fc;border-radius:14px;padding:12px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:#788199;font-size:12px}.detail-grid strong{margin-top:6px}.full-width{margin-top:12px}.modal-body .form-grid>.full-width{grid-column:1/-1}.drawer-wrap{z-index:200;pointer-events:none;position:fixed;inset:0}.drawer-wrap.open{pointer-events:auto}.drawer-mask{opacity:0;background:#17113057;transition:opacity .2s;position:absolute;inset:0}.drawer-panel{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:min(560px,96vw);height:100%;box-shadow:var(--shadow-drawer);background:#fff;flex-direction:column;transition:transform .22s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.drawer-panel.publish-record-drawer{width:min(980px,98vw)}.drawer-panel.ai-assistant-drawer{width:min(640px,96vw)}.ai-fab{color:#fff;cursor:pointer;z-index:230;background:linear-gradient(135deg,#6d4cff,#8a66ff);border:0;border-radius:50%;place-items:center;width:58px;height:58px;animation:1.8s ease-in-out infinite aiFabPulse;display:grid;position:fixed;bottom:38px;right:34px;box-shadow:0 12px 26px #4d3abf59}.ai-fab:hover{transform:translateY(-1px)}.ai-fab.hidden{opacity:0;pointer-events:none}@keyframes aiFabPulse{0%{transform:scale(1);box-shadow:0 12px 26px #4d3abf47}50%{transform:scale(1.06);box-shadow:0 12px 30px #4d3abf73}to{transform:scale(1);box-shadow:0 12px 26px #4d3abf47}}.ai-chat-wrap{flex-direction:column;gap:8px;height:calc(100vh - 120px);display:flex}.ai-presets{flex-wrap:wrap;gap:8px;display:flex}.ai-preset-btn{color:#40507a;cursor:pointer;background:#f8faff;border:1px solid #e0e5f5;border-radius:999px;padding:7px 12px;font-size:12px}.ai-messages{flex:1;align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.ai-msg-row{align-items:flex-end;gap:8px;display:flex}.ai-msg-row.user{justify-content:flex-end}.ai-msg-row.assistant{justify-content:flex-start}.ai-avatar{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-grid}.ai-avatar.assistant{color:#4f5fd1;background:#e7ecff}.ai-avatar.user{color:#fff;background:#5e48d7}.ai-msg{border-radius:12px;max-width:calc(100% - 42px);padding:8px 10px;font-size:13px;line-height:1.4}.ai-msg.user{background:#eef1ff;margin-left:auto}.ai-msg.assistant{background:#f6f8fc;margin-right:auto}.ai-msg p{margin:0}.ai-result-card{background:#fff;border:1px solid #e9edf8;border-radius:10px;margin-top:6px;overflow:auto}.ai-mini-table{border-collapse:collapse;width:100%}.ai-mini-table th,.ai-mini-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef1f8;padding:6px 8px;font-size:12px}.ai-clickable-row{cursor:pointer}.ai-clickable-row:hover{background:#f7f9ff}.ai-input-bar{border-top:1px solid #e8ecf7;grid-template-columns:1fr auto;gap:8px;padding-top:8px;display:grid}.ai-product-card{background:#fff;border:1px solid #e7eaf5;border-radius:10px;grid-template-columns:86px 1fr;gap:8px;margin-top:6px;padding:6px;display:grid}.ai-product-card img{object-fit:cover;border:1px solid #e4e7f4;border-radius:8px;width:86px;height:66px}.ai-product-meta{gap:1px;display:grid}.ai-product-meta strong{color:#1f2a44;font-size:13px}.ai-product-meta span{color:#56607a;font-size:12px}.ai-product-meta em{color:#2b8a3e;font-size:12px;font-style:normal}.ai-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.ai-compare-card{background:#fff;border:1px solid #e7ebf7;border-radius:10px;gap:2px;padding:6px;display:grid}.ai-clickable-card{cursor:pointer;transition:transform .12s,box-shadow .12s}.ai-clickable-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1e37781f}.ai-compare-card img{object-fit:cover;border:1px solid #e5eaf7;border-radius:8px;width:100%;height:90px}.ai-compare-card strong{color:#1f2a44;font-size:13px}.ai-compare-card span{color:#59637d;font-size:12px}.ai-trend-card{background:#fff;border:1px solid #e7ebf7;border-radius:10px;margin-top:6px;padding:6px}.ai-trend-title{color:#3f4b66;margin-bottom:6px;font-size:12px}.ai-trend-svg{background:#fafbff;border-radius:8px;width:100%;height:150px}.drawer-wrap:not(.open) .drawer-mask,.drawer-wrap:not(.open) .drawer-panel{pointer-events:none}.drawer-wrap.open .drawer-mask{opacity:1}.drawer-wrap.open .drawer-panel{transform:translate(0)}.drawer-header{border-bottom:1px solid #eef0f6;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.drawer-header h3{margin:0}.drawer-body{padding:16px;overflow:auto}.toast-wrap{z-index:220;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#2d245f;border-radius:999px;padding:10px 16px;font-size:13px;box-shadow:0 10px 30px #1a104b40}.skeleton-wrap{gap:10px;display:grid}.skeleton-line{background:linear-gradient(90deg,#f0f2fb,#e6e9f7,#f0f2fb) 0 0/200% 100%;border-radius:999px;height:18px;animation:1.1s linear infinite skeleton-move}.skeleton-line:first-child{width:95%}.skeleton-line:nth-child(2){width:72%}.skeleton-line:nth-child(3){width:88%}.skeleton-line:nth-child(4){width:64%}.skeleton-line:nth-child(5){width:90%}.skeleton-line:nth-child(6){width:78%}.error-state{text-align:center}.error-state strong{color:#c93636;display:block}.error-state p{color:#6f7891;margin:8px 0 16px}@keyframes skeleton-move{0%{background-position:0 0}to{background-position:-200% 0}}.stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.step-item{background:#fff;border:1px solid #e9eaf0;border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.step-item span{color:#6d4cff;background:#eceefd;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.step-item strong{font-size:14px}.step-item.active{background:#f4f0ff;border-color:#6d4cff}.upload-box,.preview-box{background:#fafbff;border:1px dashed #d7dbee;border-radius:16px;padding:18px}.image-thumb-btn{cursor:pointer;background:0 0;border:none;padding:0}.image-thumb{object-fit:cover;border:1px solid #dce2f2;border-radius:8px;width:54px;height:40px}.image-preview-wrap{justify-content:center;display:flex}.image-preview-large{object-fit:contain;border-radius:12px;width:min(100%,680px);max-height:62vh}.import-modal-actions{align-items:center;gap:10px;margin-bottom:12px;display:flex}.import-file-btn{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.import-file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-file-name{color:#6b7280;font-size:13px}.export-preview-card{background:#f3f4f9;overflow:auto}.a4-canvas-wrap{flex-direction:column;align-items:center;gap:16px;min-width:1123px;display:flex}.a4-landscape{box-sizing:border-box;background:#fff;border:1px solid #e5e7f0;width:1123px;min-height:794px;padding:24px;box-shadow:0 8px 24px #0f172a14}.export-table{border-collapse:collapse;min-width:100%}.export-table th,.export-table td{white-space:nowrap;border:1px solid #e5e7f0;padding:8px 10px;font-size:12px}.export-table th{background:#f8f9fd}.export-thumb{object-fit:cover;border:1px solid #dce2f2;border-radius:6px;width:56px;height:40px}.product-image-upload{background:#fafbff;border:1px dashed #d7dbee;border-radius:14px;align-items:center;gap:8px;padding:12px;display:flex;overflow-x:auto}.form-grid>.product-image-row{grid-column:1/-1;margin-top:0}.product-image-upload-btn{color:#574b95;cursor:pointer;background:#f5f3ff;border:1px solid #dfe3ed;border-radius:10px;justify-content:center;align-items:center;width:88px;height:62px;font-size:14px;display:inline-flex}.product-image-upload-btn input{display:none}.product-image-preview-list{flex-wrap:nowrap;gap:8px;display:flex}.product-image-upload small{white-space:nowrap}.product-image-thumb-wrap{position:relative}.product-image-preview-list img{object-fit:cover;border:1px solid #dce2f2;border-radius:8px;width:88px;height:62px}.product-image-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:1;position:absolute;top:-6px;right:-6px}.detail-image-list{gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.detail-image-list img{object-fit:cover;border:1px solid #dce2f2;border-radius:10px;width:120px;height:84px}.compare-table-wrap{overflow:auto}.compare-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.compare-slot-grid label{color:#6b7280;gap:6px;font-size:13px;display:grid}.compare-table{border-collapse:collapse;width:100%;min-width:980px}.compare-table th,.compare-table td{text-align:left;vertical-align:top;background:#fff;border:1px solid #eef1f7;padding:12px}.compare-table thead th{background:#fafbff}.compare-label-col{color:#6b7280;width:180px;min-width:180px;font-weight:600}.compare-product-head{align-items:flex-start;gap:10px;display:flex}.compare-cover{object-fit:cover;background:#f5f7fb;border:1px solid #dce2f2;border-radius:8px;flex-shrink:0;width:78px;height:58px}.compare-cover-empty{color:#9aa3b5;place-items:center;font-size:12px;display:grid}.compare-select-btn{cursor:pointer}.compare-product-meta{gap:4px;display:grid}.compare-product-meta strong{color:#101828}.compare-product-meta span{color:#4b5565;font-size:13px}.compare-head-actions{gap:6px;margin-top:4px;display:flex}.compare-picker-modal{width:min(1180px,96vw)}.compare-picker-modal .modal-body .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-picker-modal .table-wrap{overflow:auto}.compare-picker-table-wrap{margin-top:12px}.account-setting-card{width:100%}.account-setting-header{margin-bottom:8px}.account-avatar-row{align-items:center;gap:10px;display:flex}.account-avatar-block{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:8px 0 18px;display:flex}.account-avatar-block small{color:#7d869b;font-size:12px}.account-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.account-setting-grid label{flex-direction:column;gap:6px;display:flex}.account-password-row{align-items:center;gap:10px;display:flex}.account-password-inline{position:relative}.account-password-inline input{padding-right:86px}.account-password-link{color:#5e48d7;cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.account-password-link:hover{color:#4e3aca}.account-setting-footer{justify-content:center;margin-top:16px;display:flex}.report-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-top-grid,.report-mid-grid{grid-template-columns:1.2fr 1fr}.report-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.report-filter-row label{min-width:170px}.line-chart-wrap{background:#fafbff;border:1px solid #edf0f8;border-radius:12px;padding:10px;position:relative}.line-chart-svg{width:100%;height:220px}.line-x-labels{color:#7a839a;justify-content:space-between;gap:8px;font-size:12px;display:flex}.report-tooltip{color:#fff;background:#1f2a44;border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:12px}.rank-bars{gap:10px;display:grid}.rank-row{border-radius:8px;grid-template-columns:140px 1fr auto;align-items:center;gap:10px;padding:4px 6px;transition:transform .15s,background .15s;display:grid}.rank-row.active{background:#f6f8ff;transform:translate(2px)}.rank-name{color:#4b5565;font-size:13px}.rank-bar-track{background:#eef2ff;border-radius:999px;height:12px;overflow:hidden}.rank-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%}.donut-wrap{grid-template-columns:180px 1fr;align-items:center;gap:16px;display:grid}.donut-svg{width:180px;height:180px}.donut-center-num{fill:#2b3348;font-size:22px;font-weight:700}.donut-center-sub{fill:#7a839a;font-size:12px}.donut-chart-empty{color:#9aa3b5;background:#f3f5fb;border-radius:50%;place-items:center;width:180px;height:180px;font-size:13px;display:grid}.donut-legend{gap:8px;display:grid}.legend-item{border-radius:6px;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:2px 4px;font-size:13px;transition:background .15s;display:grid}.legend-item.active{background:#f6f8ff}.legend-item i{border-radius:50%;width:10px;height:10px;display:inline-block}.report-detail-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.seg-tabs{flex-wrap:wrap;gap:8px;display:flex}.sortable-th-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.sortable-th-btn span{color:#8b93a7;font-size:12px}@media (width<=1080px){.compare-picker-modal .modal-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-setting-grid{grid-template-columns:1fr}}.login-page{box-sizing:border-box;background:linear-gradient(160deg,#eef0fb 0%,#e8e4f8 45%,#f4f2fb 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-page-card{background:#fff;border-radius:20px;width:min(1040px,100%);min-height:min(560px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 48px #4f468c1f,0 4px 16px #4f468c0f}.login-page-visual{flex:0 0 38%;min-width:0;min-height:420px;position:relative}.login-page-visual-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.login-page-visual-overlay{background:linear-gradient(#1e164659 0%,#1e1646bf 100%);position:absolute;inset:0}.login-page-visual-inner{z-index:1;color:#fff;box-sizing:border-box;flex-direction:column;justify-content:flex-start;height:100%;min-height:420px;padding:28px 24px 32px;display:flex;position:relative}.login-page-brand-mark{align-items:center;gap:10px;display:flex}.login-page-brand-icon{background:#ffffff2e;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.login-page-brand-text{letter-spacing:.02em;font-size:18px;font-weight:700}.login-page-form-wrap{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:40px 36px 48px;display:flex}.login-page-form-inner{width:100%;max-width:360px}.login-page-title{color:#111827;letter-spacing:-.02em;margin:0 0 10px;font-size:28px;font-weight:700}.login-page-subtitle{color:#6b7280;margin:0 0 32px;font-size:14px;line-height:1.55}.login-page-form{flex-direction:column;gap:22px;display:flex}.login-field{background:0 0;border:0;margin:0;padding:0;display:block}.login-field input{box-sizing:border-box;color:#111827;background:#fff;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;outline:none;width:100%;padding:10px 0 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-bottom-color:var(--color-primary,#6d5ae6);box-shadow:0 1px 0 0 var(--color-primary,#6d5ae6)}.login-field input::placeholder{color:#9ca3af}.login-submit{color:#fff;cursor:pointer;background:var(--color-primary,#6d5ae6);border:0;border-radius:12px;width:100%;margin-top:12px;padding:14px 20px;font-size:15px;font-weight:600;transition:filter .15s,transform .1s;box-shadow:0 8px 20px #6d5ae659}.login-submit:hover{filter:brightness(1.05)}.login-submit:active{transform:translateY(1px)}@media (width<=1280px){.kpi-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.login-page-card{flex-direction:column;min-height:0}.login-page-visual{flex:none;min-height:220px}.login-page-visual-inner{min-height:220px}.login-page-quote p{font-size:1.1rem}.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;max-height:min(420px,50dvh)}.split-grid{grid-template-columns:1fr}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}