body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ant-table-tbody>tr>td{padding:16px;height:52px}.ant-table-tbody>tr.ant-table-measure-row,.ant-table-tbody>tr.ant-table-measure-row>td{height:0!important;padding:0!important;border:0!important;line-height:0!important;font-size:0!important}.ant-table-thead>tr>th{padding:12px 16px;font-weight:600}.rich-text-content{font-size:14px;line-height:1.7;color:#333;word-wrap:break-word;word-break:break-word}.rich-text-content img{max-width:100%!important;height:auto!important;display:block;margin:8px 0;border-radius:4px}.rich-text-content p{margin:0 0 8px}.rich-text-content h1{font-size:22px;margin:16px 0 8px}.rich-text-content h2{font-size:20px;margin:14px 0 8px}.rich-text-content h3{font-size:18px;margin:12px 0 6px;font-weight:600;color:#222}.rich-text-content h4{font-size:16px;margin:10px 0 6px;font-weight:600;color:#333}.rich-text-content h5,.rich-text-content h6{font-size:15px;margin:10px 0 4px;font-weight:600}.rich-text-content table{max-width:100%;border-collapse:collapse;margin:8px 0}.rich-text-content table img{max-width:100%!important}.rich-text-content ul,.rich-text-content ol{padding-left:24px;margin:8px 0}.rich-text-content li{margin-bottom:4px}.rich-text-content blockquote{border-left:3px solid #ddd;padding-left:12px;color:#666;margin:8px 0}:root{--primary: #0d9488;--primary-light: #2dd4bf;--primary-dark: #134e4a;--cta: #f97316;--cta-hover: #ea580c;--bg: #f0fdfa;--bg-dark: #e6f7f5;--bg-card: #fff;--text: #134e4a;--text-light: #5f7470;--border: #ccfbf1;--shadow: 0 4px 20px rgba(13, 148, 136, .08);--shadow-hover: 0 8px 30px rgba(13, 148, 136, .12);--radius: 16px;--radius-sm: 10px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text)}.basic-layout{min-height:100vh}.basic-layout .logo{height:64px;line-height:64px;text-align:center;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;letter-spacing:-.02em}.basic-layout .app-content{margin:0;padding:32px;background:var(--bg);min-height:calc(100vh - 64px);overflow-y:auto;height:calc(100vh - 64px);min-width:0;overflow:auto}.basic-layout .app-sider{background:var(--bg-card);box-shadow:2px 0 20px #0d948814;position:fixed;inset:0 auto 0 0;height:100vh;overflow:auto}.navigation-menu.ant-menu.ant-menu-light{background:transparent;border-inline-end:none;padding:16px 8px}.navigation-menu.ant-menu .ant-menu-item,.navigation-menu.ant-menu>.ant-menu-submenu>.ant-menu-submenu-title{margin:4px 0;border-radius:var(--radius-sm);padding-left:20px;height:48px;line-height:48px;transition:all var(--transition)}.navigation-menu.ant-menu>.ant-menu-item,.navigation-menu.ant-menu>.ant-menu-submenu>.ant-menu-submenu-title{background:#0d94880d;font-weight:600}.navigation-menu.ant-menu>.ant-menu-submenu-selected>.ant-menu-submenu-title{background:linear-gradient(135deg,#0d94881a,#2dd4bf1a);color:var(--primary);font-weight:600}.navigation-menu.ant-menu .ant-menu-sub{background:transparent}.navigation-menu.ant-menu .ant-menu-sub .ant-menu-item:not(.ant-menu-item-selected){font-weight:500}.navigation-menu.ant-menu .ant-menu-item-selected{background:linear-gradient(135deg,#0d94881a,#2dd4bf1a);color:var(--primary);font-weight:600}.navigation-menu.ant-menu .ant-menu-item-selected:after{display:none}.navigation-menu.ant-menu .ant-menu-item:hover:not(.ant-menu-item-selected){background:#0d94880d;color:var(--primary)}.basic-layout .app-header{background:var(--bg-card);padding:0 32px;display:flex;justify-content:flex-end;align-items:center;box-shadow:0 2px 8px #0d94880f;border-bottom:1px solid var(--border);height:64px;line-height:64px;position:sticky;top:0;z-index:10}.basic-layout .app-header.ant-layout-header{height:64px;line-height:64px;padding:0 32px}.basic-layout .app-header .header-right{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.basic-layout .app-header .user-info{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-sizing:border-box}.basic-layout .app-header .user-info:hover{background:#0d94880d}.basic-layout .app-header .user-info .ant-avatar{flex:0 0 auto}.basic-layout .app-header .user-info .username{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--text);font-size:14px;line-height:32px;white-space:nowrap}.ant-table{background:transparent!important;border-radius:var(--radius);overflow:hidden}.ant-table-thead>tr>th{background:var(--bg-dark)!important;color:var(--text-light)!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)!important;padding:16px 20px!important}.ant-table-tbody>tr>td{padding:20px!important;border-bottom:1px solid var(--border)!important;transition:background var(--transition);background:var(--bg-card)!important}.ant-table-tbody>tr{border-radius:var(--radius)}.ant-table-tbody>tr:hover>td{background:#f0fdfa!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-table-wrapper .ant-table-pagination{margin:20px 0 0;padding:0}.ant-btn-primary{background:var(--cta)!important;border-color:var(--cta)!important;font-weight:500;border-radius:var(--radius-sm);height:40px;padding:0 24px;transition:all var(--transition);box-shadow:0 4px 12px #f9731640}.ant-btn-primary:hover{background:var(--cta-hover)!important;border-color:var(--cta-hover)!important;transform:translateY(-2px);box-shadow:0 6px 16px #f9731659}.ant-btn{border-radius:var(--radius-sm);font-weight:500;height:36px;padding:0 16px;transition:all var(--transition)}.ant-btn-link{font-weight:500;color:var(--primary);height:auto;padding:0}.ant-btn-link:hover{color:var(--primary-light)}.ant-tag{font-weight:600;border-radius:20px;padding:4px 12px;font-size:12px;border:none}.ant-modal-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)!important;border-bottom:none!important;padding:14px 20px!important}.ant-modal-header .ant-modal-title{color:#fff!important;font-size:16px!important;font-weight:600!important}.ant-modal-close{position:absolute!important;top:16px!important;right:16px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff3!important;display:flex!important;align-items:center!important;justify-content:center!important}.ant-modal-close-x{color:#fff!important;font-size:16px!important;line-height:1!important}.ant-modal-close:hover{background:#ffffff4d!important}.ant-modal-body{padding:16px 20px!important}.ant-modal-footer{border-top:1px solid var(--border)!important;padding:12px 20px!important}.ant-modal-confirm-body .ant-modal-confirm-title{font-weight:600;color:var(--text)}.ant-form-item-label>label{font-weight:600;color:var(--primary-dark)!important;font-size:14px}.ant-input,.ant-input-number,.ant-select-selector{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;padding:10px 14px!important;font-size:14px!important;transition:all var(--transition)!important;box-shadow:none!important}:is(.ant-input,.ant-input-number,.ant-select-selector):hover{border-color:var(--primary-light)!important}:is(.ant-input,.ant-input-number,.ant-select-selector):focus,:is(.ant-input,.ant-input-number,.ant-select-selector):focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.ant-input-textarea textarea{border-radius:var(--radius-sm)!important}.ant-select-dropdown{border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-hover)!important}.ant-select-item-option-selected{background:#0d94881a!important}.ant-switch{background:#e5e7eb!important;border-radius:16px!important}.ant-switch:after{border-radius:50%!important;width:18px!important;height:18px!important;background:#fff!important;box-shadow:0 2px 4px #00000026!important}.ant-switch-checked{background:var(--primary)!important;border-radius:16px!important}.ant-switch-checked:after{left:24px!important}.ant-pagination-item-active{border-color:var(--primary)!important}.ant-pagination-item-active a{color:var(--primary)!important}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link,.ant-pagination-item{border-radius:var(--radius-sm)!important}.ant-popconfirm .ant-popover-inner{border-radius:var(--radius);box-shadow:var(--shadow-hover)}.ant-upload-drag{border:2px dashed var(--border)!important;border-radius:var(--radius)!important;background:var(--bg)!important;transition:all var(--transition)!important}.ant-upload-drag:hover{border-color:var(--primary)!important;background:#0d948805!important}.ant-upload-drag-icon{color:var(--primary)!important}.ant-upload-text{color:var(--text-light)!important;font-weight:500!important}.ant-spin-fullscreen{background:var(--bg)}.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.ant-select-selection-item{font-weight:500}.ant-message .ant-message-notice-content{border-radius:var(--radius-sm);box-shadow:var(--shadow-hover)}.basic-layout .app-main-layout{min-width:0;margin-left:200px}.mobile-menu-button,.mobile-header-brand{display:none}@media(max-width:768px){.basic-layout{min-height:100dvh}.basic-layout .app-main-layout{width:100%;min-width:0;margin-left:0;padding-top:calc(56px + env(safe-area-inset-top))}.basic-layout .app-header.ant-layout-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:100vw;z-index:100;min-height:calc(56px + env(safe-area-inset-top));height:auto;padding:env(safe-area-inset-top) 12px 0;line-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.basic-layout .mobile-menu-button,.basic-layout .mobile-header-brand{display:inline-flex}.basic-layout .mobile-header-brand{align-items:center;justify-content:center;font-weight:600}.basic-layout .mobile-menu-button{justify-self:start}.basic-layout .header-right{width:100%;min-width:0;justify-self:end;justify-content:flex-end}.basic-layout .user-info{padding-inline:4px}.basic-layout .app-content{width:100%;height:auto;min-height:calc(100dvh - 56px - env(safe-area-inset-top));overflow-x:hidden;overflow-y:visible}}@media(max-width:768px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.basic-layout .app-content{width:100%;max-width:100%;min-width:0;padding:16px 12px 24px;overflow-x:hidden}.basic-layout :is(.page-header-new,.knowledge-page-header,.chapters-page-header){margin-bottom:20px}.basic-layout :is(.page-header-new,.knowledge-page-header,.chapters-page-header) h2{overflow-wrap:anywhere}.basic-layout :is(.table-card,.knowledge-table-card,.chapters-table-card,.settings-card,.logs-card){width:100%;max-width:100%;min-width:0}.basic-layout :is(.table-header,.knowledge-table-header,.chapters-table-header){flex-direction:column;align-items:stretch;gap:12px;padding:16px}.basic-layout :is(.table-actions,.knowledge-table-actions,.chapters-table-actions){width:100%;max-width:100%;min-width:0;display:flex;align-items:stretch;flex-wrap:wrap;gap:10px}.basic-layout :is(.table-actions,.knowledge-table-actions,.chapters-table-actions) :is(.ant-input,.ant-input-affix-wrapper,.ant-select,.ant-picker){width:100%!important;max-width:100%}.basic-layout .ant-table-wrapper,.basic-layout .ant-table-container,.basic-layout .ant-table-content{width:100%;max-width:100%;min-width:0}.basic-layout .ant-table-content{overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.basic-layout .ant-table-content>table{width:max-content!important;min-width:100%!important}.basic-layout .ant-table-cell{overflow-wrap:normal;word-break:normal}.basic-layout .ant-table-pagination.ant-pagination,.ant-pagination{max-width:100%;padding-inline:12px;justify-content:center;flex-wrap:wrap;row-gap:8px}.basic-layout .ant-tabs,.basic-layout .ant-tabs-content-holder,.basic-layout .ant-tabs-tabpane{min-width:0;max-width:100%}.basic-layout .ant-tabs-nav-wrap{overflow-x:auto;overscroll-behavior-inline:contain}.basic-layout img,.basic-layout video,.ant-modal-root img,.ant-modal-root video{max-width:100%;height:auto}.ant-modal-root .ant-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px auto;top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.ant-modal-root .ant-modal-body{max-height:calc(100dvh - 170px);overflow-x:hidden;overflow-y:auto}.ant-modal-root .ant-table-wrapper,.ant-modal-root .ant-table-container,.ant-modal-root .ant-table-content{width:100%;max-width:100%;min-width:0}.ant-modal-root .ant-table-content{overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.ant-modal-root .ant-table-content>table{width:max-content!important;min-width:100%!important}.ant-modal-root :is(.ant-form,.ant-form-item,.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select,.ant-picker,.ant-upload-wrapper){max-width:100%}.ant-drawer-content-wrapper{width:min(92vw,960px)!important}.mobile-nav-drawer-wrapper{width:min(82vw,300px)!important}.ant-drawer-body{overflow-x:hidden}.ant-descriptions-view{max-width:100%;overflow-x:auto}}.dashboard-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.dashboard-stat-card{min-width:0;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0d948814;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);border:1px solid #ccfbf1;cursor:pointer}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0d94881f}.dashboard-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.dashboard-stat-label{font-size:13px;color:#5f7470;font-weight:500}.dashboard-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.dashboard-stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.dashboard-stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.dashboard-stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#f97316}.dashboard-stat-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.dashboard-stat-value{font-size:36px;font-weight:700;color:#134e4a;line-height:1}.dashboard-recent-orders{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0d948814;border:1px solid #ccfbf1;overflow:hidden}.dashboard-section-header{padding:20px 28px;font-size:18px;font-weight:600;color:#134e4a;border-bottom:1px solid #ccfbf1;background:linear-gradient(135deg,#0d948805,#2dd4bf05);display:flex;align-items:center;gap:10px}.dashboard-empty-orders{text-align:center;padding:60px 20px;color:#5f7470}.dashboard-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.dashboard-order-header{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:linear-gradient(135deg,#0d94880a,#2dd4bf0a);border-bottom:1px solid #ccfbf1;font-weight:600;color:#134e4a;font-size:13px}.dashboard-order-header span{flex:1;text-align:left}.dashboard-order-header span:last-child{text-align:right}.dashboard-order-item{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #f0fdfa;transition:background .25s cubic-bezier(.4,0,.2,1)}.dashboard-order-item span{flex:1;text-align:left}.dashboard-order-item span:last-child{text-align:right}.dashboard-order-item:last-child{border-bottom:none}.dashboard-order-item:hover{background:#f0fdfa}.dashboard-order-info{display:flex;align-items:center;gap:16px}.dashboard-order-no{font-weight:600;color:#134e4a;font-size:14px}.dashboard-order-course{color:#5f7470;font-size:13px}.dashboard-order-amount{font-weight:600;color:#134e4a;font-size:16px}.dashboard-order-time{color:#5f7470;font-size:13px}@media(max-width:1024px){.dashboard-stat-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.image-picker-scope{display:flex;justify-content:center;margin-bottom:16px}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:4px 0}.image-picker-item{border:2px solid var(--border);border-radius:var(--radius-sm);padding:6px;cursor:pointer;transition:all var(--transition);background:var(--bg-card);text-align:center;font:inherit;color:inherit;width:100%}.image-picker-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.image-picker-item.selected{border-color:var(--cta);background:#f973160a;box-shadow:0 0 0 3px #f9731626}.image-picker-thumb{width:100%;height:100px;background:var(--bg);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.image-picker-thumb img{width:100%;height:100%;object-fit:cover}.image-picker-name{font-size:12px;color:var(--primary-dark);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.image-picker-size{font-size:11px;color:var(--text-light)}.search-select{border-radius:var(--radius-sm);border:2px solid var(--border);transition:all var(--transition);height:40px}.search-select .ant-select-selector{border:none!important;box-shadow:none!important;padding:0 12px!important;height:36px!important;background:transparent!important}.search-select .ant-select-selection-search{left:12px!important;width:calc(100% - 24px)!important}.search-select .ant-select-selection-search-mirror{padding-left:0!important}.search-select .ant-select-selection-search-input{height:36px!important;appearance:none!important;-webkit-appearance:none!important}.search-select .ant-select-selection-search-input::-webkit-search-cancel-button,.search-select .ant-select-selection-search-input::-webkit-search-decoration,.search-select .ant-select-selection-search-input::-webkit-search-results-button,.search-select .ant-select-selection-search-input::-webkit-search-results-decoration{-webkit-appearance:none!important;display:none!important}.search-select .ant-select-selection-placeholder{color:#bfbfbf!important;padding-left:32px!important}.search-select .ant-select-selection-item{padding-left:32px!important}.search-select .ant-select-suffix{position:absolute!important;left:12px!important;right:auto!important;color:var(--text-light)!important}.search-select:hover,.search-select.ant-select-focused{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.course-item{display:flex;align-items:center;gap:18px}.course-cover-wrap{position:relative;flex:0 0 80px;width:80px;height:60px}.course-cover{width:80px;height:60px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg);border:1px solid var(--border);transition:transform var(--transition)}.courses-page .course-cover-placeholder{width:80px;height:60px;border-radius:var(--radius-sm);background:#f0fdfa;border:1px solid var(--border);color:var(--text-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:1;white-space:nowrap}.courses-page .course-cover-placeholder .anticon{color:var(--primary);font-size:18px}.course-cover:hover{transform:scale(1.05)}.course-live-badge{position:absolute;right:4px;bottom:4px;max-width:72px;height:22px;padding:0 7px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:#fff;font:inherit;font-size:11px;font-weight:700;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-shadow:0 4px 12px #0f172a2e;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.course-live-badge:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 6px 16px #0f172a38}.course-live-badge.not-started{background:#2563eb}.course-live-badge.live{background:#16a34a}.course-live-badge.ended{background:#64748b}.course-live-badge.cancelled{background:#dc2626}.course-info{flex:1}.course-title{font-weight:600;color:var(--primary-dark);margin-bottom:6px;font-size:15px}.course-desc{font-size:13px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.price-display{font-size:20px;font-weight:600;color:var(--primary-dark)}.price-free{color:#22c55e;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px}.status-suspended{background:#fef3c7;color:#d97706}.chapter-count{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font:inherit;font-weight:500;cursor:pointer;transition:opacity var(--transition);padding:6px 12px;border-radius:20px;background:#0d94880f;border:none}.chapter-count:hover{background:#0d94881f;opacity:1}.gift-course-search-control{height:40px}.gift-course-modal .gift-course-selected{max-height:120px;overflow-y:auto;padding:12px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa}.gift-course-modal .gift-course-selected .ant-tag{margin:0 8px 8px 0}.gift-course-modal .gift-course-import-summary,.gift-course-modal .gift-course-result{margin-bottom:16px}.gift-course-modal .gift-course-result-list{max-height:160px;overflow-y:auto;margin-top:8px}.gift-course-modal .gift-course-user-option{border:1px solid #f0f0f0;background:#fafafa}.gift-course-modal .gift-course-user-option[aria-pressed=true]{border-color:#b7eb8f;background:#f6ffed}.gift-course-modal .gift-course-user-option:disabled{cursor:not-allowed}.course-form-top-grid{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr);gap:18px 20px;align-items:start}.course-cover-field{grid-row:span 3}.course-form-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.course-form-switch-grid{margin-bottom:16px}.course-switch-item{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:#0d948805}.course-switch-item span{font-weight:600;color:var(--primary-dark);font-size:14px;line-height:24px}.course-description-input{height:auto!important;min-height:86px!important}.form-select.ant-select-multiple{height:auto!important;min-height:48px!important}.form-select.ant-select-multiple .ant-select-selector{min-height:48px!important;height:auto!important;padding:6px 36px 6px 12px!important;display:flex!important;align-items:center!important}.form-select.ant-select-multiple .ant-select-selection-overflow{align-items:center!important;gap:4px!important}.form-select.ant-select-multiple .ant-select-selection-item{height:30px!important;line-height:28px!important;margin:0!important;padding:0 8px!important;border-radius:8px!important;background:#f0fdf4!important;border-color:#bbf7d0!important;color:var(--primary-dark)!important}.form-select.ant-select-multiple .ant-select-selection-item-remove{color:var(--text-light)!important;margin-left:6px!important}.form-select.ant-select-multiple .ant-select-selection-search{margin:0!important;min-height:30px!important}.form-select.ant-select-multiple .ant-select-selection-search-input{height:30px!important}.form-select.ant-select-multiple .ant-select-selection-placeholder{line-height:32px!important}.form-date-picker{height:48px;border-radius:var(--radius-sm);border:2px solid var(--border);padding:0 16px;transition:all var(--transition)}.form-date-picker:hover,.form-date-picker:focus,.form-date-picker-focused{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.course-editor-modal .upload-area{border:2px dashed var(--border);border-radius:var(--radius);min-height:160px;padding:16px 12px;text-align:center;transition:all var(--transition);cursor:pointer;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center}.course-editor-modal .upload-area:hover{border-color:var(--primary);background:#0d948805}.course-editor-modal .upload-icon{font-size:30px;color:var(--primary);margin-bottom:6px}.course-editor-modal .upload-text{color:var(--text-light);font-size:14px;font-weight:500}.course-editor-modal .upload-preview{width:100%;height:160px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.form-switch .ant-switch{background:#e5e7eb!important;border-radius:16px!important;min-width:44px!important;height:24px!important}.form-switch .ant-switch-inner{display:none!important}.form-switch .ant-switch:after{border-radius:50%!important;width:20px!important;height:20px!important;background:#fff!important;box-shadow:0 2px 4px #00000026!important;top:2px!important}.form-switch .ant-switch-checked{background:var(--primary)!important;border-radius:16px!important}.course-editor-modal .ant-modal-header{padding:10px 18px!important}.course-editor-modal .ant-modal-body{max-height:calc(100vh - 96px);overflow-y:auto;padding:10px 18px!important}.course-editor-modal .ant-modal-footer{padding:8px 18px!important}.course-editor-modal .ant-modal-footer .ant-btn{height:36px}.course-editor-modal .ant-form-item{margin-bottom:8px}.course-editor-modal .course-form-top-grid,.course-editor-modal .course-form-two-col{gap:8px 16px}.course-editor-modal .course-form-switch-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}.course-editor-modal .course-live-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:8px 16px;align-items:end;min-height:70px}.course-editor-modal .course-switch-item{min-height:36px;padding:0 12px}.course-editor-modal .form-item-label{margin-bottom:4px}.course-editor-modal .form-input{height:36px!important;padding:6px 10px!important}.course-editor-modal .course-description-input{height:auto!important;min-height:60px!important}.course-editor-modal .form-select{height:36px!important}.course-editor-modal .form-select .ant-select-selector{height:36px!important;padding:0 10px!important}.course-editor-modal .form-select .ant-select-selection-item,.course-editor-modal .form-select .ant-select-selection-placeholder{line-height:32px!important}.course-editor-modal .form-select.ant-select-multiple{height:auto!important;min-height:36px!important}.course-editor-modal .form-select.ant-select-multiple .ant-select-selector{min-height:36px!important;height:auto!important;padding:2px 30px 2px 8px!important}.course-editor-modal .form-date-picker{height:36px;padding:0 10px}.course-editor-modal .cover-picker-btn{margin-bottom:6px;padding:4px 10px}.course-editor-modal .cover-clear-btn{margin-top:4px}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.course-form-top-grid,.course-form-two-col,.course-editor-modal .course-form-switch-grid,.course-editor-modal .course-live-fields-grid{grid-template-columns:1fr}.course-cover-field{grid-row:auto}.table-header{flex-direction:column;gap:16px;align-items:flex-start}}.categories-page-new .page-header-new{margin-bottom:28px}.categories-page-new .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.categories-page-new .page-header-new p{margin:0;font-size:14px;color:var(--text-light)}.categories-page-new .table-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border)}.categories-page-new .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.categories-page-new .table-header h3{margin:0;font-size:18px;font-weight:600;color:var(--primary-dark)}.categories-page-new .table-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-status-select{min-width:180px;height:40px!important}.category-status-select .ant-select-selector{height:40px!important;padding:0 12px!important;border:1px solid #d9d9d9!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;transition:all var(--transition)!important}.category-status-select .ant-select-selector:hover{border-color:var(--primary)!important}.category-status-select.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.category-status-select .ant-select-selection-placeholder{color:#bfbfbf!important;line-height:38px!important}.category-status-select .ant-select-selection-item{line-height:38px!important}.category-status-select .ant-select-suffix{color:var(--text-light)!important}.categories-page-new .status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.categories-page-new .status-online{background:#dcfce7;color:#16a34a}.categories-page-new .status-offline{background:#fee2e2;color:#dc2626}.categories-page-new .action-group{display:flex;gap:10px}.categories-page-new .action-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);cursor:pointer;transition:all var(--transition);font-size:15px}.categories-page-new .action-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.categories-page-new .action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2;box-shadow:0 4px 12px #ef444426}.categories-page-new .empty-state{text-align:center;padding:80px 20px;color:var(--text-light)}.categories-page-new .empty-icon{font-size:72px;margin-bottom:20px;opacity:.4}.categories-page-new .empty-text{font-size:16px;font-weight:500}.categories-page-new .loading-state{display:flex;justify-content:center;align-items:center;padding:80px 0}.categories-page-new .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition);border:none;font-family:inherit}.categories-page-new .btn-primary{background:var(--cta);color:#fff;box-shadow:0 4px 14px #f973164d}.categories-page-new .btn-primary:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 6px 18px #f9731666}.category-editor-modal .form-item-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--primary-dark)}.category-editor-modal .form-input,.category-editor-modal .form-select .ant-select-selector{border-radius:8px!important;border-color:var(--border)!important}.category-editor-modal .form-input:focus,.category-editor-modal .form-select .ant-select-selector:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}@media(max-width:768px){.categories-page-new .table-header{flex-direction:column;align-items:stretch}.categories-page-new .table-actions{justify-content:flex-start}}.chapters-page-header{margin-bottom:28px}.chapters-page-header h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.chapters-page-header p{color:var(--text-light);margin:0;font-size:14px}.chapters-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.chapters-stat-card{min-width:0;background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--border);cursor:pointer}.chapters-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.chapters-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.chapters-stat-label{font-size:13px;color:var(--text-light);font-weight:500}.chapters-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.chapters-stat-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary)}.chapters-stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.chapters-stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.chapters-stat-value{font-size:32px;font-weight:700;color:var(--primary-dark);line-height:1}.chapters-table-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.chapters-table-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.chapters-table-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.chapters-table-actions{display:flex;gap:12px;align-items:center}.chapters-tip{width:100%;text-align:right;font-size:14px;color:var(--text-light);border-top:1px dashed var(--border);margin-top:8px;padding:12px 28px;background:linear-gradient(135deg,#0d948814,#2dd4bf14);border-bottom:1px solid var(--border)}.chapters-search-input{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;padding:8px 12px!important;transition:all var(--transition)!important;width:200px}.chapters-search-input:focus,.chapters-search-input:hover{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.chapters-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition);border:none;font-family:inherit}.chapters-btn-primary{background:var(--cta);color:#fff;box-shadow:0 4px 14px #f973164d}.chapters-btn-primary:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 6px 18px #f9731666}.chapters-action-btn{width:auto;min-width:36px;height:36px;padding:0 10px;font-size:13px;white-space:nowrap;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);cursor:pointer;transition:all var(--transition)}.chapters-action-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.chapters-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.chapters-status-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#dcfce7;color:#16a34a}.chapters-status-tag.offline{background:#fef3c7;color:#d97706}.chapters-action-group{display:flex;gap:8px}.chapters-empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.chapters-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}@media(max-width:1024px){.chapters-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.chapters-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chapters-table-header{flex-direction:column;gap:16px;align-items:flex-start}}.orders-page .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.orders-page .stat-card{min-width:0;background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--border);cursor:pointer}.orders-page .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.orders-page .stat-card .stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:26px}.orders-page .stat-card .stat-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary)}.orders-page .stat-card .stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.orders-page .stat-card .stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:var(--cta)}.orders-page .stat-card .stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.orders-page .stat-card .stat-value{font-size:36px;font-weight:700;color:var(--primary-dark);line-height:1;margin-bottom:6px}.orders-page .stat-card .stat-label{font-size:13px;color:var(--text-light);font-weight:500}.search-input{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;transition:all var(--transition)!important;height:38px!important;line-height:34px!important;padding-right:12px!important}.search-input:focus,.search-input:hover{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.filter-select{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;transition:all var(--transition)!important;height:38px!important}.filter-select:focus,.filter-select:hover{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.filter-date-picker{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;transition:all var(--transition)!important;height:38px!important}.filter-date-picker:hover,.filter-date-picker:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.filter-date-picker .ant-picker-input{height:34px!important}@media(max-width:1024px){.orders-page .stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.orders-page .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.orders-page .stat-card{min-width:0;padding:12px}.orders-page .stat-card .stat-icon{width:36px;height:36px;margin-bottom:8px;border-radius:10px;font-size:18px}.orders-page .stat-card .stat-value{min-width:0;font-size:24px;line-height:1.1;overflow-wrap:anywhere}.orders-page .stat-card .stat-label{overflow-wrap:anywhere}.table-header{flex-direction:column;gap:16px;align-items:flex-start}}.table-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.user-item{display:flex;align-items:center;gap:14px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--primary-dark);font-size:14px}.user-phone{font-size:12px;color:var(--text-light)}.info-card{background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px}.info-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:13px;font-weight:500;color:var(--text)}.vip-status-row,.device-id-row{display:flex;align-items:center;gap:8px}.vip-status-row .vip-settings-button.ant-btn,.device-id-row .device-reset-button.ant-btn{flex-shrink:0;height:24px;padding:0 6px;border-radius:4px;font-size:12px}.user-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:left}.user-detail-grid-full{grid-column:1 / -1}.quota-card-layout{display:flex;align-items:center;justify-content:space-between;gap:12px}.quota-card-main{flex:1;min-width:0}.quota-balance-row{display:flex;align-items:center;gap:4px}.quota-edit-button.ant-btn{flex:0 0 24px;width:24px;height:24px;padding:0;color:var(--primary)}.quota-edit-button.ant-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.quota-editor-fields{display:grid;gap:16px}.quota-editor-controls{display:flex;align-items:center;gap:8px}.quota-editor-controls input{flex:1;min-width:0;box-sizing:border-box;height:36px;padding:0 10px;border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:14px;text-align:center;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.quota-editor-controls input:not(:disabled):hover:not(:focus-visible){border-color:var(--primary-light)}.quota-editor-controls input:disabled{border-color:#e5e7eb;background:#f5f5f5;color:var(--text-light);cursor:not-allowed}.quota-editor-controls input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #0d948833}.quota-editor-controls .quota-step-button{flex:0 0 40px;width:40px;height:36px;padding:0;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:20px}.quota-editor-controls .quota-step-button:not(:disabled):hover:not(:focus-visible){border-color:var(--primary-light);color:var(--primary)}.quota-editor-controls .quota-step-button:disabled{border-color:#e5e7eb;background:#f5f5f5;color:var(--text-light)}.quota-editor-controls .quota-step-button:focus:not(:focus-visible){outline:none;box-shadow:none}.quota-editor-controls .quota-step-button:not(:disabled):focus-visible,.quota-editor-controls .quota-step-button:not(:disabled):hover:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d948833}.search-input{border-radius:var(--radius-sm);border:2px solid var(--border);transition:all var(--transition);height:38px;line-height:34px;padding-right:12px}.search-input:focus,.search-input:hover{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.filter-select{border-radius:var(--radius-sm);border:2px solid var(--border);transition:all var(--transition);height:38px}.filter-select:focus,.filter-select:hover{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.status-draft{background:#f3f4f6;color:#6b7280}.status-offline{background:#fee2e2;color:#dc2626}.status-warning{background:#fef3c7;color:#d97706}.status-error{background:#fee2e2;color:#dc2626}.modal-new .ant-modal-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)!important;border-bottom:none!important;padding:28px!important}.modal-new .ant-modal-title{color:#fff!important;font-size:22px!important;font-weight:600!important}.modal-new .ant-modal-close-x{color:#fff!important;font-size:18px!important}.modal-new .ant-modal-body{padding:28px!important}.modal-new .ant-modal-footer{border-top:1px solid var(--border)!important;padding:20px 28px!important}.courses-table-new .ant-table{background:transparent!important}.courses-table-new .ant-table-thead>tr>th{background:#f0fdfa!important;color:var(--text-light)!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)!important;padding:16px 24px!important}.courses-table-new .ant-table-tbody>tr>td{padding:20px 24px!important;border-bottom:1px solid var(--border)!important;transition:background var(--transition)}.courses-table-new .ant-table-tbody>tr:hover>td{background:#0d948808!important}.courses-table-new .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.user-courses-table .ant-table{background:transparent!important}.user-courses-table .ant-table-thead>tr>th{background:#f0fdfa!important;color:var(--text-light)!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)!important;padding:16px 24px!important}.user-courses-table .ant-table-tbody>tr>td{padding:20px 24px!important;border-bottom:1px solid var(--border)!important;transition:background var(--transition)}.user-courses-table .ant-table-tbody>tr:hover>td{background:#0d948808!important}.user-courses-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.user-orders-table .ant-table-thead>tr>th{padding:10px 12px!important}.user-orders-table .ant-table-tbody>tr>td{padding:12px!important}.user-courses-table .course-item{display:flex;align-items:center;gap:14px}.course-count{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font:inherit;font-weight:500;cursor:pointer;transition:opacity var(--transition);padding:6px 12px;border-radius:20px;background:#0d94880f;border:none}.course-count:hover{background:#0d94881f;opacity:1}.course-name-cell{font-weight:600;color:var(--primary-dark);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-name-with-cover{display:flex;align-items:center;gap:10px}.course-cover-wrapper{width:48px;height:36px;border-radius:6px;background:var(--bg);border:1px solid var(--border);flex-shrink:0;overflow:hidden}.course-cover-small{width:48px;height:36px;border-radius:6px;object-fit:cover;display:block}.user-courses-table .course-cover-placeholder{width:48px;height:36px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.user-detail-grid{grid-template-columns:minmax(0,1fr)}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.table-header{flex-direction:column;gap:16px;align-items:flex-start}}.vip-status-row .ant-tag{margin-inline-end:0}.system-users-page{padding:24px}.system-users-page .table-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.system-users-page .table-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.system-users-page .table-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.system-users-page .table-actions{display:flex;gap:12px;align-items:center}.system-users-page .search-input{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;transition:all var(--transition)!important;width:260px}.system-users-page .search-input:hover,.system-users-page .search-input:focus{border-color:var(--primary-light)!important;box-shadow:0 0 0 3px #0d948814!important}@media(max-width:768px){.system-users-page .table-header{flex-direction:column;align-items:stretch;gap:12px}.system-users-page .table-actions,.system-users-page .search-input{width:100%;max-width:100%}}.config-number-input{width:200px}.sensitive-textarea{position:relative}.sensitive-textarea .ant-input{padding-right:40px}.sensitive-textarea-hidden{-webkit-text-security:disc;text-security:disc}.sensitive-textarea-toggle{position:absolute;top:6px;right:6px;z-index:1;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-light)}.sensitive-textarea-toggle:hover{color:var(--primary)}.settings-page .storage-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.settings-page .storage-stat-card{min-width:0;background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;align-items:center;gap:16px;transition:transform var(--transition),box-shadow var(--transition)}.settings-page .storage-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.settings-page .stat-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.settings-page .stat-icon-wrapper.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.settings-page .stat-icon-wrapper.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#f97316}.settings-page .stat-icon-wrapper.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.settings-page .stat-content{flex:1}.settings-page .stat-value{font-size:28px;font-weight:700;color:var(--primary-dark);line-height:1.2}.settings-page .stat-label{font-size:13px;color:var(--text-light);font-weight:500;margin-top:4px}.settings-page .storage-progress-card{margin-bottom:24px;border-radius:var(--radius);border:1px solid var(--border);padding:24px}.settings-page .storage-progress-card .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-page .storage-progress-card .progress-title{font-weight:600;color:var(--primary-dark);font-size:15px}.settings-page .storage-progress-card .progress-percent{font-size:20px;font-weight:700;color:var(--cta)}.settings-page .storage-progress-card .progress-footer{margin-top:8px;font-size:12px;color:var(--text-light)}.settings-page .storage-action-card{margin-bottom:24px;border-radius:var(--radius);border:1px solid var(--border);padding:24px}.settings-page .storage-action-card .action-header{margin-bottom:20px}.settings-page .storage-action-card .action-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0 0 6px}.settings-page .storage-action-card .action-header p{color:var(--text-light);margin:0;font-size:13px}.settings-page .storage-action-card .action-buttons{display:flex;gap:12px}.settings-page .file-list-card{border-radius:var(--radius);border:1px solid var(--border);padding:24px}.settings-page .file-list-card .file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-page .file-list-card .file-list-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.settings-page .file-list-card .file-list-header .file-count{font-size:13px;color:var(--text-light);background:var(--bg);padding:4px 12px;border-radius:20px}.settings-page .file-list-container{margin-top:16px;border:1px solid #f0f0f0;border-radius:8px;padding:8px}.settings-page .file-list-container .ant-table-cell{vertical-align:middle}.settings-page .file-list-container .ant-table-thead>tr>th{white-space:nowrap}.settings-page .file-list-container .file-preview-cell{display:flex;align-items:center;justify-content:center;gap:6px;width:64px;min-height:48px}.settings-page .file-list-container .file-preview-thumb{width:44px;height:44px;object-fit:cover;border-radius:4px;border:1px solid #f0f0f0;flex:0 0 auto}@media(max-width:768px){.settings-page .storage-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-page .storage-stat-card{min-width:0;padding:10px;gap:8px}.settings-page .stat-icon-wrapper{width:36px;height:36px;border-radius:10px;font-size:18px;flex-shrink:0}.settings-page .stat-content{min-width:0}.settings-page .stat-value{min-width:0;font-size:20px;line-height:1.15;overflow-wrap:anywhere}.settings-page .stat-label{overflow-wrap:anywhere}.settings-page .action-buttons{flex-direction:column}}.payment-settings-page{padding:0}.payment-settings-page .page-header-new{margin-bottom:28px}.payment-settings-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.payment-settings-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.vip-settings-page{padding:0}.vip-settings-page .page-header-new{margin-bottom:28px}.vip-settings-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.vip-settings-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.live-courses-page{padding:0}.live-courses-page .page-header-new,.live-chat-page .page-header-new{margin-bottom:28px}.live-courses-page .page-header-new h2,.live-chat-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.live-courses-page .page-header-new p,.live-chat-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.live-table-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.live-table-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.live-table-title{display:flex;align-items:center;gap:10px;min-height:32px;color:var(--primary)}.live-table-title h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.live-status-tabs{flex:1;display:flex;justify-content:flex-end;min-width:0}.live-status-tabs .ant-tabs-nav{margin:0}.live-status-tabs .ant-tabs-tab{padding:8px 0}.live-courses-table .ant-table-thead>tr>th{background:#f0fdfa!important;font-size:11px!important;letter-spacing:.8px;padding:16px 24px!important}.live-courses-table .ant-table-tbody>tr:not(.ant-table-measure-row)>td{padding:14px 24px!important;height:64px;vertical-align:middle}.live-courses-table .ant-table-tbody>tr:hover>td{background:#0d948808!important}.live-courses-table .ant-table-tbody>tr.live-course-row-focused>td,.live-courses-table .ant-table-tbody>tr.live-course-row-focused:hover>td{background:#ecfdf5!important}.live-courses-table .ant-table-tbody>tr.live-course-row-focused>td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.live-date-text{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.live-action-group{display:flex;gap:6px;white-space:nowrap}.live-courses-page .action-btn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);transition:all var(--transition)}.live-courses-page .action-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0d948826}.live-courses-page .action-btn.start:hover{border-color:#22c55e;color:#16a34a;background:#f0fdf4;box-shadow:0 4px 12px #22c55e26}.live-courses-page .action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2;box-shadow:0 4px 12px #ef444426}.live-courses-page .empty-state{text-align:center;padding:80px 20px;color:var(--text-light)}.live-courses-page .empty-icon{font-size:56px;margin-bottom:16px;opacity:.45}.live-courses-page .empty-text{font-size:16px;font-weight:500}.live-chat-page{padding:0;max-width:820px;height:calc(100vh - 128px);margin:0 auto;display:flex;flex-direction:column;min-height:0}.live-chat-error-page{max-width:760px;padding-top:12px}.live-chat-header{flex:0 0 auto;margin-bottom:10px}.live-chat-back{display:inline-flex;align-items:center;margin-bottom:4px;color:var(--text-light);font-size:14px;transition:color var(--transition)}.live-chat-back:hover{color:var(--primary)}.live-chat-page .page-header-new h2{margin-bottom:0}.live-chat-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-chat-course-title{margin-left:12px;color:var(--text-light);font-size:18px;font-weight:500;vertical-align:middle}.live-chat-all-mute.ant-btn{flex:0 0 auto}.live-chat-body{flex:1;min-height:0;display:flex;gap:12px}.live-chat-members{flex:0 0 240px;width:240px;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.live-chat-members-header{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding:6px 12px;border-bottom:1px solid var(--border);color:var(--primary-dark)}.live-chat-members-title-row{display:flex;align-items:center;justify-content:space-between}.live-chat-members-title{font-size:14px;font-weight:600}.live-chat-members-online{font-size:12px;color:#666;display:inline-flex;align-items:center;gap:2px}.live-chat-online-dot{color:#52c41a;font-size:10px;line-height:1}.live-chat-members-search-row{display:flex;align-items:center;gap:4px}.live-chat-members-search.ant-input-affix-wrapper{flex:1;min-width:0;height:24px;min-height:24px}.live-chat-members-list{flex:1;min-height:0;margin:0;padding:8px;list-style:none;overflow-y:auto}.live-chat-members-empty{padding:20px 8px;text-align:center;color:#999;font-size:13px}.live-chat-member{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;border-bottom:1px solid #f0f0f0;transition:background .15s}.live-chat-member:last-child{border-bottom:none}.live-chat-member:hover{background:#ebf5ff}.live-chat-member.selected{background:#e6f7ff;border-color:#91d5ff}.live-chat-member-check{flex:0 0 18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1890ff;color:#fff;font-size:11px;font-weight:700;line-height:1}.live-chat-member-muted{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:#fff1f0;color:#ff4d4f;font-size:11px;line-height:18px;margin-right:4px}.live-chat-toolbar-row{display:flex;gap:6px}.live-chat-toolbar-row .ant-btn{flex:1;min-width:0}.live-chat-member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:13px}.live-chat-all-mute.ant-btn.active{border-color:#52c41a;color:#389e0d}.live-chat-members-toolbar{flex:0 0 auto;padding:8px;border-top:1px solid var(--border)}.live-chat-shell{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.live-chat-all-muted-alert{flex:0 0 auto;border-radius:0;border-left:0;border-right:0;border-top:0}.live-chat-list{flex:1;min-height:0;overflow-y:auto;padding:12px}.live-chat-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:14px}.live-chat-empty-icon{font-size:28px;margin-bottom:8px}.live-chat-row{display:flex;align-items:flex-start;padding:7px 0}.live-chat-row.mine{flex-direction:row-reverse}.live-chat-avatar{flex:0 0 28px;width:28px;height:28px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff0e6;color:#ff6b00;font-size:12px;font-weight:600;line-height:1}.live-chat-avatar.mine{margin-right:0;margin-left:8px;background:#fff8e1}.live-chat-message{flex:1;min-width:0}.live-chat-row.mine .live-chat-message{display:flex;flex-direction:column;align-items:flex-end}.live-chat-meta{min-height:18px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.live-chat-row.mine .live-chat-meta{justify-content:flex-end}.live-chat-badge{padding:2px 5px;border-radius:4px;background:#4caf50;color:#fff;font-size:10px;line-height:1.2}.live-chat-name{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:12px;font-weight:500}.live-chat-time{color:#999;font-size:11px}.live-chat-muted-tag{padding:1px 6px;border-radius:999px;background:#fff1f0;color:#ff4d4f;font-size:11px;line-height:18px}.live-chat-action,.live-chat-delete{width:24px;height:24px;min-width:24px;margin-left:0}.live-chat-bubble{display:inline-block;max-width:min(96%,620px);padding:8px 10px;border:1px solid #eee;border-radius:8px;background:#fff;color:#222;font-size:14px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}.live-chat-bubble.instructor{background:#fff8e1;border-color:#ffe4b8}.live-chat-bubble.mine{align-self:flex-end;text-align:left}.live-chat-new-tip.ant-btn{position:absolute;left:50%;bottom:66px;height:30px;padding:0 14px;border-color:#ffb37a;border-radius:999px;background:#fff7ed;color:#f97316;font-size:13px;font-weight:600;box-shadow:0 6px 18px #f9731629;transform:translate(-50%);z-index:2}.live-chat-new-tip.ant-btn:hover,.live-chat-new-tip.ant-btn:focus{border-color:#ff6b00;background:#fff0e6;color:#ff6b00}.live-chat-emoji-panel{max-height:220px;overflow-y:auto;border-top:1px solid #eee;background:#fff;padding:10px 12px 8px}.live-chat-emoji-title{color:#666;font-size:12px;font-weight:600;margin-bottom:6px}.live-chat-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,32px);gap:6px}.live-chat-emoji-item{border:1px solid #eee;background:#f8f8f8;cursor:pointer;transition:all var(--transition);width:32px;height:32px;border-radius:8px;font-size:18px;line-height:1}.live-chat-emoji-item:hover{border-color:#ffb37a;background:#fff7ed;transform:translateY(-1px)}.live-chat-input-row{display:flex;align-items:flex-end;gap:8px;padding:8px 12px 10px;border-top:1px solid #eee;background:#fff}.live-chat-emoji-toggle.ant-btn{width:38px;height:38px;padding:0;border-color:#eee;border-radius:8px;background:#f8f8f8;color:#ff6b00;font-size:18px;line-height:1;box-shadow:none}.live-chat-emoji-toggle.ant-btn:hover,.live-chat-emoji-toggle.ant-btn:focus{border-color:#ffb37a;background:#fff7ed;color:#ff6b00}.live-chat-input.ant-input{flex:1;max-height:100px;padding:8px 10px;border-color:#eee;border-radius:8px;background:#f8f8f8;color:#222;font-size:14px;line-height:20px;resize:none}.live-chat-input.ant-input:hover,.live-chat-input.ant-input:focus{border-color:#ffb37a;box-shadow:0 0 0 3px #ff6b001a}.live-chat-send.ant-btn{height:38px;padding:0 16px;border-color:#ff6b00;border-radius:8px;background:#ff6b00;font-size:14px;font-weight:600;box-shadow:none}.live-chat-send.ant-btn:not(:disabled):hover,.live-chat-send.ant-btn:not(:disabled):focus{border-color:#f97316;background:#f97316}.live-chat-send.ant-btn:disabled{border-color:#ccc;background:#ccc;color:#fff}@media(max-width:768px){.live-courses-page .live-table-header{flex-direction:column;align-items:stretch;padding:16px 20px;gap:12px}.live-courses-page .live-table-header>*{width:100%;max-width:100%}.live-status-tabs{width:100%;justify-content:flex-start}.live-chat-page{max-width:none;height:calc(100vh - 112px)}.live-chat-name{max-width:170px}.live-chat-course-title{display:block;margin-left:0;margin-top:2px;font-size:14px}}.live-settings-page{padding:0}.live-settings-page .page-header-new{margin-bottom:28px}.live-settings-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.live-settings-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.login-settings-page{padding:24px}.login-settings-page .page-header-new{margin-bottom:28px}.login-settings-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.login-settings-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.background-tasks-page{padding:0}.background-tasks-page .page-header-new{margin-bottom:28px}.background-tasks-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.background-tasks-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.background-tasks-page .settings-card,.background-tasks-page .logs-card{margin-bottom:20px;border-radius:8px}.background-tasks-page .section-title{font-size:16px;font-weight:700;color:var(--primary-dark);margin-bottom:14px}.background-tasks-page .task-name{font-weight:600;color:var(--primary-dark)}.background-tasks-page .task-desc{margin-top:4px;color:var(--text-light);font-size:13px}.background-tasks-page .table-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.background-tasks-page .table-header h3{margin:0;color:var(--primary-dark);font-size:18px}.background-tasks-page .table-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.background-tasks-page .task-actions{display:flex;align-items:center;flex-wrap:nowrap}.background-tasks-page .task-actions .ant-input-number-group-wrapper{width:128px}@media(max-width:768px){.background-tasks-page .table-header{align-items:stretch;flex-direction:column}.background-tasks-page .table-actions{width:100%;max-width:100%}}.promotions-page{padding:0}.promotions-page .page-header-new{margin-bottom:28px}.promotions-page .page-header-new h2{margin:0 0 6px;font-size:28px;font-weight:700;color:var(--primary-dark)}.promotions-page .page-header-new p{margin:0;color:var(--text-light);font-size:14px}.promotions-page .banner-management-card{border-radius:12px;box-shadow:0 2px 8px #5f747014}.promotions-page .banner-management-card .ant-card-body{padding:24px}.promotions-page .table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #5f747014}.promotions-page .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.promotions-page .table-header h3{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0}.promotions-page .table-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.promotions-page .ant-table{border-radius:var(--radius);overflow:hidden}.promotions-page .banner-row-handle{cursor:grab;color:#999;font-size:18px}.promotions-page .banner-row-handle:active{cursor:grabbing}.promotions-page .banner-thumb{width:100px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #f0f0f0}@media(max-width:768px){.promotions-page .table-header{flex-direction:column;align-items:stretch;gap:12px}.promotions-page .table-actions{justify-content:flex-start}}.banner-editor-modal .upload-area{border:2px dashed var(--border);border-radius:var(--radius);padding:12px;text-align:center;transition:all var(--transition);cursor:pointer;background:var(--bg)}.banner-editor-modal .upload-area:hover{border-color:var(--primary);background:#0d948805}.banner-editor-modal .upload-icon{font-size:28px;color:var(--primary);margin-bottom:6px}.banner-editor-modal .ant-modal-header{padding:8px 14px!important}.banner-editor-modal .ant-modal-body{max-height:calc(100vh - 160px);overflow-y:auto;padding:8px 14px!important}.banner-editor-modal .ant-modal-footer{padding:6px 14px!important}.banner-editor-modal .ant-modal-footer .ant-btn{height:34px}.banner-editor-modal .ant-form-item{margin-bottom:6px}.banner-editor-modal .ant-form-item-label{padding-bottom:2px}.banner-editor-modal input.ant-input,.banner-editor-modal .ant-input-affix-wrapper,.banner-editor-modal .ant-input-number,.banner-editor-modal .ant-picker{height:40px!important;min-height:40px!important}.banner-editor-modal .ant-input-affix-wrapper>input.ant-input{height:auto!important;min-height:0!important}.banner-editor-modal .ant-select{--ant-select-height: 40px;height:40px!important;min-height:40px!important}.banner-editor-modal .upload-preview{max-width:100%;max-height:130px;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.promotions-page .banner-action-group{display:flex;gap:10px}.promotions-page .banner-action-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);cursor:pointer;transition:all var(--transition);font-size:15px}.promotions-page .banner-action-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.promotions-page .banner-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2;box-shadow:0 4px 12px #ef444426}.promotions-page .banner-action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--primary: #0d9488;--primary-light: #2dd4bf;--primary-dark: #134e4a;--cta: #f97316;--cta-hover: #ea580c;--bg: #f0fdfa;--bg-card: #fff;--text: #134e4a;--text-light: #5f7470;--border: #ccfbf1;--shadow: 0 4px 20px rgba(13, 148, 136, .08);--shadow-hover: 0 8px 30px rgba(13, 148, 136, .12);--radius: 16px;--radius-sm: 10px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:0}.page-header-new{margin-bottom:28px}.page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.page-header-new p{color:var(--text-light);margin:0;font-size:14px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{min-width:0;background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--border);cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-card .stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:26px}.stat-card .stat-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary)}.stat-card .stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.stat-card .stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:var(--cta)}.stat-card .stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.stat-card .stat-value{font-size:36px;font-weight:700;color:var(--primary-dark);line-height:1;margin-bottom:6px}.stat-card .stat-label{font-size:13px;color:var(--text-light);font-weight:500}.table-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.table-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.table-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.table-actions{display:flex;gap:12px;align-items:center}.mall-products-page .search-input{border-radius:var(--radius-sm);border:2px solid var(--border);transition:all var(--transition);height:40px!important;width:240px}.mall-products-page .search-input:hover,.mall-products-page .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.product-status-select{height:40px}.product-status-select .ant-select-selector{height:40px!important;padding:0 12px!important;border:1px solid #d9d9d9!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;transition:all var(--transition)!important}.product-status-select .ant-select-selector:hover{border-color:var(--primary)!important}.product-status-select.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.product-status-select .ant-select-selection-placeholder{color:#bfbfbf!important;line-height:38px!important}.product-status-select .ant-select-selection-item{line-height:38px!important}.product-status-select .ant-select-suffix{color:var(--text-light)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition);border:none;font-family:inherit}.btn-primary{background:var(--cta);color:#fff;box-shadow:0 4px 14px #f973164d}.btn-primary:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 6px 18px #f9731666}.products-table-new .ant-table{background:transparent!important}.products-table-new .ant-table-thead>tr>th{background:#f0fdfa!important;color:var(--text-light)!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)!important;padding:16px 24px!important}.products-table-new .ant-table-tbody>tr>td{padding:20px 24px!important;border-bottom:1px solid var(--border)!important;transition:background var(--transition)}.products-table-new .ant-table-tbody>tr:hover>td{background:#0d948808!important}.products-table-new .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.product-item{display:flex;align-items:center;gap:18px;min-width:0}.product-cover{width:80px;height:60px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg);border:1px solid var(--border);transition:transform var(--transition);flex-shrink:0}.product-cover:hover{transform:scale(1.05)}.product-info{flex:1 1 auto;min-width:0;max-width:360px}.product-title{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:6px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.product-desc{font-size:13px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.price-range{display:inline-block;font-size:16px;font-weight:600;color:var(--primary-dark);white-space:nowrap}.price-range-empty{display:inline-block;color:#bbb;font-size:13px;white-space:nowrap}.stock-value{display:inline-block;font-size:18px;font-weight:600;color:var(--primary-dark);white-space:nowrap}.sku-count{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:500;padding:4px 12px;border-radius:20px;background:#0d94880f;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-online{background:#dcfce7;color:#16a34a}.status-offline{background:#f3f4f6;color:#6b7280}.action-group{display:flex;gap:10px}.action-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);cursor:pointer;transition:all var(--transition);font-size:15px}.action-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2;box-shadow:0 4px 12px #ef444426}.modal-new .ant-modal-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)!important;border-bottom:none!important;padding:14px 20px!important}.modal-new .ant-modal-title{color:#fff!important;font-size:16px!important;font-weight:600!important}.modal-new .ant-modal-close{position:absolute!important;top:16px!important;right:16px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff3!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-new .ant-modal-close-x{color:#fff!important;font-size:16px!important;line-height:1!important}.modal-new .ant-modal-close:hover{background:#ffffff4d!important}.modal-new .ant-modal-body{padding:16px 20px!important}.modal-new .ant-modal-footer{border-top:1px solid var(--border)!important;padding:12px 20px!important}.modal-new .ant-modal-footer .ant-btn{height:40px;padding:0 24px}.modal-new .ant-modal-footer .ant-btn-primary{background:var(--cta)!important;border-color:var(--cta)!important;box-shadow:0 4px 12px #f9731640}.form-item-label{font-weight:600;color:var(--primary-dark);margin-bottom:10px;display:block;font-size:14px}.form-input{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;padding:12px 16px!important;font-size:14px!important;transition:all var(--transition)!important;height:48px!important}.form-input:focus,.form-input:hover{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.form-select{font-size:14px;transition:all var(--transition);height:48px;width:100%}.form-select .ant-select-selector{border-radius:var(--radius-sm)!important;border:2px solid var(--border)!important;padding:0 16px!important;height:48px!important;background:var(--bg-card)!important;transition:all var(--transition)!important}.form-select .ant-select-selection-item,.form-select .ant-select-selection-placeholder{line-height:44px!important}.form-select:focus-within,.form-select:hover{box-shadow:0 0 0 3px #0d94881a!important}.form-select:focus-within .ant-select-selector,.form-select:hover .ant-select-selector{border-color:var(--primary)!important}.upload-area{border:2px dashed var(--border);border-radius:var(--radius);padding:40px;text-align:center;transition:all var(--transition);cursor:pointer;background:var(--bg)}.upload-area:hover{border-color:var(--primary);background:#0d948805}.upload-icon{font-size:44px;color:var(--primary);margin-bottom:14px}.upload-text{color:var(--text-light);font-size:14px;font-weight:500}.product-image-actions{display:flex;gap:8px;align-items:center;margin:8px 0 12px}.product-image-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.product-image-tile{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 2px 10px #0d94880f}.product-image-tile img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--bg)}.main-cover-badge{position:absolute;left:8px;top:8px;z-index:1;padding:2px 8px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:600}.product-image-tile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.product-image-tile-actions .ant-btn{min-width:0}.product-image-empty{min-height:140px;border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-light);background:var(--bg);font-size:14px}.pagination-wrap{display:flex;justify-content:center;padding:20px;border-top:1px solid var(--border);background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-light)}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.4}.empty-text{font-size:16px;font-weight:500}.cover-picker-btn{margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:1px dashed var(--primary);background:#0d94880a;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.cover-picker-btn:hover{background:#0d94881a;border-style:solid}.cover-clear-btn{margin-top:10px;margin-left:10px;background:transparent;border:none;color:var(--text-light);font-size:13px;cursor:pointer}.cover-clear-btn:hover{color:#ef4444}.sku-sub-table .ant-table{background:transparent!important}.sku-sub-table .ant-table-thead>tr>th{background:#f0fdfa!important;color:var(--text-light)!important;font-weight:600!important;font-size:12px!important;padding:12px 16px!important;border-bottom:1px solid var(--border)!important}.sku-sub-table .ant-table-tbody>tr>td{padding:12px 16px!important;border-bottom:1px solid var(--border)!important;vertical-align:middle}.sku-sub-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.sku-sub-table-empty{padding:40px 0;text-align:center;color:var(--text-light)}@media(max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.table-header{flex-direction:column;gap:16px;align-items:flex-start}}.rich-editor-toolbar-button{margin-right:4px;margin-bottom:4px}.distribution-settings-page{padding:0}.distribution-settings-page .page-header-new{margin-bottom:28px}.distribution-settings-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.distribution-settings-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.settings-page .page-header-new{margin-bottom:28px}.settings-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.settings-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.version-management-page .version-table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.version-management-page .version-management-tabs>.ant-tabs-nav{margin:0;padding:0 28px;background:var(--bg-card)}.version-management-page .version-tab-content{min-width:0}.version-management-page .table-header{min-height:78px;padding:20px 28px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.version-management-page .table-header h3{margin:0;font-size:18px;font-weight:600;color:var(--primary-dark)}.version-management-page .table-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.version-table{width:100%}.version-management-page .version-table .ant-table{border-radius:0}.version-management-page .version-table .ant-table-content{overflow-x:auto}.version-management-page .apk-version-table-actions{white-space:nowrap}.version-management-page .apk-version-table-action-cell{padding-inline:8px!important}.version-number{display:flex;flex-direction:column;line-height:1.35}.version-number small{color:var(--text-light)}.apk-version-detail-modal .version-detail-descriptions{margin-top:8px}.apk-version-detail-modal .apk-version-detail-overview .ant-descriptions-table{table-layout:fixed}.apk-version-detail-modal .apk-version-detail-overview .ant-descriptions-item-content{min-width:0}.apk-version-detail-modal .apk-version-update-type-select{width:100%}.apk-version-detail-modal .version-detail-update-note{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.apk-version-detail-modal .version-detail-update-note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600}.apk-version-detail-modal .version-detail-update-note-editor{display:flex;flex-direction:column;gap:8px}.apk-version-detail-modal .apk-version-update-note-input{width:100%}.apk-version-detail-modal .version-detail-update-note-actions{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--text-light)}.apk-version-detail-modal .version-detail-update-note-content{min-height:72px;white-space:pre-wrap}.apk-version-detail-modal .version-detail-digest{display:inline-flex;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;overflow-wrap:anywhere;word-break:break-all}.apk-upload-modal .ant-modal-content{padding:18px 20px 16px}.apk-upload-modal .ant-modal-header{margin-bottom:14px}.apk-upload-modal .ant-modal-title{font-size:18px}.apk-upload-modal .ant-form-item{margin-bottom:14px}.apk-upload-modal .ant-form-item:last-child{margin-bottom:0}.apk-upload-modal .ant-form-item-label{padding-bottom:5px}.apk-upload-modal .ant-upload-wrapper .ant-upload-drag .ant-upload{padding:16px 12px}.apk-upload-modal .ant-upload-drag p.ant-upload-drag-icon{margin-bottom:8px}.apk-upload-modal .ant-upload-drag .ant-upload-drag-icon .anticon{font-size:36px}.apk-upload-modal .ant-upload-drag p.ant-upload-text{margin-bottom:2px;font-size:15px}.apk-upload-modal .ant-upload-drag p.ant-upload-hint{font-size:13px}.apk-upload-modal .ant-modal-footer{margin-top:16px}.runtime-empty-hint{color:#d48806;font-size:13px}.ota-upload-progress-hint{margin-bottom:16px}@media(max-width:768px){.version-management-page .version-management-tabs>.ant-tabs-nav{padding:0 16px}.version-management-page .table-header{padding:16px;align-items:stretch;flex-direction:column}.version-management-page .table-actions,.version-management-page .table-actions .ant-space{width:100%;max-width:100%}.apk-upload-modal .ant-modal{width:calc(100vw - 32px)!important;max-width:520px;margin:16px auto}}.agreements-page .type-tag{font-weight:600}.agreements-page .page-header-new{margin-bottom:28px}.agreements-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.agreements-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.comments-page{--primary: #0d9488;--primary-light: #2dd4bf;--primary-dark: #134e4a;--cta: #f97316;--bg-card: #fff;--text-light: #5f7470;--border: #ccfbf1;--shadow: 0 4px 20px rgba(13, 148, 136, .08);--radius: 16px;--radius-sm: 10px}.comments-page .page-header-new{margin-bottom:28px}.comments-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.comments-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.comments-page .table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.comments-page .table-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.comments-page .table-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.comments-page .table-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comments-page .comment-filter-select .ant-select-selector{height:38px!important;border:2px solid var(--border)!important;border-radius:var(--radius-sm)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.comments-page .comment-filter-select .ant-select-selector:hover,.comments-page .comment-filter-select.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.comments-page .comment-filter-select .ant-select-selection-item,.comments-page .comment-filter-select .ant-select-selection-placeholder{line-height:34px!important}.comments-page .comment-search-control{width:240px;height:38px;display:flex;align-items:stretch;overflow:hidden;border:1px solid #d9d9d9;border-radius:var(--radius-sm);background:#fff;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.comments-page .comment-search-control:focus-within{border-color:var(--primary)}.comments-page .comment-search-control .comment-keyword-input{flex:1;min-width:0}.comments-page .comment-search-control .ant-input-affix-wrapper,.comments-page .comment-search-control .ant-input-affix-wrapper:hover,.comments-page .comment-search-control .ant-input-affix-wrapper-focused{height:100%;border:0!important;border-radius:0!important;box-shadow:none!important}.comments-page .comment-search-control .comment-search-button{height:100%;min-width:76px;border-radius:0!important;box-shadow:none;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;transform:none!important}.comments-page .comment-search-control .comment-search-button:hover,.comments-page .comment-search-control .comment-search-button:focus,.comments-page .comment-search-control .comment-search-button:active{background:var(--primary-light)!important;border-color:var(--primary-light)!important;color:#fff!important;box-shadow:none!important;transform:none!important}.comments-page .ant-tabs{padding:0 28px}.comments-page .ant-tabs-nav{margin-bottom:18px}.comments-page .ant-tabs-tab{font-weight:500}.comments-page .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary)}.comments-page .ant-tabs-ink-bar{background:var(--primary)}.comments-page .ant-table-wrapper{padding:0 28px 28px}.comments-page .ant-table{border-color:var(--border)}.comments-page .ant-table-thead>tr>th{background:#f8fafc!important;color:var(--primary-dark)!important;font-weight:600}.comments-page .ant-table-tbody>tr:hover>td{background:#f0fdfa!important}.comments-page .ant-table-pagination{margin-bottom:0}.comments-page .ant-tag{border-radius:999px;font-weight:600}.comments-page .empty-state{text-align:center;padding:72px 20px;color:var(--text-light)}.comments-page .empty-icon{font-size:64px;margin-bottom:18px;opacity:.45}.comments-page .empty-text{font-size:16px;font-weight:500}@media(max-width:768px){.comments-page .table-header{align-items:stretch;flex-direction:column;padding:18px}.comments-page .table-actions{width:100%;max-width:100%}.comments-page .comment-filter-select{flex:1;min-width:120px}.comments-page .comment-search-control{width:100%}.comments-page .ant-tabs,.comments-page .ant-table-wrapper{padding-left:18px;padding-right:18px}}.distribution-page .page-header-new{margin-bottom:28px}.distribution-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.distribution-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.distribution-page .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.distribution-page .stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #5f747014;transition:transform .2s,box-shadow .2s}.distribution-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5f74701f}.distribution-page .stat-card .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.distribution-page .stat-card .stat-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary)}.distribution-page .stat-card .stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.distribution-page .stat-card .stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:var(--cta)}.distribution-page .stat-card .stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.distribution-page .stat-card .stat-content{flex:1;min-width:0}.distribution-page .stat-card .stat-value{font-size:24px;font-weight:700;color:var(--primary-dark);margin-bottom:4px}.distribution-page .stat-card .stat-label{font-size:13px;color:var(--text-light)}.distribution-page .table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #5f747014}.distribution-page .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.distribution-page .table-header h3{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0}.distribution-page .table-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.distribution-page .distribution-result-count{color:#5f7470;font-size:14px;font-weight:400}.distribution-rate-input{width:100%}.distribution-page .relation-status-filter{width:120px}.distribution-page .row-actions{display:flex;gap:8px;align-items:center}.distribution-page .clickable-row{cursor:pointer}.distribution-page .amount-positive{color:#16a34a;font-weight:700}.distribution-page .distribution-note{padding:12px 14px;margin-bottom:16px;border:1px solid #ccfbf1;border-radius:8px;background:#f0fdfa;color:var(--primary-dark);font-size:13px;line-height:1.7}.distribution-page .search-input{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;transition:all var(--transition)!important;height:38px!important;line-height:34px!important;padding-right:12px!important;box-shadow:none!important}.distribution-page .search-input:focus,.distribution-page .search-input:hover{border-color:var(--primary)!important;box-shadow:none!important}.distribution-page .filter-select{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;height:38px!important}.distribution-page .filter-select:focus,.distribution-page .filter-select:hover{border-color:var(--primary)!important}.distribution-page .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.distribution-page .status-badge.status-draft{background:#fef3c7;color:#b45309}.distribution-page .status-badge.status-online{background:#dcfce7;color:#16a34a}.distribution-page .status-badge.status-offline{background:#fee2e2;color:#dc2626}.distribution-page .user-avatar-cell{display:flex;align-items:center;gap:10px;min-width:0}.distribution-page .user-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.distribution-page .user-cell-name{font-size:13px;font-weight:600;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-page .user-cell-phone{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-page .empty-state{padding:48px 0;text-align:center}.distribution-page .empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.distribution-page .empty-text{color:var(--text-light);font-size:14px}.earnings-summary{margin-bottom:24px}.drawer-table-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 16px}.drawer-table-header h3{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0}.distribution-page .action-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:4px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:13px;transition:all .2s}.distribution-page .action-btn:hover{background:var(--primary);color:#fff}.distribution-page .action-btn.danger{border-color:#dc2626;color:#dc2626}.distribution-page .action-btn.danger:hover{background:#dc2626;color:#fff}.distribution-modal-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin-bottom:12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px;line-height:1.6}.distribution-modal-hint .hint-icon{font-size:16px;flex-shrink:0;line-height:1.6}.distribution-reconcile-form{padding:20px 0}.distribution-reconcile-warning{color:#ef4444;margin-bottom:16px}.distribution-reconcile-field{margin-bottom:16px}.distribution-reconcile-label{display:block;margin-bottom:8px}.distribution-reconcile-select{width:100%}.distribution-add-form .ant-input-number{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;transition:all var(--transition)!important;box-shadow:none!important;height:32px!important;line-height:30px!important;padding:0 11px!important;width:100%}.distribution-add-form .ant-input-number-input{height:30px!important;padding:0!important}.distribution-add-form .ant-input-number:hover{border-color:var(--primary)!important;box-shadow:none!important}.distribution-add-form .ant-input-number:focus,.distribution-add-form .ant-input-number-focused{border-color:var(--primary)!important;box-shadow:none!important}.distribution-add-form .ant-input-number .ant-input-number-handler-wrap{opacity:0;transition:opacity .2s}.distribution-add-form .ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.distribution-add-form .ant-select-selector{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;box-shadow:none!important;min-height:32px!important}.distribution-add-form .ant-select:hover .ant-select-selector,.distribution-add-form .ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:none!important}@media(max-width:992px){.distribution-page .stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.distribution-page .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.distribution-page .stat-card{min-width:0;padding:10px;gap:8px}.distribution-page .stat-card .stat-icon{width:36px;height:36px;border-radius:10px;font-size:18px}.distribution-page .stat-card .stat-content{min-width:0}.distribution-page .stat-card .stat-value{min-width:0;font-size:18px;line-height:1.15;overflow-wrap:anywhere}.distribution-page .stat-card .stat-label{overflow-wrap:anywhere}.earnings-drawer .drawer-table-header{flex-direction:column;align-items:stretch}.earnings-drawer .drawer-table-header .ant-select{width:100%!important}}.knowledge-acupoints-page,.knowledge-herbs-page,.knowledge-books-page,.syndromes-page{padding:0 4px}.syndromes-page .page-header-new{margin-bottom:28px}.syndromes-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.syndromes-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.syndromes-page .syndrome-layout{display:flex;align-items:stretch;height:calc(100vh - 220px);min-height:400px;width:100%}.syndromes-page .syndrome-layout-left{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;border-right:1px solid #f0f0f0;padding-right:16px}.syndromes-page .syndrome-layout-resizer{flex:0 0 6px;margin:0 4px;cursor:col-resize;position:relative;border-radius:3px;transition:background-color .15s}.syndromes-page .syndrome-layout-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:28px;background:#d9d9d9;border-radius:1px;transition:background-color .15s,height .15s}.syndromes-page .syndrome-layout-resizer:hover:after,.syndromes-page .syndrome-layout-resizer:active:after{background:var(--primary, #0d9488);height:44px}.syndromes-page .syndrome-layout-right{flex:1 1 auto;min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:4px}.syndrome-tree-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.syndrome-tree-panel .syndrome-tree-toolbar{flex:0 0 auto;margin-bottom:12px}.syndrome-tree-panel .syndrome-tree-scroller{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.syndrome-tree-panel .syndrome-tree-scroller .ant-tree{min-width:max-content}.syndrome-tree-panel .syndrome-tree-row{display:inline-flex;align-items:center;width:100%;justify-content:space-between;gap:8px}.syndrome-tree-panel .syndrome-tree-row .syndrome-tree-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center}.syndrome-tree-panel .syndrome-tree-row .syndrome-tree-actions{flex:0 0 auto}.syndrome-tree-panel .ant-tree-node-content-wrapper{max-width:100%;overflow:hidden}.syndrome-tree-panel .ant-tree-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;vertical-align:middle}.syndrome-tree-panel .ant-tree-node-content-wrapper:hover{overflow:visible}.syndrome-tree-panel .ant-tree-node-content-wrapper:hover .ant-tree-title,.syndrome-tree-panel .ant-tree-node-content-wrapper:hover .syndrome-tree-label{overflow:visible;white-space:normal;word-break:break-all}.syndrome-tree-panel .syndrome-tree-actions{opacity:0;transition:opacity .2s}.syndrome-tree-panel .ant-tree-node-content-wrapper:hover .syndrome-tree-actions,.syndrome-tree-panel .ant-tree-node-selected .syndrome-tree-actions{opacity:1}.syndrome-detail-panel .syndrome-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.syndrome-detail-panel .syndrome-detail-header h3{margin:0;color:var(--primary-dark);font-weight:700}.syndrome-detail-empty{display:flex;align-items:center;justify-content:center;min-height:400px}.syndrome-formula-editor{padding-top:8px}.knowledge-page-header{margin-bottom:28px}.knowledge-page-header h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.knowledge-page-header p{color:var(--text-light);margin:0;font-size:14px}.knowledge-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.knowledge-stat-card{min-width:0;background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--border)}.knowledge-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.knowledge-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.knowledge-stat-label{font-size:13px;color:var(--text-light);font-weight:500}.knowledge-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.knowledge-stat-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary)}.knowledge-stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.knowledge-stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.knowledge-stat-icon.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:var(--cta)}.knowledge-stat-value{font-size:32px;font-weight:700;color:var(--primary-dark);line-height:1}.knowledge-table-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.knowledge-table-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#0d948805,#2dd4bf05)}.knowledge-table-header h3{font-size:18px;font-weight:600;color:var(--primary-dark);margin:0}.knowledge-table-actions{display:flex;gap:12px;align-items:center}.knowledge-count-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary);border:none;font-weight:600;font-size:13px;cursor:pointer;transition:all var(--transition);font-family:inherit}.knowledge-count-btn:hover{background:linear-gradient(135deg,#99f6e4,#5eead4);transform:translateY(-1px);box-shadow:0 4px 12px #0d948833}.knowledge-action-group{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:238px;min-width:238px;max-width:238px;margin-left:auto}.knowledge-action-cell{padding-left:0!important;padding-right:12px!important;overflow:visible}.knowledge-action-group .ant-switch{flex:0 0 auto}.acupoint-action-group{gap:8px;justify-content:flex-end;width:250px;min-width:250px;max-width:250px}.acupoint-action-cell{padding-right:20px!important}.book-action-group{gap:4px}.knowledge-editor-modal .ant-modal-header{padding:8px 14px!important}.knowledge-editor-modal .ant-modal-body{max-height:calc(100vh - 160px);overflow-y:auto;padding:8px 14px!important}.knowledge-editor-modal .ant-modal-footer{padding:6px 14px!important}.knowledge-editor-modal .ant-modal-footer .ant-btn{height:34px}.knowledge-editor-modal .ant-form-item{margin-bottom:6px}.knowledge-editor-modal .ant-form-item-label{padding-bottom:2px}.knowledge-editor-modal .ant-upload-wrapper .ant-upload-drag{min-height:0;padding:0!important}.knowledge-editor-modal .ant-upload-wrapper .ant-upload-drag .ant-upload{padding:4px 10px!important}.knowledge-editor-modal input.ant-input,.knowledge-editor-modal .ant-input-affix-wrapper,.knowledge-editor-modal .ant-input-number{height:40px!important;min-height:40px!important}.knowledge-editor-modal .ant-input-affix-wrapper>input.ant-input{height:auto!important;min-height:0!important}.knowledge-editor-modal .ant-input-textarea textarea{resize:vertical;max-width:100%;box-sizing:border-box}.knowledge-editor-modal .book-price-input{padding:0 14px!important;display:inline-flex;align-items:center}.knowledge-editor-modal .book-price-input .ant-input-number-input{height:auto!important;min-height:0!important;padding:0!important}.knowledge-editor-modal .ant-input-number-input{height:38px!important}.knowledge-editor-modal .ant-select{--ant-select-height: 40px;height:40px!important;min-height:40px!important}.knowledge-action-btn{box-sizing:border-box;flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);cursor:pointer;transition:all var(--transition);font-size:15px}.knowledge-action-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.knowledge-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.knowledge-breadcrumb{padding:12px 28px;background:linear-gradient(135deg,#0d94880a,#2dd4bf0a);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-light);display:flex;align-items:center;gap:8px}.knowledge-breadcrumb strong{color:var(--primary-dark);font-weight:600}.acupoint-detail-grid{display:grid;grid-template-columns:1.2fr 1.2fr 120px 88px;gap:12px;align-items:start}.acupoint-detail-grid input.ant-input,.acupoint-detail-grid .ant-input-number,.acupoint-detail-grid .ant-select{--ant-select-height: 40px;height:40px!important;min-height:40px!important;padding:0 14px!important;display:flex;align-items:center}.acupoint-detail-grid .ant-input-number-input{height:38px!important;padding:0!important}.acupoint-detail-grid .ant-switch{margin-top:6px}.acupoint-media-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) 90px 88px 44px;gap:10px;align-items:center;padding:10px;margin-bottom:10px;border:1px solid #e5efed;border-radius:8px;background:#fbfdfc}.acupoint-media-preview{display:flex;align-items:center;gap:12px;min-width:0}.acupoint-media-thumb{position:relative;width:96px;height:72px;flex:0 0 96px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#edf5f3;color:var(--primary);font-size:24px}.acupoint-media-thumb img,.acupoint-media-thumb video{width:100%;height:100%;object-fit:cover;display:block}.acupoint-media-thumb video{background:#111}.acupoint-media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:26px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.acupoint-media-meta{min-width:0;display:flex;flex-direction:column;gap:6px}.acupoint-media-type{width:fit-content;padding:2px 8px;border-radius:10px;background:#e6f3ff;color:#1890ff;font-size:12px;line-height:18px;font-weight:600}.acupoint-media-type.video{background:#f3e8ff;color:#7c3aed}.acupoint-media-name{color:var(--primary-dark);font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acupoint-mobile-modal .ant-modal-content{overflow:hidden;border-radius:16px}.acupoint-mobile-preview{background:#fff;max-height:78vh;overflow-y:auto;padding:0 16px 28px}.acupoint-mobile-header{height:56px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#222;border-bottom:1px solid #f0f0f0;margin:0 -16px 16px}.acupoint-mobile-media{position:relative;margin-bottom:12px}.acupoint-mobile-media-slide{position:relative;height:240px;background:#f5f5f5;overflow:hidden}.acupoint-mobile-media-image,.acupoint-mobile-media-video{width:100%;height:240px;object-fit:contain;display:block;background:transparent}.acupoint-mobile-media-video{background:#000}.acupoint-mobile-paid{position:absolute;right:10px;top:10px;background:#00000094;color:#fff;border-radius:12px;padding:3px 8px;font-size:12px;font-weight:600}.acupoint-mobile-paid.vip{color:#facc15}.acupoint-mobile-caption{position:absolute;left:0;right:0;bottom:0;background:#0000005c;color:#fff;font-size:13px;line-height:20px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medicated-diet-mobile-cover{width:100%;height:220px;overflow:hidden;border-radius:10px;background:#f5f5f5;margin-bottom:12px}.medicated-diet-mobile-cover img{width:100%;height:100%;object-fit:cover;display:block}.acupoint-mobile-media .ant-carousel .slick-dots{bottom:-22px}.acupoint-mobile-media .ant-carousel .slick-dots li button{width:18px;height:4px;border-radius:4px;background:#c7d2d0;opacity:1}.acupoint-mobile-media .ant-carousel .slick-dots li.slick-active button{width:24px;background:#1890ff}.acupoint-mobile-chip{display:inline-flex;align-items:center;background:#e6f3ff;color:#1890ff;border-radius:12px;padding:4px 10px;margin:12px 0 16px;font-size:13px;font-weight:500}.acupoint-mobile-summary{background:#fff8e1;border-left:3px solid #ffc107;border-radius:8px;color:#5d4037;font-size:14px;line-height:22px;padding:12px;margin-bottom:16px}.acupoint-mobile-content{color:#333;font-size:15px;line-height:24px}.acupoint-mobile-content p{margin-bottom:8px}.acupoint-mobile-content strong{color:#222;font-weight:700}.acupoint-mobile-empty{color:#999;text-align:center;padding:24px 0}@media(max-width:1024px){.knowledge-stats-row{grid-template-columns:repeat(2,1fr)}.acupoint-detail-grid{grid-template-columns:1fr 1fr}.acupoint-media-row{grid-template-columns:minmax(220px,1fr) minmax(160px,1fr) 90px 88px 44px}}@media(max-width:768px){.knowledge-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-table-header{flex-direction:column;align-items:flex-start}.acupoint-detail-grid{grid-template-columns:1fr}.acupoint-media-row{grid-template-columns:1fr 90px 88px 44px}.acupoint-media-preview{grid-column:1 / -1}.syndromes-page .syndrome-layout{flex-direction:column;height:auto;min-height:0;gap:16px}.syndromes-page .syndrome-layout-left{width:100%!important;max-width:100%;height:min(42dvh,360px);min-height:260px;flex:0 0 auto!important;border-right:0;border-bottom:1px solid #f0f0f0;padding-right:0;padding-bottom:16px}.syndromes-page .syndrome-layout-resizer{display:none}.syndromes-page .syndrome-layout-right{width:100%;height:auto;min-height:360px;overflow:visible}.syndrome-tree-panel .syndrome-tree-actions{opacity:1}.syndrome-tree-panel .syndrome-tree-scroller{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.syndrome-tree-panel .syndrome-tree-scroller .ant-tree{min-width:max-content}}.tianji-page{padding:0 4px}.tianji-page .page-header-new{margin-bottom:28px}.tianji-page .page-header-new h2{font-size:28px;font-weight:700;color:var(--primary-dark);margin:0 0 6px}.tianji-page .page-header-new p{color:var(--text-light);margin:0;font-size:14px}.tianji-page .knowledge-stats-row{grid-template-columns:repeat(3,1fr)}.knowledge-stat-sub{margin-top:10px;font-size:12px;color:var(--text-light);font-weight:500}.tianji-table-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.tianji-search{width:220px}.tianji-topic-filter{width:180px}.tianji-spirit-filter{width:120px}.tianji-full-width-input{width:100%}.tianji-settings-form{margin-top:4px;max-width:420px}.tianji-tab-content{padding:0 28px 20px}.tianji-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 16px;align-items:start}.tianji-topic-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}.tianji-topic-form-full-width,.tianji-topic-form-grid>.tianji-bagua-preview-grid,.tianji-topic-form-grid>.tianji-form-row{grid-column:1 / -1}.tianji-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}.tianji-action-group{width:96px;min-width:96px;max-width:96px}.knowledge-editor-modal .tianji-source-page-input{align-items:center;display:inline-flex;padding:0 14px}.knowledge-editor-modal .tianji-source-page-input .ant-input-number-input{height:auto;min-height:0;padding:0}.knowledge-editor-modal .tianji-bagua-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.knowledge-editor-modal .tianji-bagua-preview{border:1px solid #d9d9d9;border-radius:10px;padding:16px}.knowledge-editor-modal .tianji-bagua-preview h4{color:var(--primary-dark);font-size:16px;margin:0 0 12px}.knowledge-editor-modal .tianji-bagua-wheel{background:conic-gradient(from -22.5deg,#f8fafc 0deg 45deg,#fff 45deg 90deg,#f8fafc 90deg 135deg,#fff 135deg 180deg,#f8fafc 180deg 225deg,#fff 225deg 270deg,#f8fafc 270deg 315deg,#fff 315deg 360deg);border:1px solid #d9d9d9;border-radius:50%;height:220px;margin:0 auto;max-width:220px;position:relative;width:100%}.knowledge-editor-modal .tianji-bagua-sector{align-items:center;border-radius:999px;color:var(--text-light);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1;min-height:28px;min-width:40px;padding:6px 8px;position:absolute;transform:translate(-50%,-50%);z-index:1}.knowledge-editor-modal .tianji-bagua-sector-1{left:25.6%;top:25.6%}.knowledge-editor-modal .tianji-bagua-sector-2{left:50%;top:15.5%}.knowledge-editor-modal .tianji-bagua-sector-3{left:74.4%;top:25.6%}.knowledge-editor-modal .tianji-bagua-sector-4{left:84.5%;top:50%}.knowledge-editor-modal .tianji-bagua-sector-5{left:74.4%;top:74.4%}.knowledge-editor-modal .tianji-bagua-sector-6{left:50%;top:84.5%}.knowledge-editor-modal .tianji-bagua-sector-7{left:25.6%;top:74.4%}.knowledge-editor-modal .tianji-bagua-sector-8{left:15.5%;top:50%}.knowledge-editor-modal .tianji-bagua-center{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:50%;color:var(--primary-dark);display:flex;font-weight:700;height:80px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.knowledge-editor-modal .tianji-bagua-sector-active{background:var(--primary-dark);color:#fff}.knowledge-editor-modal .tianji-bagua-summary{color:var(--text-light);font-size:13px;margin:12px 0 0;min-height:20px;text-align:center}@media(max-width:1024px){.tianji-page .knowledge-stats-row{grid-template-columns:repeat(2,1fr)}.tianji-form-grid,.tianji-topic-form-grid,.tianji-form-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.tianji-page .knowledge-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tianji-form-grid,.tianji-topic-form-grid,.tianji-form-row,.knowledge-editor-modal .tianji-bagua-preview-grid{grid-template-columns:1fr}}.customer-service-page{padding:0}.customer-service-load-error{padding:24px}.customer-service-page .page-header-new{margin-bottom:28px}.customer-service-page .page-header-new h2{color:var(--primary-dark);font-size:28px;font-weight:700;margin:0 0 6px}.customer-service-page .page-header-new p{color:var(--text-light);font-size:14px;margin:0}.customer-service-qr-code{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.customer-service-qr-preview{max-width:240px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}