:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;width:100%;height:100%;overflow-x:hidden}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1{text-align:center;color:#333;margin-bottom:8px}.login-subtitle{text-align:center;color:#666;margin-bottom:30px}.error-message{background:#fee;color:#c00;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.7;cursor:not-allowed}.admin-layout{display:flex;min-height:100vh;width:100%}.sidebar{width:260px;background:#1a1a2e;color:#fff;padding:20px 0;display:flex;flex-direction:column;position:fixed;height:100vh;overflow:hidden}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #333;flex-shrink:0}.sidebar-header h2{font-size:20px;margin-bottom:5px}.admin-name{color:#888;font-size:14px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#1a1a2e}.sidebar-nav::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#555}.nav-link{display:block;padding:12px 20px;color:#aaa;text-decoration:none;transition:all .3s}.nav-link:hover{color:#fff;background:#2a2a4a}.nav-link.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-left:4px solid #fff}.logout-btn{margin:20px;padding:12px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.logout-btn:hover{background:#c82333}.main-content{flex:1;margin-left:260px;padding:30px;width:calc(100% - 260px);min-width:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%}.page-header h1{color:#333;margin:0}.page-subtitle{color:#666;font-size:14px;margin-top:5px}.add-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:opacity .3s}.add-btn:hover{opacity:.9}.dashboard-section{margin-bottom:30px}.section-title{font-size:18px;color:#333;margin-bottom:20px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;align-items:flex-start;gap:20px;transition:transform .3s,box-shadow .3s;border-left:4px solid #667eea}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.stat-card.today{border-left-color:#17a2b8;background:linear-gradient(135deg,#fff,#e3f2fd)}.stat-card.revenue,.stat-card.success{border-left-color:#28a745}.stat-card.warning{border-left-color:#ffc107}.stat-card.video{border-left-color:#dc3545}.stat-card.audio{border-left-color:#9c27b0}.stat-card.carousel{border-left-color:#ff9800}.stat-card.category{border-left-color:#00bcd4}.stat-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px;color:#fff}.stat-icon.users{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-icon.payments{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.revenue .stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card.success .stat-icon{background:linear-gradient(135deg,#56ab2f,#a8e063)}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#f7971e,#ffd200)}.stat-card.video .stat-icon{background:linear-gradient(135deg,#eb3349,#f45c43)}.stat-card.audio .stat-icon{background:linear-gradient(135deg,#9c27b0,#e040fb)}.stat-card.carousel .stat-icon{background:linear-gradient(135deg,#ff9800,#ffc107)}.stat-card.category .stat-icon{background:linear-gradient(135deg,#00bcd4,#00e5ff)}.stat-info{flex:1;min-width:0}.stat-card h3{color:#666;font-size:14px;margin-bottom:8px;font-weight:500}.stat-number{font-size:28px;font-weight:700;color:#333;margin:0;line-height:1.2}.stat-detail{font-size:12px;color:#888;margin-top:5px;display:block}.message{padding:15px;border-radius:6px;margin-bottom:20px}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}.upload-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #00000014}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-section{margin:30px 0;padding-top:20px;border-top:1px solid #eee}.form-section h3{color:#333;margin-bottom:15px}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input{width:auto}.preview-video{margin-top:10px;max-width:100%;max-height:200px;border-radius:6px}.preview-image{margin-top:10px;max-width:200px;max-height:150px;border-radius:6px;object-fit:cover}.file-name{margin-top:8px;color:#666;font-size:13px}.info-box{background:#e7f3ff;padding:15px;border-radius:6px;margin:20px 0;color:#0056b3}.submit-btn{padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:100%}.data-table th,.data-table td{padding:15px;text-align:left;border-bottom:1px solid #eee}.data-table th{background:#f8f9fa;font-weight:600;color:#555}.data-table tr:hover{background:#f8f9fa}.table-thumbnail{width:80px;height:50px;object-fit:cover;border-radius:4px}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.type-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.type-badge.video{background:#e3f2fd;color:#1565c0}.type-badge.audio{background:#f3e5f5;color:#7b1fa2}.action-buttons{display:flex;gap:8px}.edit-btn{padding:6px 12px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-size:13px}.edit-btn:hover{background:#0056b3}.delete-btn{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.delete-btn:hover{background:#c82333}.loading,.no-data{text-align:center;padding:50px;color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sidebar{width:200px}.main-content{margin-left:200px;padding:20px;width:calc(100% - 200px)}.form-row{grid-template-columns:1fr}}@media(max-width:576px){.sidebar{width:60px}.sidebar-header h2,.admin-name,.nav-section-title,.nav-link{font-size:0}.nav-link{text-align:center;padding:15px}.main-content{margin-left:60px;padding:15px;width:calc(100% - 60px)}.page-header{flex-direction:column;gap:15px;align-items:flex-start}.page-header h1{font-size:20px}}.carousel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.carousel-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.carousel-images{height:150px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.carousel-image-stack{position:relative;width:200px;height:100px}.carousel-thumb{position:absolute;width:100px;height:80px;object-fit:cover;border-radius:8px;border:3px solid white;box-shadow:0 2px 8px #00000026;top:0}.more-images{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#667eea;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:600}.no-image{color:#999;font-size:14px}.carousel-info{padding:15px}.carousel-info h3{margin:0 0 8px;color:#333;font-size:16px}.carousel-text{color:#666;font-size:13px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-meta{display:flex;justify-content:space-between;align-items:center}.image-count{font-size:12px;color:#888}.carousel-actions{padding:0 15px 15px;display:flex;gap:10px}.image-previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin:15px 0}.preview-item{position:relative;border-radius:8px;overflow:hidden}.preview-item img{width:100%;height:100px;object-fit:cover;border-radius:8px}.remove-image-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#dc3545;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:#c82333}.nav-section{margin-top:15px;padding-top:15px;border-top:1px solid #333}.nav-section-title{display:block;padding:8px 20px;font-size:11px;text-transform:uppercase;color:#666;letter-spacing:1px}.filters-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px}.filters-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.filter-group{flex:1;min-width:150px}.filter-input,.filter-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea}.filter-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .3s}.filter-btn:hover{opacity:.9}.clear-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .3s}.clear-btn:hover{background:#5a6268}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:20px}.summary-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;text-align:center}.summary-card h3{color:#666;font-size:14px;margin-bottom:10px}.summary-value{font-size:28px;font-weight:700;color:#333}.summary-card.success{border-left:4px solid #28a745}.summary-card.success .summary-value{color:#28a745}.summary-card.pending{border-left:4px solid #ffc107}.summary-card.pending .summary-value{color:#d39e00}.summary-card.failed{border-left:4px solid #dc3545}.summary-card.failed .summary-value{color:#dc3545}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:20px}.page-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.page-btn:hover:not(:disabled){background:#5a6fd6}.page-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{color:#666;font-size:14px}.status-badge.success{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.expired{background:#e2e3e5;color:#383d41}.export-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .3s}.export-btn:hover:not(:disabled){background:#218838}.export-btn:disabled{background:#a5d6a7;cursor:not-allowed}.download-btn{padding:10px 20px;background:#17a2b8;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .3s}.download-btn:hover{background:#138496}.view-btn{padding:6px 12px;background:#667eea;color:#fff;text-decoration:none;border-radius:4px;font-size:13px;transition:background .3s}.view-btn:hover{background:#5a6fd6}.invoice-btn{padding:6px 12px;background:#17a2b8;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .3s}.invoice-btn:hover{background:#138496}.toggle-btn{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .3s}.toggle-btn.activate{background:#28a745;color:#fff}.toggle-btn.activate:hover{background:#218838}.toggle-btn.deactivate{background:#ffc107;color:#212529}.toggle-btn.deactivate:hover{background:#e0a800}.back-btn{color:#667eea;text-decoration:none;font-size:14px;margin-right:15px;transition:color .3s}.back-btn:hover{color:#5a6fd6}.header-left{display:flex;align-items:center}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px}.detail-card.full-width{grid-column:1 / -1}.detail-card h3{color:#333;font-size:16px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.info-list{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:flex-start}.info-label{color:#666;font-size:14px;min-width:120px}.info-value{color:#333;font-weight:500;text-align:right}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:12px;text-transform:uppercase}.info-item span{color:#333;font-weight:500}.user-profile-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #eee}.profile-avatar-large{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}.user-profile-info h2{margin:0 0 5px;color:#333}.user-email{color:#666;margin:0 0 10px}.tabs-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #eee}.tab{padding:15px 25px;background:none;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s;position:relative}.tab:hover,.tab.active{color:#667eea}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.tab-content{padding:25px}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500;color:#333}.customer-email{font-size:12px;color:#666}.order-id{font-family:monospace;background:#f0f0f0;padding:3px 8px;border-radius:4px;font-size:13px}.transaction-id{font-size:11px;color:#888;margin-top:4px}.amount-info{display:flex;flex-direction:column;gap:2px}.final-amount{font-weight:600;color:#28a745}.discount-text{font-size:11px;color:#dc3545}.coupon-code{font-family:monospace;background:#fff3cd;padding:3px 8px;border-radius:4px;font-size:12px;color:#856404}.video-info{display:flex;align-items:center;gap:12px}.video-title{font-weight:500;color:#333}.video-duration{font-size:12px;color:#666}.video-thumbnail-large{width:100%;max-width:300px;border-radius:8px;margin-bottom:15px}.video-detail{display:flex;flex-direction:column}.keywords-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:15px;font-size:12px}.payment-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.breakdown-row.discount{color:#dc3545}.breakdown-row.total{border-top:2px solid #333;border-bottom:none;font-size:18px;font-weight:700;margin-top:10px;padding-top:15px}.link-text{color:#667eea;text-decoration:none;font-weight:500}.link-text:hover{text-decoration:underline}.message{display:flex;justify-content:space-between;align-items:center}.message button{background:none;border:none;font-size:20px;cursor:pointer;opacity:.7}.message button:hover{opacity:1}.capitalize{text-transform:capitalize}@media(max-width:992px){.details-grid{grid-template-columns:1fr}.filters-form{flex-direction:column}.filter-group{width:100%}}@media(max-width:768px){.user-profile-header{flex-direction:column;text-align:center}.tabs{flex-wrap:wrap}.tab{flex:1;text-align:center}.info-row{flex-direction:column;gap:5px}.info-value{text-align:left}}.banner-preview-container{margin-top:15px;position:relative;display:inline-block}.banner-preview-image{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 4px 15px #0000001a;object-fit:cover}.remove-preview-btn{margin-top:10px;padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background .3s}.remove-preview-btn:hover{background:#c82333}.current-banner-section{margin-top:30px}.current-banner-section h3{color:#333;margin-bottom:20px;font-size:18px}.banner-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.banner-card-image{width:100%;max-height:400px;object-fit:cover}.banner-card-content{padding:25px}.banner-quote{font-size:18px;color:#333;line-height:1.6;font-style:italic;margin:0 0 20px;padding-left:20px;border-left:4px solid #667eea}.banner-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}.banner-date{color:#888;font-size:13px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{margin:0;color:#333;font-size:20px}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-form{padding:25px}.modal-error{background:#f8d7da;color:#721c24;padding:12px 15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.cancel-btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.cancel-btn:hover{background:#5a6268}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}button.add-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .3s}button.add-btn:hover{opacity:.9}button.edit-btn{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .3s}button.edit-btn:hover{background:#0056b3}.carousel-table-images{display:flex;align-items:center;gap:8px}.more-badge{background:#667eea;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.no-image-text{color:#999;font-size:13px;font-style:italic}@media(max-width:768px){.modal-content{max-width:100%;margin:10px;max-height:calc(100vh - 40px)}.form-row-3{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.cms-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.cms-tabs{display:flex;border-bottom:1px solid #eee;background:#f8f9fa}.cms-tab{padding:15px 25px;background:none;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s;position:relative}.cms-tab:hover{color:#667eea;background:#f0f0f0}.cms-tab.active{color:#667eea;background:#fff;border-bottom:3px solid #667eea}.cms-form{padding:25px}.cms-form .form-actions{margin-top:25px;padding-top:20px;border-top:1px solid #eee}.last-updated{margin-top:15px;color:#888;font-size:13px;font-style:italic}.tiptap-container{border:1px solid #ddd;border-radius:6px;overflow:hidden}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#f8f9fa;border-bottom:1px solid #ddd}.toolbar-group{display:flex;gap:4px;padding-right:8px;border-right:1px solid #ddd}.toolbar-group:last-child{border-right:none}.tiptap-toolbar button{padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;min-width:32px}.tiptap-toolbar button:hover{background:#e9ecef}.tiptap-toolbar button.active{background:#667eea;color:#fff;border-color:#667eea}.tiptap-toolbar button:disabled{opacity:.5;cursor:not-allowed}.tiptap-toolbar select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.tiptap-toolbar input[type=color]{width:32px;height:32px;padding:2px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.tiptap-editor{min-height:300px;padding:15px;font-size:15px;line-height:1.6}.tiptap-editor:focus{outline:none}.tiptap-editor .ProseMirror{min-height:300px;outline:none}.tiptap-editor .ProseMirror p{margin:0 0 10px}.tiptap-editor .ProseMirror h1,.tiptap-editor .ProseMirror h2,.tiptap-editor .ProseMirror h3,.tiptap-editor .ProseMirror h4{margin:20px 0 10px}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{padding-left:25px;margin:10px 0}.tiptap-editor .ProseMirror blockquote{border-left:4px solid #667eea;padding-left:15px;margin:15px 0;color:#666;font-style:italic}.tiptap-editor .ProseMirror pre{background:#1a1a2e;color:#fff;padding:15px;border-radius:6px;font-family:monospace;overflow-x:auto}.tiptap-editor .ProseMirror a{color:#667eea;text-decoration:underline}.tiptap-editor .ProseMirror img{max-width:100%;height:auto}.faqs-section{padding:25px}.faqs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.faqs-header h3{margin:0;color:#333;font-size:18px}.faqs-list{display:flex;flex-direction:column;gap:15px}.faq-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;transition:all .3s}.faq-item:hover{box-shadow:0 2px 8px #0000001a}.faq-order{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.faq-content{flex:1;min-width:0}.faq-question{margin:0 0 8px;color:#333;font-size:15px;font-weight:600}.faq-answer{margin:0 0 10px;color:#666;font-size:14px;line-height:1.5}.faq-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.modal-large{max-width:1000px}.form-hint{display:block;margin-top:5px;color:#888;font-size:12px}code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px;color:#667eea}@media(max-width:768px){.cms-tabs{flex-wrap:wrap}.cms-tab{flex:1;text-align:center;padding:12px 15px}.faq-item{flex-direction:column}.faq-actions{flex-direction:row;width:100%;justify-content:flex-end}.modal-large{max-width:100%}}