body{background-color:#f8f9fa}*{box-sizing:border-box}@media (max-width:768px){body{font-size:14px}}.ticket-create-container{margin:0 auto;max-width:800px;padding:20px}.ticket-create-header{margin-bottom:40px;text-align:center}.ticket-create-header h1{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:12px}.ticket-create-header p{color:#718096;font-size:16px;margin:0}.ticket-create-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:32px;padding:32px}.form-group{margin-bottom:24px}.form-group label span.required{color:#ef4444;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;line-height:1.5;min-height:120px;resize:vertical}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn{font-weight:600;min-width:100px;padding:12px 24px}.error-message{border-left:4px solid #fc8181;margin-bottom:24px;padding:12px 16px}.ticket-help{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:24px}.ticket-help h3{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.ticket-help ul{margin:0;padding-left:20px}.ticket-help li{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:8px}.ticket-help li:last-child{margin-bottom:0}@media (max-width:768px){.ticket-create-container{padding:16px}.ticket-create-header h1{font-size:24px}.ticket-create-form{padding:24px}.form-actions{flex-direction:column}.btn{width:100%}}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{border-color:#fc8181}.form-group input:valid,.form-group select:valid,.form-group textarea:valid{border-color:#68d391}.btn-primary:disabled{background:#a0aec0}.form-hint{font-weight:500;text-align:right}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.ticket-detail-container{margin:0 auto;max-width:1000px;padding:20px}.ticket-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.ticket-title-section h1{color:#2d3748;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.ticket-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ticket-id{background:#f7fafc;border-radius:4px;color:#718096;font-size:14px;padding:4px 8px}.ticket-category{color:#4a5568;font-size:14px;font-weight:500}.priority-badge,.status-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.ticket-actions{gap:12px}.ticket-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#718096;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#2d3748;font-size:14px;font-weight:500}.ticket-description,.ticket-resolution{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.ticket-description h3,.ticket-resolution h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.description-content,.resolution-content{color:#4a5568;line-height:1.6}.description-content p,.resolution-content p{margin:0 0 12px}.description-content p:last-child,.resolution-content p:last-child{margin-bottom:0}.satisfaction-form{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:24px;padding:24px}.satisfaction-form h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.satisfaction-content{display:flex;flex-direction:column;gap:20px}.star-rating{align-items:center;display:flex;gap:12px}.star-rating label{color:#4a5568;font-weight:500}.stars{display:flex;gap:4px}.star{color:#e2e8f0;cursor:pointer;font-size:24px;transition:color .2s}.star.filled{color:#fbbf24}.star:hover{color:#f59e0b}.satisfaction-comment{display:flex;flex-direction:column;gap:8px}.satisfaction-comment label{color:#4a5568;font-weight:500}.satisfaction-comment textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;min-height:80px;padding:12px;resize:vertical}.satisfaction-comment textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.satisfaction-actions{display:flex;justify-content:flex-end}.ticket-replies{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.ticket-replies h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.no-replies{color:#718096;font-style:italic;padding:40px;text-align:center}.replies-list{display:flex;flex-direction:column;gap:16px}.reply-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.reply-item.internal{background:#fff5f5;border-color:#fed7d7}.reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reply-author{color:#2d3748;font-weight:600}.reply-time{color:#718096;font-size:12px}.internal-tag{background:#fc8181;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.reply-content{color:#4a5568;line-height:1.6}.reply-content p{margin:0 0 8px}.reply-content p:last-child{margin-bottom:0}.reply-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.reply-form h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.reply-form form{display:flex;flex-direction:column;gap:16px}.reply-form textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical}.reply-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.reply-actions{display:flex;justify-content:flex-end}.btn{padding:10px 20px;text-decoration:none}.btn:disabled{opacity:.6}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.loading{color:#718096;font-size:16px;padding:60px 20px;text-align:center}.error-message{font-weight:500;padding:16px;text-align:center}@media (max-width:768px){.ticket-detail-container{padding:16px}.ticket-header{align-items:stretch;flex-direction:column;gap:16px}.ticket-title-section h1{font-size:20px}.ticket-meta{justify-content:flex-start}.ticket-actions{justify-content:flex-end}.info-grid{grid-template-columns:1fr}.star-rating{align-items:flex-start;flex-direction:column;gap:8px}.reply-actions,.satisfaction-actions{justify-content:stretch}.btn{width:100%}}.admin-login-container{align-items:center;background:#6b7280;display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;width:100%}.admin-login-header{margin-bottom:30px;text-align:center}.admin-login-header h1{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.admin-login-header p{color:#718096;font-size:16px}.admin-login-form{margin-bottom:30px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#6b7280;outline:none}.error-message{background:#fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:12px}.login-button{background:#4b5563;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease;width:100%}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.admin-login-footer{border-top:1px solid #e2e8f0;padding-top:20px}.admin-login-footer p{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:12px}.test-accounts{display:flex;flex-direction:column;gap:8px}.test-account{background:#f7fafc;border-radius:6px;font-size:13px;padding:12px}.test-account strong{color:#2d3748;display:block;margin-bottom:4px}.test-account span{color:#718096;font-family:monospace}.admin-layout{background-color:#f8fafc;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;transition:width .3s ease;width:200px;z-index:100}.admin-sidebar.collapsed{width:68px}.sidebar-header{border-bottom:1px solid #4a5568;box-sizing:border-box;height:72px;padding:20px 16px}.admin-sidebar.collapsed .sidebar-header{flex-direction:column;gap:12px;height:auto;justify-content:center;padding:20px 0}.header-brand{gap:12px}.brand-logo,.header-brand{align-items:center;display:flex}.brand-logo{flex-shrink:0;height:32px;justify-content:center;width:32px}.brand-logo img{height:100%;object-fit:contain;width:100%}.brand-text{color:#fff;font-size:18px;font-weight:700;margin:0;white-space:nowrap}.collapse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.collapse-btn:hover{background-color:#4a5568;color:#fff}.sidebar-menu{flex:1 1;min-height:0;overflow-y:auto;padding:20px 12px}.menu-item{margin-bottom:4px}.menu-item-header{align-items:center;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;min-height:44px;padding:12px;transition:all .2s ease}.admin-sidebar.collapsed .menu-item-header{justify-content:center;padding:12px 0}.menu-item-header:hover{background-color:#4a5568}.menu-item.active .menu-item-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.menu-icon{flex-shrink:0;margin-right:12px}.admin-sidebar.collapsed .menu-icon{margin-right:0}.menu-label{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-arrow{font-size:12px;transition:transform .2s ease}.menu-children{background-color:#1a202c;padding-left:20px}.menu-child-item{color:#a0aec0;cursor:pointer;font-size:13px;padding:8px 20px;transition:color .2s ease}.menu-child-item:hover{background-color:#2d3748;color:#fff}.sidebar-footer{background:linear-gradient(180deg,#2d3748,#1a202c);border-top:1px solid #4a5568;flex-direction:column;flex-shrink:0;gap:16px;margin-top:auto}.admin-sidebar.collapsed .sidebar-footer{align-items:center;padding:20px 12px}.admin-info{align-items:center;display:flex;flex-shrink:0;gap:12px;overflow:hidden;width:100%}.admin-sidebar.collapsed .admin-info{justify-content:center}.admin-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:40px;width:40px}.admin-avatar,.admin-details{display:flex;justify-content:center}.admin-details{flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.admin-name{color:#fff;font-size:14px;font-weight:600}.admin-name,.admin-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-role{color:#a0aec0;font-size:12px}.logout-btn{align-items:center;background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;padding:10px;transition:background-color .2s ease;white-space:nowrap;width:100%}.admin-sidebar.collapsed .logout-btn{background:#0000;border:1px solid #e53e3e;color:#e53e3e;padding:0;width:40px}.admin-sidebar.collapsed .logout-btn:hover{background:#e53e3e;color:#fff}.logout-btn:hover{background:#c53030}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:200px;transition:margin-left .3s ease}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.admin-header h1{color:#2d3748;font-size:24px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.welcome-text{color:#718096;font-size:14px}.admin-content{flex:1 1;overflow-y:auto;padding:30px}@media (max-width:768px){.admin-sidebar{left:-260px;z-index:1000}.admin-sidebar.open{left:0}.admin-main{margin-left:0}.admin-content{padding:20px}}.admin-sidebar.collapsed .admin-details,.admin-sidebar.collapsed .brand-text,.admin-sidebar.collapsed .menu-arrow,.admin-sidebar.collapsed .menu-label{display:none}.admin-layout.sidebar-collapsed .admin-main{margin-left:68px}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;min-height:100vh}.confirm-dialog-overlay,.loading-container{align-items:center;display:flex;justify-content:center}.confirm-dialog-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:360px;padding:24px;position:relative;text-align:center;width:90%}.confirm-dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.confirm-dialog-close:hover{background:#f7fafc;color:#2d3748}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 8px}.confirm-dialog-message{color:#718096;font-size:14px;margin:0 0 20px}.confirm-dialog-actions{display:flex;gap:10px;justify-content:center}.confirm-dialog-actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 24px;transition:all .2s ease}.confirm-dialog-actions .btn-secondary{background:#e2e8f0;color:#2d3748}.confirm-dialog-actions .btn-secondary:hover{background:#cbd5e0}.confirm-dialog-actions .btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 4px 12px #e53e3e4d;color:#fff}.confirm-dialog-actions .btn-danger:hover{box-shadow:0 6px 16px #e53e3e66;transform:translateY(-2px)}.admin-dashboard{margin:0 auto;max-width:1400px}.dashboard-header h2{color:#2d3748;font-size:28px;font-weight:700;margin:0}.last-updated{color:#718096;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{box-shadow:0 4px 6px #0000000d;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-content{width:100%}.stat-title{letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:32px}.quick-actions{margin-bottom:40px}.quick-actions h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-action{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000000d;cursor:pointer;display:flex;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.quick-action:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin-right:16px;width:50px}.action-content{flex:1 1}.action-title{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:4px}.action-description{color:#718096;font-size:14px}.realtime-info{margin-bottom:30px}.realtime-info h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.realtime-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.realtime-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.realtime-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.realtime-title{color:#718096;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.realtime-indicator{border-radius:50%;height:8px;width:8px}.realtime-indicator,.realtime-indicator.online{background-color:#48bb78}.realtime-indicator.offline{background-color:#f56565}.realtime-content{text-align:center}.time-display{color:#2d3748;font-family:monospace;font-size:16px;font-weight:600}.status-display{color:#48bb78;font-size:18px;font-weight:700}.session-display{color:#667eea;font-size:18px;font-weight:700}.system-status{margin-bottom:30px}.system-status h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.system-status-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.status-label{color:#4a5568;font-size:14px;font-weight:500}.status-value{border-radius:4px;font-size:14px;font-weight:600;padding:4px 8px}.status-value.success{background:#c6f6d5;color:#22543d}.status-value.warning{background:#fefcbf;color:#744210}.status-value.error{background:#fed7d7;color:#c53030}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:10px}.actions-grid,.stats-grid,.status-grid{grid-template-columns:1fr}.admin-dashboard{padding:0 10px}}:root{--primary-color:#667eea;--primary-hover:#5a67d8;--success-color:#48bb78;--warning-color:#ed8936;--danger-color:#f56565;--info-color:#4299e1;--text-main:#2d3748;--text-secondary:#718096;--text-light:#a0aec0;--bg-body:#f7fafc;--bg-card:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--radius-md:8px;--radius-lg:12px}.operation-dashboard{background:#f7fafc;background:var(--bg-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:24px}.dashboard-header-with-selector{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header-with-selector h3{color:#2d3748;color:var(--text-main);font-size:24px;font-weight:700;margin:0 0 8px}.header-desc{color:#718096;color:var(--text-secondary);font-size:14px;margin:0}.revenue-section,.stats-section{margin-bottom:32px}.section-subtitle{border-left:4px solid #667eea;border-left:4px solid var(--primary-color);color:#2d3748;color:var(--text-main);font-size:18px;font-weight:600;margin:0 0 16px;padding-left:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.stat-title{color:var(--text-secondary);margin-bottom:8px}.stat-value{color:var(--text-main);font-size:28px;line-height:1.2}.revenue-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.revenue-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);padding:20px;text-align:center}.revenue-label{color:#718096;color:var(--text-secondary);font-size:13px;margin-bottom:8px}.revenue-value{color:#667eea;color:var(--primary-color);font-size:20px;font-weight:700}.charts-section{margin-top:32px}.charts-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.time-range-selector{background:#edf2f7;border-radius:8px;border-radius:var(--radius-md);display:flex;padding:4px}.range-btn{background:#0000;border:none;border-radius:4px;color:#718096;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.range-btn.active{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-color)}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.chart-wrapper{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px}.chart-title-above{align-items:center;color:#2d3748;color:var(--text-main);display:flex;font-size:16px;font-weight:600;margin-bottom:16px}.chart-container{position:relative}.chart-header{display:flex;justify-content:flex-end;margin-bottom:12px}.chart-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;color:#2d3748;color:var(--text-main);font-size:12px;outline:none;padding:4px 8px}.chart-stats-summary{background:#f8fafc;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px}.chart-stat-item{display:flex;flex-direction:column;gap:2px}.chart-stat-item .stat-label{color:#718096;color:var(--text-secondary);font-size:11px}.chart-stat-item .stat-value{color:#2d3748;color:var(--text-main);font-size:14px;font-weight:600}.stat-value.positive{color:#48bb78;color:var(--success-color)}.stat-value.negative{color:#f56565;color:var(--danger-color)}.user-management{background:#fff;background:var(--bg-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px}.user-management h3{color:#2d3748;color:var(--text-main);font-size:20px;margin:0 0 24px}.search-section{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.search-bar-new{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.search-field-group{display:flex;flex-direction:column;gap:8px}.search-label{color:#718096;color:var(--text-secondary);font-size:13px;font-weight:500}.search-input-new{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:200px}.search-input-new:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.search-select-new{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%23718096' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;padding:8px 32px 8px 12px;transition:border-color .2s;width:200px}.search-select-new:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.search-actions{display:flex;gap:12px;margin-left:auto}.btn-search-new{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.btn-search-query{background:#667eea;background:var(--primary-color);color:#fff}.btn-search-query:hover{background:#5a67d8;background:var(--primary-hover)}.btn-search-reset{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#718096;color:var(--text-secondary)}.btn-search-reset:hover{background:#f7fafc;border-color:#cbd5e0}.news-table,.user-table{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);overflow-x:auto;width:100%}.news-table-header,.user-table-header{background:#f8fafc;color:#718096;color:var(--text-secondary);font-size:13px;font-weight:600;padding:12px 16px}.news-table-header,.news-table-row,.user-table-header,.user-table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;min-width:1000px}.news-table-row,.user-table-row{align-items:center;padding:16px;transition:background .2s}.news-table-row:last-child,.user-table-row:last-child{border-bottom:none}.news-table-row:hover,.user-table-row:hover{background:#fbfdff}.col-index,.news-col-id{color:#a0aec0;color:var(--text-light);flex-shrink:0;text-align:center;width:50px}.col-name{width:140px}.col-name,.news-col-title{color:#2d3748;color:var(--text-main);flex-grow:1;flex-shrink:0;font-weight:500;overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.news-col-title{width:200px}.col-id{color:#718096;color:var(--text-secondary);flex-shrink:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.col-email{width:160px}.col-email,.col-phone{color:#718096;color:var(--text-secondary);flex-shrink:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-phone{width:110px}.col-points{flex-shrink:0;font-family:monospace;text-align:right;width:70px}.col-level{flex-shrink:0;text-align:center;width:50px}.col-status,.news-col-status{flex-shrink:0;text-align:center;width:70px}.col-time{width:100px}.col-time,.news-col-time{color:#718096;color:var(--text-secondary);flex-shrink:0;font-size:12px;text-align:right}.news-col-time{width:150px}.col-actions{width:240px}.col-actions,.news-col-actions{display:flex;flex-shrink:0;gap:4px;justify-content:flex-end}.news-col-actions{width:180px}.news-col-category{text-align:center;width:90px}.news-col-featured{text-align:center;width:70px}.news-col-views{color:#718096;color:var(--text-secondary);text-align:right;width:70px}.status-badge{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.status-normal,.status-published{background:#def7ec;color:#03543f}.status-draft,.status-frozen{background:#e2e8f0;color:#2d3748}.status-archived,.status-blacklist{background:#fed7d7;color:#9b2c2c}.featured-badge{background:#ebf4ff;border-radius:4px;color:#5a67d8;font-size:11px;padding:2px 6px}.btn{align-items:center;border:1px solid #0000;display:inline-flex;justify-content:center}.btn,.btn-table{transition:all .2s}.btn-table{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 10px}.btn-secondary{background:#fff;border-color:#e2e8f0;border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.btn-primary{background-color:#667eea!important;background-color:var(--primary-color)!important;border:none;color:#fff!important}.btn-primary:hover{background-color:#5a67d8!important;background-color:var(--primary-hover)!important}.btn-primary:disabled{background-color:#cbd5e0!important;color:#718096!important;cursor:not-allowed;opacity:.8}.btn-danger{background:#fff5f5;border-color:#feb2b2;color:#f56565;color:var(--danger-color)}.btn-danger:hover{background:#fed7d7}.btn-warning{background:#fffaf0;border-color:#fbd38d;color:#ed8936;color:var(--warning-color)}.btn-warning:hover{background:#feebc8}.btn-success{background:#f0fff4;border-color:#9ae6b4;color:#48bb78;color:var(--success-color)}.btn-success:hover{background:#c6f6d5}.btn-info{background:#ebf8ff;border-color:#90cdf4;color:#4299e1;color:var(--info-color)}.btn-info:hover{background:#bee3f8}.form-group label{color:#2d3748;color:var(--text-main);font-weight:500}.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.required{color:#f56565;color:var(--danger-color);margin-left:4px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;left:0;z-index:1000}.sidebar-overlay,.sidebar-panel{bottom:0;position:fixed;right:0;top:0}.sidebar-panel{animation:slideIn .3s ease;background:#fff;box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;width:600px;z-index:1001}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.sidebar-header h3{font-size:18px;margin:0}.sidebar-close{background:none;border:none;color:#718096;color:var(--text-secondary);cursor:pointer;font-size:24px}.sidebar-body{flex:1 1;overflow-y:auto;padding:20px}.sidebar-footer{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px}.pagination{gap:8px}.table-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.table-section-header h4{color:#2d3748;color:var(--text-main);font-size:16px;margin:0}.table-section-info{color:#718096;color:var(--text-secondary);font-size:13px}.page-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;color:#2d3748;color:var(--text-main);cursor:pointer;font-size:13px;padding:6px 12px}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#718096;color:var(--text-secondary);font-size:13px}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.revenue-grid{grid-template-columns:repeat(2,1fr)}}.custom-tooltip{background:#fffffff5;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;font-size:12px;padding:12px}.tooltip-label{color:#718096;color:var(--text-secondary);font-weight:500;margin-bottom:8px}.tooltip-item{align-items:center;display:flex;font-weight:600;margin-bottom:4px}.tooltip-item:last-child{margin-bottom:0}@media (max-width:768px){.revenue-grid,.stats-grid{grid-template-columns:1fr}.search-bar-new{align-items:stretch;flex-direction:column}.search-input-new{width:100%}.news-table-row,.user-table-row{align-items:flex-start;flex-direction:column;gap:8px}.col-actions,.news-col-actions{justify-content:flex-start;margin-top:8px;width:100%}}.user-details-modal{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;width:100%}.user-details-content{flex:1 1;padding:24px}.detail-section{margin-bottom:24px}.detail-section h4{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:15px;margin-bottom:12px;padding-bottom:8px}.detail-grid{grid-gap:16px;gap:16px}.detail-item{flex-direction:column;gap:4px}.detail-item label{color:var(--text-secondary);font-size:12px}.detail-item span{color:var(--text-main);font-size:14px;font-weight:500}.user-details-content .stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.user-details-content .stat-box{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);padding:12px;text-align:center}.user-details-content .stat-box .stat-label{color:#718096;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.user-details-content .stat-box .stat-value{color:#667eea;color:var(--primary-color);font-size:18px;font-weight:700}.records-list{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md)}.records-table thead{background:#f8fafc}.records-table th{border-bottom:1px solid #e2e8f0;color:#718096;color:var(--text-secondary);font-size:12px}.records-table td,.records-table th{border-bottom:1px solid var(--border-color);padding:10px 12px}.records-table td{color:var(--text-main);font-size:13px}.records-table tr:last-child td{border-bottom:none}.points-earned{color:#48bb78;color:var(--success-color)}.points-spent{color:#f56565;color:var(--danger-color)}.no-data{color:var(--text-secondary);font-size:13px;padding:24px}.content-header{margin-bottom:24px}.content-header h3{color:#2d3748;color:var(--text-main);font-size:20px;font-weight:700;margin:0}.support-dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-left h2{font-size:24px;font-weight:700;margin:0 0 8px}.header-left p{font-size:14px;margin:0;opacity:.9}.refresh-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover{background:#ffffff4d}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:20px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;color:#fff;flex-shrink:0;font-size:20px;height:50px;justify-content:center;margin-right:16px;width:50px}.stat-card:hover .stat-icon,.stat-icon{display:none}.stat-content{flex:1 1}.stat-value{font-size:24px;margin-bottom:4px}.stat-title{color:#718096;font-size:14px;font-weight:500}.recent-tickets{margin-bottom:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.btn{font-size:14px}.btn-primary{background:linear-gradient(135deg,#48bb78,#38a169)}.btn-primary:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-1px)}.tickets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ticket-card{background:#fff;border-left:4px solid #718096;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;transition:transform .2s ease}.ticket-card:hover{transform:translateY(-2px)}.ticket-card.pending{border-left-color:#e53e3e}.ticket-card.in_progress{border-left-color:#ed8936}.ticket-card.resolved{border-left-color:#48bb78}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ticket-id{color:#2d3748;font-family:monospace;font-size:12px;font-weight:700}.priority-badge{border-radius:12px;font-size:10px;font-weight:600;padding:4px 8px}.priority-badge.high{background:#fed7d7;color:#742a2a}.priority-badge.medium{background:#feebc8;color:#7c2d12}.priority-badge.low{background:#c6f6d5;color:#22543d}.ticket-content{margin-bottom:12px}.ticket-subject{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.ticket-user{color:#4a5568;font-size:12px;margin-bottom:4px}.ticket-time{color:#a0aec0;font-size:11px}.ticket-actions{display:flex;gap:8px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.recent-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.cards-list{display:flex;flex-direction:column;gap:12px}.feedback-card{background:#fafbfc;border-left:4px solid #4299e1;border-radius:8px;padding:16px;transition:transform .2s ease}.feedback-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.feedback-user{color:#2d3748;font-size:14px;font-weight:600}.feedback-score{color:#fbbf24;font-size:14px}.feedback-comment{color:#4a5568;font-size:13px;line-height:1.5;margin-bottom:8px}.feedback-time{color:#a0aec0;font-size:11px}.error-banner{align-items:center;background:#fed7d7;border-radius:8px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-banner button{background:#c53030;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.dashboard-grid,.stats-grid,.tickets-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.support-dashboard{padding:10px}}.feedback-management{background:#f8fafc;min-height:100vh;padding:24px}.feedback-management .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.feedback-management .page-title{color:#1a202c;font-size:24px;font-weight:600;margin:0}.feedback-management .header-actions{display:flex;gap:12px}.feedback-management .refresh-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.feedback-management .refresh-button:hover{background:#f8fafc;border-color:#667eea}.feedback-management .stats-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.feedback-management .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;text-align:center}.feedback-management .stat-card.highlight{border-color:#f56565}.feedback-management .stat-value{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:4px}.feedback-management .stat-card.highlight .stat-value{color:#f56565}.feedback-management .stat-label{color:#718096;font-size:14px}.feedback-management .control-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.feedback-management .filters-row{display:flex;gap:16px}.feedback-management .filter-select{background:#fff;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px}.feedback-management .feedback-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.feedback-management .table-header{background:#f8fafc}.feedback-management .table-row{border-bottom:1px solid #e2e8f0}.feedback-management .table-row:hover{background:#f8fafc}.feedback-management .table-row.selected{background:#f0f9ff}.feedback-management .table-header-cell{color:#374151;font-size:14px;font-weight:600;padding:16px;text-align:left}.feedback-management .table-cell{color:#4a5568;font-size:14px;padding:16px}.feedback-management .checkbox{cursor:pointer;height:16px;width:16px}.feedback-management .type-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.feedback-management .type-badge.suggestion{background:#4299e1}.feedback-management .type-badge.complaint{background:#f56565}.feedback-management .type-badge.praise{background:#48bb78}.feedback-management .type-badge.bug_report{background:#ed8936}.feedback-management .status-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.feedback-management .status-badge.pending{background:#f56565}.feedback-management .status-badge.processing{background:#ed8936}.feedback-management .status-badge.resolved{background:#48bb78}.feedback-management .feedback-title{color:#2d3748;font-weight:500}.feedback-management .user-info{font-weight:500}.feedback-management .reply-count{font-weight:500;text-align:center}.feedback-management .time-info{font-size:12px}.feedback-management .action-buttons{display:flex;gap:8px}.feedback-management .action-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.feedback-management .action-button:hover{opacity:.8}.feedback-management .pagination-section{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.feedback-management .pagination-info{color:#718096;font-size:14px}.feedback-management .pagination-buttons{display:flex;gap:8px}.feedback-management .pagination-button{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;padding:8px 16px}.feedback-management .pagination-button:hover:not(:disabled){background:#f8fafc;border-color:#667eea}.feedback-management .pagination-button:disabled{cursor:not-allowed;opacity:.5}.feedback-management .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.feedback-management .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%}.feedback-management .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.feedback-management .modal-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.feedback-management .close-button{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.feedback-management .close-button:hover{background:#f1f5f9;color:#334155}.feedback-management .modal-body{padding:0 24px}.feedback-management .modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px}.feedback-management .feedback-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.feedback-management .feedback-info-title{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:8px}.feedback-management .feedback-info-content{color:#4a5568;font-size:14px;line-height:1.6}.feedback-management .form-group{margin-bottom:20px}.feedback-management .label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.feedback-management .textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.feedback-management .textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feedback-management .textarea::placeholder{color:#9ca3af}.feedback-management .cancel-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.feedback-management .cancel-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.feedback-management .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.feedback-management .submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;opacity:.9;transform:translateY(-1px)}.feedback-management .submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-management .loading-container{padding:60px 20px;text-align:center}.feedback-management .loading-text{color:#718096;font-size:14px}.feedback-management .error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:16px 20px}@media (max-width:768px){.feedback-management .filters-row{flex-direction:column;gap:12px}.feedback-management .stats-section{grid-template-columns:repeat(2,1fr)}.feedback-management .feedback-table{font-size:12px}.feedback-management .table-cell,.feedback-management .table-header-cell{padding:8px}.feedback-management .pagination-section{flex-direction:column;gap:12px;text-align:center}}.admin-users{margin:0 auto;max-width:1400px}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.users-header h2{color:#2d3748;font-size:24px;font-weight:700;margin:0}.search-form{display:flex;gap:12px}.search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 16px;transition:border-color .2s ease;width:300px}.search-input:focus{border-color:#667eea;outline:none}.users-stats{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:20px;margin-bottom:20px;padding:16px}.stat-item{display:flex;flex-direction:column}.stat-label{color:#718096;font-size:12px;margin-bottom:4px}.stat-value{color:#2d3748;font-size:20px;font-weight:700}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f7fafc}.users-table th{color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.user-row{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.user-row:hover{background-color:#f7fafc}.users-table td{color:#2d3748;font-size:14px;padding:16px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#2d3748;font-weight:600}.user-id{color:#718096;font-family:monospace;font-size:12px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.badge-level,.badge-points{background:#e6fffa;color:#234e52}.badge-level.level-l0,.badge-level.level-l1{background:#e2e8f0;color:#2d3748}.badge-level.level-l2,.badge-level.level-l3{background:#bee3f8;color:#2c5282}.badge-level.level-l4,.badge-level.level-l5,.badge-level.level-l6{background:#c6f6d5;color:#22543d}.badge-level.level-l7,.badge-level.level-l8,.badge-level.level-l9{background:#feebc8;color:#7c2d12}.badge-role{background:#e2e8f0;color:#2d3748}.badge-role.role-super_admin{background:#fed7d7;color:#742a2a}.badge-role.role-operation_admin{background:#feebc8;color:#7c2d12}.badge-role.role-support_admin{background:#bee3f8;color:#2c5282}.actions{display:flex;gap:8px}.btn{border:none;border-radius:6px;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-sm{font-size:12px;padding:6px 12px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn:disabled{opacity:.5}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px}.page-info{color:#4a5568;font-size:14px}.empty-state,.loading-state{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%}.user-details-modal{display:flex;flex-direction:column;max-height:90vh;max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#2d3748;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:32px}.close-btn:hover{background-color:#f7fafc}.modal-body{padding:16px}.user-details-content{max-height:65vh;overflow-y:auto}.modal-user-info{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.modal-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.modal-user-name{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:4px}.modal-user-current{color:#718096;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-control{border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#667eea;outline:none}textarea.form-control{font-family:inherit;resize:vertical}.form-hint{color:#718096;display:block;font-size:12px;margin-top:6px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.quick-btn:hover{border-color:#667eea;color:#667eea}.quick-btn.danger:hover{border-color:#e53e3e;color:#e53e3e}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.detail-section{margin-bottom:20px}.detail-section h4{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:6px}.detail-grid{grid-gap:16px 32px;display:grid;gap:16px 32px;grid-template-columns:repeat(2,1fr);padding:10px 0}.detail-item{align-items:baseline;border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:row;padding-bottom:8px}.detail-item label{color:#718096;flex-shrink:0;font-size:13px;font-weight:500;margin-right:12px;text-align:right;width:80px}.detail-item span{color:#2d3748;font-size:13px;font-weight:600;text-align:left;word-break:break-all}.no-data-chart{align-items:center;background-color:#f7fafc;border-radius:8px;color:#a0aec0;display:flex;flex-direction:column;font-size:13px;height:160px;justify-content:center;width:100%}.chart-title{color:#718096;font-weight:500;margin-top:8px}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.stat-box{background:#f7fafc;border-radius:6px;padding:8px;text-align:center}.stat-box .stat-label{color:#718096;font-size:11px;font-weight:500;margin-bottom:4px}.stat-box .stat-value{color:#2d3748;font-size:16px;font-weight:700}.records-list{max-height:300px;overflow-y:auto}.records-table{border-collapse:collapse;width:100%}.records-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0}.records-table th{color:#4a5568;font-size:11px;font-weight:600;padding:8px;text-align:left}.records-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:12px;padding:8px}.status-badge{border-radius:3px;display:inline-block;font-size:10px;font-weight:600;padding:3px 6px}.status-paid{background:#c6f6d5;color:#22543d}.status-pending{background:#feebc8;color:#7c2d12}.status-failed{background:#fed7d7;color:#742a2a}.status-refunded{background:#e2e8f0;color:#2d3748}.points-earned{color:#22543d}.points-earned,.points-spent{font-size:12px;font-weight:600}.points-spent{color:#c53030}.no-data{color:#718096;font-size:12px;padding:20px;text-align:center}@media (max-width:768px){.users-header{align-items:stretch;gap:16px}.search-form,.users-header{flex-direction:column}.search-input{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:1000px}.modal-content{margin:20px;width:95%}.user-details-modal{max-width:95%}.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-box{padding:6px}.stat-box .stat-value{font-size:14px}.records-table{font-size:11px}.records-table td,.records-table th{padding:8px}}.admin-ticket-list{background:#f8fafc;min-height:100vh;padding:24px}.admin-ticket-list .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-ticket-list .page-title{color:#1a202c;font-size:24px;font-weight:600;margin:0}.admin-ticket-list .header-actions{display:flex;gap:12px}.admin-ticket-list .refresh-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.admin-ticket-list .refresh-button:hover{background:#f8fafc;border-color:#667eea}.admin-ticket-list .stats-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.admin-ticket-list .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;text-align:center}.admin-ticket-list .stat-card.highlight{border-color:#f56565}.admin-ticket-list .stat-value{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:4px}.admin-ticket-list .stat-card.highlight .stat-value{color:#f56565}.admin-ticket-list .stat-label{color:#718096;font-size:14px}.admin-ticket-list .control-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.admin-ticket-list .filters-row{display:flex;gap:16px;margin-bottom:16px}.admin-ticket-list .filter-select{background:#fff;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px}.admin-ticket-list .bulk-actions-row{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding-top:16px}.admin-ticket-list .bulk-info{color:#718096;font-size:14px}.admin-ticket-list .bulk-action-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.admin-ticket-list .bulk-action-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.admin-ticket-list .bulk-action-button:disabled{cursor:not-allowed;opacity:.5}.admin-ticket-list .ticket-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.admin-ticket-list .table-header{background:#f8fafc}.admin-ticket-list .table-row{border-bottom:1px solid #e2e8f0}.admin-ticket-list .table-row:hover{background:#f8fafc}.admin-ticket-list .table-row.selected{background:#f0f9ff}.admin-ticket-list .table-header-cell{color:#374151;font-size:14px;font-weight:600;padding:16px;text-align:left}.admin-ticket-list .table-cell{color:#4a5568;font-size:14px;padding:16px}.admin-ticket-list .checkbox{cursor:pointer;height:16px;width:16px}.admin-ticket-list .ticket-id{color:#667eea;font-family:monospace;font-size:12px;font-weight:500}.admin-ticket-list .ticket-title{color:#2d3748;cursor:pointer;font-weight:500}.admin-ticket-list .ticket-title:hover{color:#667eea}.admin-ticket-list .category-badge{background:#e2e8f0;border-radius:4px;color:#4a5568;font-size:12px;font-weight:500;padding:4px 8px}.admin-ticket-list .priority-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.admin-ticket-list .priority-badge.low{background:#48bb78}.admin-ticket-list .priority-badge.medium{background:#ed8936}.admin-ticket-list .priority-badge.high{background:#f56565}.admin-ticket-list .priority-badge.urgent{background:#9f7aea}.admin-ticket-list .status-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.admin-ticket-list .status-badge.pending{background:#f56565}.admin-ticket-list .status-badge.in_progress{background:#ed8936}.admin-ticket-list .status-badge.resolved{background:#48bb78}.admin-ticket-list .user-info{font-weight:500}.admin-ticket-list .assignee-info{color:#4a5568}.admin-ticket-list .assignee-info.unassigned{color:#f56565}.admin-ticket-list .reply-count{font-weight:500;text-align:center}.admin-ticket-list .time-info{font-size:12px}.admin-ticket-list .time-info .time-ago{color:#718096;margin-top:2px}.admin-ticket-list .action-buttons{display:flex;gap:8px}.admin-ticket-list .action-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.admin-ticket-list .action-button:hover{opacity:.8}.admin-ticket-list .pagination-section{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.admin-ticket-list .pagination-info{color:#718096;font-size:14px}.admin-ticket-list .pagination-buttons{display:flex;gap:8px}.admin-ticket-list .pagination-button{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;padding:8px 16px}.admin-ticket-list .pagination-button:hover:not(:disabled){background:#f8fafc;border-color:#667eea}.admin-ticket-list .pagination-button:disabled{cursor:not-allowed;opacity:.5}.admin-ticket-list .loading-container{padding:60px 20px;text-align:center}.admin-ticket-list .loading-text{color:#718096;font-size:14px}.admin-ticket-list .error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:16px 20px}@media (max-width:768px){.admin-ticket-list .filters-row{flex-direction:column;gap:12px}.admin-ticket-list .stats-section{grid-template-columns:repeat(2,1fr)}.admin-ticket-list .ticket-table{font-size:12px}.admin-ticket-list .table-cell,.admin-ticket-list .table-header-cell{padding:8px}.admin-ticket-list .pagination-section{flex-direction:column;gap:12px;text-align:center}}.admin-ticket-detail{background:#f8fafc;min-height:100vh;padding:24px}.admin-ticket-detail .page-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.admin-ticket-detail .back-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.admin-ticket-detail .back-button:hover{background:#f8fafc;border-color:#667eea}.admin-ticket-detail .page-title{color:#1a202c;flex:1 1;font-size:24px;font-weight:600;margin:0}.admin-ticket-detail .header-actions{display:flex;gap:12px}.admin-ticket-detail .action-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.admin-ticket-detail .action-button:hover{opacity:.8}.admin-ticket-detail .content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.admin-ticket-detail .left-column,.admin-ticket-detail .right-column{display:flex;flex-direction:column;gap:20px}.admin-ticket-detail .ticket-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.admin-ticket-detail .ticket-header{margin-bottom:16px}.admin-ticket-detail .ticket-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.admin-ticket-detail .ticket-title{color:#2d3748;flex:1 1;font-size:20px;font-weight:600;line-height:1.5;margin:0}.admin-ticket-detail .status-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.admin-ticket-detail .status-badge.pending{background:#f56565}.admin-ticket-detail .status-badge.in_progress{background:#ed8936}.admin-ticket-detail .status-badge.resolved{background:#48bb78}.admin-ticket-detail .priority-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.admin-ticket-detail .priority-badge.low{background:#48bb78}.admin-ticket-detail .priority-badge.medium{background:#ed8936}.admin-ticket-detail .priority-badge.high{background:#f56565}.admin-ticket-detail .priority-badge.urgent{background:#9f7aea}.admin-ticket-detail .ticket-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.admin-ticket-detail .meta-item{align-items:center;color:#718096;display:flex;font-size:14px;gap:8px}.admin-ticket-detail .meta-label{color:#a0aec0;font-weight:500;min-width:80px}.admin-ticket-detail .ticket-description{margin-bottom:20px}.admin-ticket-detail .description-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.admin-ticket-detail .description-content{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:14px;line-height:1.6;padding:16px}.admin-ticket-detail .ticket-resolution{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.admin-ticket-detail .resolution-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.admin-ticket-detail .resolution-content{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#4a5568;font-size:14px;line-height:1.6;padding:16px}.admin-ticket-detail .user-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.admin-ticket-detail .user-info-title{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.admin-ticket-detail .user-info-content{display:flex;flex-direction:column;gap:8px}.admin-ticket-detail .user-info-item{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.admin-ticket-detail .user-info-label{color:#a0aec0;font-weight:500;min-width:80px}.admin-ticket-detail .replies-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.admin-ticket-detail .replies-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.admin-ticket-detail .empty-replies{padding:40px 20px;text-align:center}.admin-ticket-detail .empty-replies-text{color:#718096;font-size:14px}.admin-ticket-detail .replies-list{display:flex;flex-direction:column;gap:16px}.admin-ticket-detail .reply-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.admin-ticket-detail .reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.admin-ticket-detail .reply-author{color:#2d3748;font-size:14px;font-weight:500}.admin-ticket-detail .reply-time{color:#718096;font-size:12px}.admin-ticket-detail .reply-content{color:#4a5568;font-size:14px;line-height:1.6}.admin-ticket-detail .reply-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.admin-ticket-detail .reply-form-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.admin-ticket-detail .reply-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:14px;margin-bottom:16px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.admin-ticket-detail .reply-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-ticket-detail .reply-textarea::placeholder{color:#9ca3af}.admin-ticket-detail .reply-form-actions{display:flex;justify-content:flex-end}.admin-ticket-detail .submit-reply-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.admin-ticket-detail .submit-reply-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;opacity:.9;transform:translateY(-1px)}.admin-ticket-detail .submit-reply-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-ticket-detail .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-ticket-detail .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%}.admin-ticket-detail .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.admin-ticket-detail .modal-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.admin-ticket-detail .close-button{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.admin-ticket-detail .close-button:hover{background:#f1f5f9;color:#334155}.admin-ticket-detail .modal-body{padding:0 24px}.admin-ticket-detail .modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px}.admin-ticket-detail .form-group{margin-bottom:20px}.admin-ticket-detail .label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.admin-ticket-detail .select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.admin-ticket-detail .select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-ticket-detail .textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.admin-ticket-detail .textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-ticket-detail .textarea::placeholder{color:#9ca3af}.admin-ticket-detail .cancel-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.admin-ticket-detail .cancel-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.admin-ticket-detail .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.admin-ticket-detail .submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;opacity:.9;transform:translateY(-1px)}.admin-ticket-detail .submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-ticket-detail .loading-container{padding:60px 20px;text-align:center}.admin-ticket-detail .loading-text{color:#718096;font-size:14px}.admin-ticket-detail .error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:16px 20px}@media (max-width:1024px){.admin-ticket-detail .content-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-ticket-detail .page-header{align-items:stretch;flex-direction:column;gap:12px}.admin-ticket-detail .header-actions{justify-content:center}.admin-ticket-detail .ticket-title-row{flex-direction:column;gap:12px}.admin-ticket-detail .modal-content{margin:20px}}.knowledge-base{background:#f8fafc;min-height:100vh;padding:24px}.knowledge-base .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.knowledge-base .page-title{color:#1a202c;font-size:24px;font-weight:600;margin:0}.knowledge-base .header-actions{display:flex;gap:12px}.knowledge-base .create-button{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.knowledge-base .create-button:hover{opacity:.8}.knowledge-base .refresh-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.knowledge-base .refresh-button:hover{background:#f8fafc;border-color:#667eea}.knowledge-base .stats-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.knowledge-base .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;text-align:center}.knowledge-base .stat-value{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:4px}.knowledge-base .stat-label{color:#718096;font-size:14px}.knowledge-base .control-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.knowledge-base .filters-row{display:flex;gap:16px}.knowledge-base .search-input{background:#fff;border:2px solid #f1f5f9;border-radius:8px;flex:2 1;font-size:14px;padding:12px 16px}.knowledge-base .search-input:focus{border-color:#667eea;outline:none}.knowledge-base .filter-select{background:#fff;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px}.knowledge-base .articles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:20px}.knowledge-base .article-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.knowledge-base .article-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.knowledge-base .article-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.knowledge-base .article-title{color:#2d3748;flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0}.knowledge-base .category-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;margin-left:12px;padding:4px 8px;white-space:nowrap}.knowledge-base .category-badge.account{background:#4299e1}.knowledge-base .category-badge.payment{background:#48bb78}.knowledge-base .category-badge.feature{background:#ed8936}.knowledge-base .category-badge.faq{background:#9f7aea}.knowledge-base .category-badge.notice{background:#f56565}.knowledge-base .article-content{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:12px}.knowledge-base .article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.knowledge-base .tag{background:#f1f5f9;border-radius:4px;color:#4a5568;font-size:12px;padding:2px 8px}.knowledge-base .article-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.knowledge-base .meta-item{align-items:center;color:#718096;display:flex;font-size:12px;gap:4px}.knowledge-base .meta-label{font-weight:500}.knowledge-base .article-actions{display:flex;gap:8px}.knowledge-base .action-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.knowledge-base .action-button:hover{opacity:.8}.knowledge-base .pagination-section{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.knowledge-base .pagination-info{color:#718096;font-size:14px}.knowledge-base .pagination-buttons{display:flex;gap:8px}.knowledge-base .pagination-button{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;padding:8px 16px}.knowledge-base .pagination-button:hover:not(:disabled){background:#f8fafc;border-color:#667eea}.knowledge-base .pagination-button:disabled{cursor:not-allowed;opacity:.5}.knowledge-base .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.knowledge-base .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.knowledge-base .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.knowledge-base .modal-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.knowledge-base .close-button{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.knowledge-base .close-button:hover{background:#f1f5f9;color:#334155}.knowledge-base .modal-body{padding:0 24px}.knowledge-base .modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px}.knowledge-base .form-group{margin-bottom:20px}.knowledge-base .label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.knowledge-base .input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.knowledge-base .input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.knowledge-base .select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.knowledge-base .select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.knowledge-base .textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:14px;min-height:200px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.knowledge-base .textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.knowledge-base .cancel-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.knowledge-base .cancel-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.knowledge-base .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.knowledge-base .submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;opacity:.9;transform:translateY(-1px)}.knowledge-base .submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.knowledge-base .loading-container{padding:60px 20px;text-align:center}.knowledge-base .loading-text{color:#718096;font-size:14px}.knowledge-base .error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:16px 20px}@media (max-width:768px){.knowledge-base .filters-row{flex-direction:column;gap:12px}.knowledge-base .stats-section{grid-template-columns:repeat(2,1fr)}.knowledge-base .articles-grid{grid-template-columns:1fr}.knowledge-base .pagination-section{flex-direction:column;gap:12px;text-align:center}.knowledge-base .modal-content{margin:20px}}.support-statistics{background:#f8fafc;min-height:100vh;padding:24px}.support-statistics .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.support-statistics .page-title{color:#1a202c;font-size:24px;font-weight:600;margin:0}.support-statistics .header-actions{display:flex;gap:12px}.support-statistics .refresh-button,.support-statistics .time-range-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.support-statistics .refresh-button{color:#667eea;font-weight:500;transition:all .2s ease}.support-statistics .refresh-button:hover{background:#f8fafc;border-color:#667eea}.support-statistics .overview-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.support-statistics .stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;padding:24px;text-align:center}.support-statistics .stat-card.highlight{border-color:#f56565}.support-statistics .stat-content{flex:1 1}.support-statistics .stat-value{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:4px}.support-statistics .stat-label{color:#718096;font-size:14px;font-weight:500}.support-statistics .charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.support-statistics .chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.support-statistics .chart-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.support-statistics .simple-chart{display:flex;flex-direction:column;height:300px;justify-content:center}.support-statistics .chart-bars{align-items:end;display:flex;gap:8px;height:200px;margin-bottom:20px}.support-statistics .chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.support-statistics .bar-value{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:4px 4px 0 0;margin-bottom:8px;min-height:4px;width:100%}.support-statistics .bar-label{color:#718096;font-size:12px}.support-statistics .chart-legend{display:flex;gap:16px;justify-content:center}.support-statistics .legend-item{align-items:center;display:flex;gap:8px}.support-statistics .legend-color{border-radius:2px;height:12px;width:12px}.support-statistics .legend-text{color:#4a5568;font-size:14px}.support-statistics .pie-chart{background:conic-gradient(#667eea 0deg 36.5%,#48bb78 36.5% 55.3%,#ed8936 55.3% 70.4%,#9f7aea 70.4% 82.9%,#f56565 82.9% 92.8%,#718096 92.8% 100%);border-radius:50%;height:200px;margin:0 auto 20px;width:200px}.support-statistics .pie-labels{display:flex;flex-direction:column;gap:8px}.support-statistics .pie-label{align-items:center;display:flex;gap:8px}.support-statistics .pie-label-color{border-radius:2px;height:12px;width:12px}.support-statistics .pie-label-text{color:#4a5568;flex:1 1;font-size:14px}.support-statistics .pie-label-value{color:#2d3748;font-size:14px;font-weight:600}.support-statistics .tables-section{display:flex;flex-direction:column;gap:24px}.support-statistics .table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.support-statistics .table-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.support-statistics .table{border-collapse:collapse;width:100%}.support-statistics .table-header{background:#f8fafc}.support-statistics .table-row{border-bottom:1px solid #e2e8f0}.support-statistics .table-row:hover{background:#f8fafc}.support-statistics .table-header-cell{color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.support-statistics .table-cell{color:#4a5568;font-size:14px;padding:12px 16px}.support-statistics .satisfaction-score{color:#48bb78;font-weight:600}.support-statistics .rating-stars{display:flex;gap:2px;position:relative}.support-statistics .rating-stars:before{color:#e2e8f0;content:"★★★★★";font-size:16px}.support-statistics .rating-stars:after{color:#fbbf24;content:"★★★★★";font-size:16px;overflow:hidden;position:absolute}.support-statistics .progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.support-statistics .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.support-statistics .loading-container{padding:60px 20px;text-align:center}.support-statistics .loading-text{color:#718096;font-size:14px}.support-statistics .error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:16px 20px}@media (max-width:1024px){.support-statistics .charts-section{grid-template-columns:1fr}}@media (max-width:768px){.support-statistics .overview-section{grid-template-columns:repeat(2,1fr)}.support-statistics .page-header{align-items:stretch;flex-direction:column;gap:12px}.support-statistics .header-actions{justify-content:center}}.resume-manage,.resume-publish{padding:24px}.resume-publish h2{margin:0 0 16px}.resume-overview{margin-bottom:24px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.overview-card:before{background:linear-gradient(90deg,#e5e7eb,#e5e7eb);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.overview-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.overview-card.card-primary:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.overview-card.card-success:before{background:linear-gradient(90deg,#10b981,#34d399)}.overview-card.card-info:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.overview-card.card-warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.overview-card.card-danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.overview-card-content{align-items:center;display:flex;gap:16px}.overview-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.overview-card:hover .overview-icon-wrapper{transform:scale(1.1) rotate(5deg)}.icon-primary{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1}.icon-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.icon-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.icon-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.icon-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.overview-text{flex:1 1;min-width:0}.overview-label{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.3px;margin-bottom:8px}.overview-value{color:#111827;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.resume-publish-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 420px}.resume-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.resume-alert{border-radius:8px;margin-bottom:12px;padding:12px}.resume-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.resume-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.resume-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:120px 1fr}.resume-label{color:#6b7280;font-weight:600}.resume-input,.resume-textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.resume-textarea{resize:vertical}.resume-divider{background:#e5e7eb;height:1px;margin:16px 0}.resume-primary-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.resume-primary-btn:disabled{cursor:not-allowed;opacity:.7}.preview-list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto}.preview-item{grid-gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:10px;grid-template-columns:72px 1fr;padding:10px}.preview-item.cover{border-color:#6366f1}.preview-thumb{background:#f3f4f6;border-radius:8px;height:100px;object-fit:contain;width:72px}.preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;padding:6px 10px}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-danger{border-color:#ef4444;color:#ef4444}.btn-cover{background:#eef2ff;border-color:#6366f1}@media (max-width:1200px){.resume-publish-grid{grid-template-columns:1fr}}@media (max-width:1024px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}.overview-card{padding:20px}.overview-icon-wrapper{height:48px;width:48px}.overview-icon-wrapper svg{height:20px;width:20px}.overview-value{font-size:28px}}.resume-modal-mask{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.resume-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;max-height:calc(100vh - 48px);overflow:auto;width:min(1200px,100%)}.resume-modal-header{align-items:center;background:#fff;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.resume-modal-body{padding:16px}.resume-modal-footer{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:18px}.resume-modal-footer .btn,.resume-modal-footer .resume-primary-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:16px;font-weight:700;height:44px;justify-content:center;line-height:1;padding:0 16px;white-space:nowrap;width:100%}.resume-modal-footer .btn{background:#f3f4f6;border:1px solid #e5e7eb}.resume-table{border-collapse:collapse;width:100%}.resume-table td,.resume-table th{border-bottom:1px solid #0000000f;font-size:14px;padding:10px 12px;text-align:left}.resume-table th{color:#6b7280;font-size:13px;font-weight:700}
/*# sourceMappingURL=main.33fbdfbf.css.map*/