@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-dark:#e6f7f5}*{margin:0;padding:0}.basic-layout{min-height:100vh;.logo{background:linear-gradient(135deg,#0d9488,#2dd4bf);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#0d9488;color:var(--primary);color:#fff;font-family:Baloo\ 2,cursive;font-size:20px;font-weight:700;height:64px;letter-spacing:-.02em;line-height:64px;text-align:center}.app-sider{background:#fff!important;background:var(--bg-card)!important;box-shadow:2px 0 20px #0d948814;:deep(.ant-menu-light){-webkit-border-end:none!important;background:#0000;border-inline-end:none!important;padding:16px 8px;.ant-menu-item{border-radius:10px;border-radius:var(--radius-sm);font-weight:500;height:48px;line-height:48px;margin:4px 0;padding:0 20px!important;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.ant-menu-item-selected{background:linear-gradient(135deg,#0d94881a,#2dd4bf1a)!important;color:#0d9488!important;color:var(--primary)!important;font-weight:600;&:after{display:none}}.ant-menu-item:hover:not(.ant-menu-item-selected){background:#0d94880d!important;color:#0d9488!important;color:var(--primary)!important}}}.app-header{align-items:center;background:#fff!important;background:var(--bg-card)!important;border-bottom:1px solid #ccfbf1;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0d94880f;display:flex!important;height:64px!important;justify-content:flex-end;line-height:64px!important;padding:0 32px!important;&.ant-layout-header{height:64px!important;line-height:64px!important;padding:0 32px!important}.header-right{display:flex;overflow:hidden}.header-right,.user-info{align-items:center;gap:8px}.user-info{border-radius:10px;border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;padding:4px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition);&:hover{background:#0d94880d}.username{color:#134e4a;color:var(--text);font-size:14px;font-weight:500;white-space:nowrap}}}.app-content{background:#f0fdfa;background:var(--bg);margin:0;min-height:calc(100vh - 64px);overflow-y:auto;padding:32px}}.ant-table{background:#0000!important;border-radius:16px;border-radius:var(--radius);overflow:hidden}.ant-table-thead>tr>th{background:#e6f7f5!important;background:var(--bg-dark)!important;color:#5f7470!important;color:var(--text-light)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px;padding:16px 20px!important;text-transform:uppercase}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{border-bottom:1px solid #ccfbf1!important;border-bottom:1px solid var(--border)!important}.ant-table-tbody>tr>td{background:#fff!important;background:var(--bg-card)!important;padding:20px!important;transition:background .25s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.ant-table-tbody>tr{border-radius:16px;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:#f97316!important;background:var(--cta)!important;border-color:#f97316!important;border-color:var(--cta)!important;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #f9731640;font-weight:500;height:40px;padding:0 24px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition);&:hover{background:#ea580c!important;background:var(--cta-hover)!important;border-color:#ea580c!important;border-color:var(--cta-hover)!important;box-shadow:0 6px 16px #f9731659;transform:translateY(-2px)}}.ant-btn{border-radius:10px;border-radius:var(--radius-sm);font-weight:500;height:36px;padding:0 16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.ant-btn-link{color:#0d9488;color:var(--primary);font-weight:500;height:auto;padding:0;&:hover{color:#2dd4bf;color:var(--primary-light)}}.ant-tag{border:none;border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.ant-modal-content{border-radius:16px!important;border-radius:var(--radius)!important;box-shadow:0 20px 60px #0d948826!important;overflow:hidden}.ant-modal-header{background:linear-gradient(135deg,#0d9488,#2dd4bf)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)!important;border-bottom:none!important;padding:14px 20px!important;.ant-modal-title{color:#fff!important;font-family:Baloo\ 2,cursive!important;font-size:16px!important;font-weight:600!important}}.ant-modal-close{align-items:center!important;background:#fff3!important;border-radius:50%!important;display:flex!important;height:32px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;width:32px!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 #ccfbf1!important;border-top:1px solid var(--border)!important;padding:12px 20px!important}.ant-modal-confirm-body .ant-modal-confirm-title{color:#134e4a;color:var(--text);font-weight:600}.ant-form-item-label>label{color:#134e4a!important;color:var(--primary-dark)!important;font-size:14px;font-weight:600}.ant-input,.ant-input-number,.ant-select-selector{border:2px solid #ccfbf1!important;border:2px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;font-size:14px!important;padding:10px 14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important;&:hover{border-color:#2dd4bf!important;border-color:var(--primary-light)!important}&:focus,&:focus-within{border-color:#0d9488!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}}.ant-input-textarea textarea,.ant-select-dropdown{border-radius:10px!important;border-radius:var(--radius-sm)!important}.ant-select-dropdown{box-shadow:0 8px 30px #0d94881f!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{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 4px #00000026!important;height:18px!important;width:18px!important}.ant-switch-checked{background:#0d9488!important;background:var(--primary)!important;border-radius:16px!important}.ant-switch-checked:after{left:24px!important}.ant-pagination-item-active{border-color:#0d9488!important;border-color:var(--primary)!important;a{color:#0d9488!important;color:var(--primary)!important}}.ant-pagination-item,.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{border-radius:10px!important;border-radius:var(--radius-sm)!important}.ant-popconfirm{.ant-popover-inner{border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 30px #0d94881f;box-shadow:var(--shadow-hover)}}.ant-upload-drag{background:#f0fdfa!important;background:var(--bg)!important;border:2px dashed #ccfbf1!important;border:2px dashed var(--border)!important;border-radius:16px!important;border-radius:var(--radius)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important;&:hover{background:#0d948805!important;border-color:#0d9488!important;border-color:var(--primary)!important}}.ant-upload-drag-icon{color:#0d9488!important;color:var(--primary)!important}.ant-upload-text{color:#5f7470!important;color:var(--text-light)!important;font-weight:500!important}.ant-spin-fullpage{background:#f0fdfa;background:var(--bg)}.ant-select-focused .ant-select-selector{border-color:#0d9488!important;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:10px;border-radius:var(--radius-sm);box-shadow:0 8px 30px #0d94881f;box-shadow:var(--shadow-hover)}}.dashboard-stat-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.dashboard-stat-card{background:#fff;border:1px solid #ccfbf1;border-radius:16px;box-shadow:0 4px 20px #0d948814;cursor:pointer;padding:24px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.dashboard-stat-card:hover{box-shadow:0 8px 30px #0d94881f;transform:translateY(-4px)}.dashboard-stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.dashboard-stat-label{color:#5f7470;font-size:13px;font-weight:500}.dashboard-stat-icon{align-items:center;border-radius:14px;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.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{color:#134e4a;font-family:Baloo\ 2,cursive;font-size:36px;font-weight:700;line-height:1}.dashboard-recent-orders{background:#fff;border:1px solid #ccfbf1;border-radius:16px;box-shadow:0 4px 20px #0d948814;overflow:hidden}.dashboard-section-header{align-items:center;background:linear-gradient(135deg,#0d948805,#2dd4bf05);border-bottom:1px solid #ccfbf1;color:#134e4a;display:flex;font-family:Baloo\ 2,cursive;font-size:18px;font-weight:600;gap:10px;padding:20px 28px}.dashboard-empty-orders{color:#5f7470;padding:60px 20px;text-align:center}.dashboard-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.dashboard-order-header{align-items:center;background:linear-gradient(135deg,#0d94880a,#2dd4bf0a);border-bottom:1px solid #ccfbf1;color:#134e4a;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:14px 28px}.dashboard-order-header span{flex:1 1;text-align:left}.dashboard-order-header span:last-child{text-align:right}.dashboard-order-item{align-items:center;border-bottom:1px solid #f0fdfa;display:flex;justify-content:space-between;padding:18px 28px;transition:background .25s cubic-bezier(.4,0,.2,1)}.dashboard-order-item span{flex:1 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{align-items:center;display:flex;gap:16px}.dashboard-order-no{color:#134e4a;font-size:14px;font-weight:600}.dashboard-order-course{color:#5f7470;font-size:13px}.dashboard-order-amount{color:#134e4a;font-family:Baloo\ 2,cursive;font-size:16px;font-weight:600}.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:1fr}}*{box-sizing:border-box}body{background:#f0fdfa;background:var(--bg);color:#134e4a;color:var(--text);font-family:Fira Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}.search-input .ant-input{border:none!important;box-shadow:none!important;padding:0!important}.search-input .ant-input-prefix{color:#5f7470;color:var(--text-light);margin-right:8px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 22px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.btn-primary{background:#f97316;background:var(--cta);box-shadow:0 4px 14px #f973164d;color:#fff}.btn-primary:hover{background:#ea580c;background:var(--cta-hover);box-shadow:0 6px 18px #f9731666;transform:translateY(-2px)}.course-item{align-items:center;display:flex;gap:18px}.course-cover{background:#f0fdfa;background:var(--bg);border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);height:60px;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:80px}.course-cover:hover{transform:scale(1.05)}.course-info{flex:1 1}.course-title{color:#134e4a;color:var(--primary-dark);font-size:15px;font-weight:600;margin-bottom:6px}.course-desc{color:#5f7470;color:var(--text-light);font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-display{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:20px;font-weight:600}.price-free{color:#22c55e;font-size:14px;font-weight:600;gap:4px}.chapter-count,.price-free{align-items:center;display:inline-flex}.chapter-count{background:#0d94880f;border-radius:20px;color:#0d9488;color:var(--primary);cursor:pointer;font-weight:500;gap:6px;padding:6px 12px;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.chapter-count:hover{background:#0d94881f;opacity:1!important}.modal-new .ant-modal-header{padding:14px 20px!important}.modal-new .ant-modal-title{font-size:16px!important}.modal-new .ant-modal-close{align-items:center!important;background:#fff3!important;border-radius:50%!important;display:flex!important;height:32px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;width:32px!important}.modal-new .ant-modal-close-x{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{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:#f97316!important;background:var(--cta)!important;border-color:#f97316!important;border-color:var(--cta)!important;box-shadow:0 4px 12px #f9731640}.form-item-label{color:#134e4a!important;color:var(--primary-dark)!important;display:block!important;font-size:14px;font-weight:600;margin-bottom:10px!important}.form-input{border:2px solid #ccfbf1!important;border:2px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;font-size:14px!important;height:48px!important;padding:12px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important}.form-input:focus,.form-input:hover{border-color:#0d9488!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.form-select{border:2px solid #ccfbf1!important;border:2px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;font-size:14px!important;height:48px!important;padding:12px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important}.form-select:focus,.form-select:hover{border-color:#0d9488!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.upload-area{background:#f0fdfa;background:var(--bg);border:2px dashed #ccfbf1;border:2px dashed var(--border);border-radius:16px;border-radius:var(--radius);cursor:pointer;padding:40px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.upload-area:hover{background:#0d948805;border-color:#0d9488;border-color:var(--primary)}.upload-icon{color:#0d9488;color:var(--primary);font-size:44px;margin-bottom:14px}.upload-text{color:#5f7470;color:var(--text-light);font-size:14px;font-weight:500}.upload-preview{border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #0d948814;box-shadow:var(--shadow);max-height:130px;max-width:100%;object-fit:contain}.form-switch .ant-switch{background:#e5e7eb!important;border-radius:16px!important;height:24px!important;min-width:44px!important}.form-switch .ant-switch-inner{display:none!important}.form-switch .ant-switch:after{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 4px #00000026!important;height:20px!important;top:2px!important;width:20px!important}.form-switch .ant-switch-checked{background:#0d9488!important;background:var(--primary)!important;border-radius:16px!important}.pagination-wrap{background:linear-gradient(135deg,#0d948805,#2dd4bf05);border-top:1px solid #ccfbf1;border-top:1px solid var(--border);padding:20px}.loading-state,.pagination-wrap{display:flex;justify-content:center}.loading-state{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);min-height:300px}.chapters-page-header{margin-bottom:28px}.chapters-page-header h2{color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:28px;font-weight:700;margin:0 0 6px}.chapters-page-header p{color:var(--text-light);font-size:14px;margin:0}.chapters-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.chapters-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;padding:24px;transition:transform var(--transition),box-shadow var(--transition)}.chapters-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.chapters-stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.chapters-stat-label{color:var(--text-light);font-size:13px;font-weight:500}.chapters-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.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{color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:32px;font-weight:700;line-height:1}.chapters-table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.chapters-table-header{align-items:flex-start;background:linear-gradient(135deg,#0d948805,#2dd4bf05);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 28px}.chapters-tip{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px;text-align:right;width:100%}.chapters-table-header h3{color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:18px;font-weight:600;margin:0}.chapters-table-actions{align-items:center;display:flex;gap:12px}.chapters-search-input{border:2px solid var(--border)!important;border-radius:var(--radius-sm)!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{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 22px;transition:all var(--transition)}.chapters-btn-primary{background:var(--cta);box-shadow:0 4px 14px #f973164d;color:#fff}.chapters-btn-primary:hover{background:var(--cta-hover);box-shadow:0 6px 18px #f9731666;transform:translateY(-2px)}.chapters-action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-light);cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;transition:all var(--transition);width:36px}.chapters-action-btn:hover{border-color:var(--primary);box-shadow:0 4px 12px #0d948826;color:var(--primary);transform:translateY(-2px)}.chapters-action-btn.danger:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.chapters-action-group{display:flex;gap:8px}.chapters-tip{background:linear-gradient(135deg,#0d948814,#2dd4bf14);border-bottom:1px solid var(--border);color:var(--text-light);font-size:14px;padding:12px 28px}.chapters-empty-state{color:var(--text-light);padding:60px 20px;text-align:center}.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:1fr}.chapters-table-header{align-items:flex-start;flex-direction:column;gap:16px}}.filter-date-picker .ant-picker-input{height:34px!important}.user-item{align-items:center;display:flex;gap:14px}.user-info{display:flex;flex-direction:column}.user-name{color:#134e4a;color:var(--primary-dark);font-size:14px;font-weight:600}.user-phone{color:#5f7470;color:var(--text-light);font-size:12px}.info-card{background:#f0fdfa;background:var(--bg);border-radius:10px;border-radius:var(--radius-sm);padding:14px}.info-label{color:#5f7470;color:var(--text-light);font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-value{color:#134e4a;color:var(--text);font-size:14px;font-weight:500}.stat-card .stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.status-draft{background:#f3f4f6;color:#6b7280}.status-online{background:#dcfce7;color:#16a34a}.status-offline{background:#fee2e2;color:#dc2626}.action-btn.danger:hover{background:#fef2f2;border-color:#ef4444;box-shadow:0 4px 12px #ef444426;color:#ef4444}.modal-new .ant-modal-content{border-radius:16px!important;border-radius:var(--radius)!important;box-shadow:0 24px 64px #0d948833!important;overflow:hidden}.modal-new .ant-modal-header{background:linear-gradient(135deg,#0d9488,#2dd4bf)!important;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-family:Baloo\ 2,cursive!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 #ccfbf1!important;border-top:1px solid var(--border)!important;padding:20px 28px!important}.courses-table-new .ant-table{background:#0000!important}.courses-table-new .ant-table-thead>tr>th{background:#f0fdfa!important;color:#5f7470!important;color:var(--text-light)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.8px;padding:16px 24px!important;text-transform:uppercase}.courses-table-new .ant-table-tbody>tr>td,.courses-table-new .ant-table-thead>tr>th{border-bottom:1px solid #ccfbf1!important;border-bottom:1px solid var(--border)!important}.courses-table-new .ant-table-tbody>tr>td{padding:20px 24px!important;transition:background .25s cubic-bezier(.4,0,.2,1);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}.page-header-new{margin-bottom:28px}.page-header-new h2{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:28px;font-weight:700;margin:0 0 6px}.page-header-new p{color:#5f7470;color:var(--text-light);font-size:14px;margin:0}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card{background:#fff;background:var(--bg-card);border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 20px #0d948814;box-shadow:var(--shadow);cursor:pointer;padding:24px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{box-shadow:0 8px 30px #0d94881f;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.stat-card .stat-icon{align-items:center;border-radius:14px;display:flex;font-size:26px;height:52px;justify-content:center;margin-bottom:18px;width:52px}.stat-card .stat-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488;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:#f97316;color:var(--cta)}.stat-card .stat-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-card .stat-value{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:36px;font-weight:700;line-height:1;margin-bottom:6px}.stat-card .stat-label{color:#5f7470;color:var(--text-light);font-size:13px;font-weight:500}.table-card{background:#fff;background:var(--bg-card);border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 20px #0d948814;box-shadow:var(--shadow);overflow:hidden}.table-header{align-items:center;background:linear-gradient(135deg,#0d948805,#2dd4bf05);border-bottom:1px solid #ccfbf1;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 28px}.table-header h3{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:18px;font-weight:600;margin:0}.table-actions{align-items:center;display:flex;gap:12px}.search-input{border:2px solid #ccfbf1!important;border:2px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;padding:8px 12px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important}.search-input:focus,.search-input:hover{border-color:#0d9488!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.filter-select{border:2px solid #ccfbf1!important;border:2px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;height:38px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important}.filter-select:focus,.filter-select:hover{border-color:#0d9488!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.filter-date-picker{border:2px solid #ccfbf1!important;border:2px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;height:38px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition)!important}.filter-date-picker:focus,.filter-date-picker:hover{border-color:#0d9488!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d94881a!important}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 14px}.status-pending{background:#fef3c7;color:#d97706}.status-used{background:#dcfce7;color:#16a34a}.status-expired{background:#f3f4f6;color:#6b7280}.status-failed{background:#fee2e2;color:#dc2626}.action-group{display:flex;gap:10px}.action-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:10px;color:#5f7470;color:var(--text-light);cursor:pointer;display:flex;font-size:15px;height:38px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:38px}.action-btn:hover{border-color:#0d9488;border-color:var(--primary);box-shadow:0 4px 12px #0d948826;color:#0d9488;color:var(--primary);transform:translateY(-2px)}.empty-state{color:#5f7470;color:var(--text-light);padding:80px 20px;text-align:center}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.4}.empty-text{font-size:16px;font-weight:500}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-row{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column;gap:16px}}: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 #0d948814;--shadow-hover:0 8px 30px #0d94881f;--radius:16px;--radius-sm:10px;--transition:250ms cubic-bezier(0.4,0,0.2,1)}.settings-page{.page-header-new{margin-bottom:28px;h2{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:28px;font-weight:700;margin:0 0 6px}p{color:#5f7470;color:var(--text-light);font-size:14px;margin:0}}.storage-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.storage-stat-card{align-items:center;background:#fff;border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 20px #0d948814;box-shadow:var(--shadow);display:flex;gap:16px;padding:24px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition),box-shadow var(--transition);&:hover{box-shadow:0 8px 30px #0d94881f;box-shadow:var(--shadow-hover);transform:translateY(-4px)}}.stat-icon-wrapper{align-items:center;border-radius:14px;display:flex;font-size:26px;height:52px;justify-content:center;width:52px;&.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}&.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#f97316}&.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}}.stat-content{flex:1 1}.stat-value{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:28px;font-weight:700;line-height:1.2}.stat-label{color:#5f7470;color:var(--text-light);font-size:13px;font-weight:500;margin-top:4px}.storage-progress-card{border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);margin-bottom:24px;padding:24px;.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-title{color:#134e4a;color:var(--primary-dark);font-size:15px;font-weight:600}.progress-percent{color:#f97316;color:var(--cta);font-family:Baloo\ 2,cursive;font-size:20px;font-weight:700}.progress-footer{color:#5f7470;color:var(--text-light);font-size:12px;margin-top:8px}}.storage-action-card{border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);margin-bottom:24px;padding:24px;.action-header{margin-bottom:20px;h3{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:18px;font-weight:600;margin:0 0 6px}p{color:#5f7470;color:var(--text-light);font-size:13px;margin:0}}.action-buttons{display:flex;gap:12px}}.file-list-card{border:1px solid #ccfbf1;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:24px;.file-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;h3{color:#134e4a;color:var(--primary-dark);font-family:Baloo\ 2,cursive;font-size:18px;font-weight:600;margin:0}.file-count{background:#f0fdfa;background:var(--bg);border-radius:20px;color:#5f7470;color:var(--text-light);font-size:13px;padding:4px 12px}}}.file-list-container{border:1px solid #f0f0f0;border-radius:8px;margin-top:16px;max-height:350px;overflow-y:auto;padding:8px;.ant-table-cell{white-space:normal;word-break:break-all}}}@media (max-width:768px){.settings-page{.storage-stats-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:420px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{font-size:48px;margin-bottom:16px}.login-header h1{color:var(--text-primary);font-size:24px;margin:0 0 8px}.login-header p{color:var(--text-light);font-size:14px;margin:0}.login-footer{color:var(--text-light);font-size:12px;margin-top:24px;text-align:center}.captcha-modal{padding:10px 0}.captcha-loading,.captcha-modal{display:flex;justify-content:center}.captcha-loading{align-items:center;border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-light);font-size:12px;height:150px;width:280px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.faf05684.css.map*/