body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}.login-container{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.login-header p{color:#6b7280;font-size:.875rem;margin:0}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-bottom:20px;padding:12px 16px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.login-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .2s}.login-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.login-container{padding:16px}.login-card{padding:32px 24px}.login-header h1{font-size:1.75rem}}@media (max-width:480px){.login-card{padding:24px 16px}.login-header h1{font-size:1.5rem}}.login-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#6b7280;font-size:.75rem;margin:0}.dashboard{max-width:1200px;padding:20px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#1a202c;font-size:2rem;font-weight:600;margin:0 0 10px}.dashboard-header p{color:#718096;font-size:1.1rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;padding:24px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:24px;height:50px;justify-content:center;width:50px}.stat-icon.users{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.subscriptions{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.pending{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-icon.revenue{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-content h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin:0 0 4px}.stat-content p{color:#718096;font-size:.9rem;font-weight:500;margin:0}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.dashboard-section h2{color:#1a202c;font-size:1.4rem;font-weight:600;margin:0 0 20px}.plan-distribution{display:flex;flex-wrap:wrap;gap:20px}.plan-item{align-items:center;display:flex;font-weight:500;gap:8px}.plan-color{border-radius:4px;height:16px;width:16px}.plan-color.free{background:#718096}.plan-color.pro{background:#4299e1}.plan-color.business{background:#48bb78}.recent-activity{max-height:300px;overflow-y:auto}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.activity-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#1a202c}.plan-type{color:#718096;font-size:.8rem;text-transform:capitalize}.activity-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.status{border-radius:4px;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.status.pending{background:#fed7d7;color:#c53030}.status.approved{background:#c6f6d5;color:#22543d}.status.rejected{background:#fed7d7;color:#c53030}.date{color:#718096;font-size:.8rem}@media (max-width:768px){.dashboard{padding:12px}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.95rem}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-content h3{font-size:1.5rem}.dashboard-section{margin-bottom:12px;padding:16px}.dashboard-section h2{font-size:1.2rem}.plan-distribution{flex-direction:column;gap:12px}.activity-item{flex-direction:column;gap:8px}.activity-item,.activity-meta{align-items:flex-start}}@media (max-width:480px){.dashboard{padding:8px}.dashboard-header h1{font-size:1.25rem}.stat-icon{font-size:20px;height:40px;width:40px}}.subscription-management{margin:0 auto;max-width:1200px;padding:24px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.filters{align-items:center;display:flex;gap:12px}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.refresh-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.refresh-button:hover{background:#2563eb}.loading{font-size:16px}.loading,.no-requests{color:#6b7280;padding:48px;text-align:center}.requests-list{display:flex;flex-direction:column;gap:20px}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:box-shadow .2s}.request-card:hover{box-shadow:0 4px 12px #0000001a}.request-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.user-info h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 4px}.user-info p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:768px){.subscription-management{padding:16px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:1.5rem}.filters{flex-direction:column}.filters,.refresh-button,.status-filter{width:100%}.request-card{padding:16px}.request-header{align-items:flex-start;flex-direction:column}.user-info h3{font-size:1.1rem}}@media (max-width:480px){.subscription-management{padding:12px}.page-header h1{font-size:1.25rem}.request-card{padding:12px}}.user-info .company{color:#374151;font-weight:500}.request-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge-pending{background:#fef3c7;color:#d97706}.badge-approved{background:#d1fae5;color:#059669}.badge-rejected{background:#fee2e2;color:#dc2626}.plan-badge{border-radius:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.plan-pro{background:#ddd6fe;color:#7c3aed}.plan-business{background:#bfdbfe;color:#1d4ed8}.request-details{margin-bottom:20px}.detail-grid{grid-gap:12px;gap:12px;margin-bottom:16px}.detail-item{color:#374151;font-size:14px}.detail-item strong{color:#1f2937}.message-section{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:16px}.message-section strong{color:#1f2937;font-size:14px}.message-section p{color:#374151;font-size:14px;line-height:1.5;margin:8px 0 0}.request-footer{align-items:flex-end;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:20px}.request-dates{color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:4px}.rejection-reason{color:#dc2626!important;font-weight:500}.action-buttons{display:flex;gap:12px}.approve-button,.reject-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.approve-button{background:#10b981;color:#fff}.approve-button:hover:not(:disabled){background:#059669}.reject-button{background:#ef4444;color:#fff}.reject-button:hover:not(:disabled){background:#dc2626}.approve-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{padding:20px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:24px;width:100%}.modal h3{color:#1f2937;font-size:1.25rem;margin:0 0 12px}.modal p{color:#6b7280;font-size:14px;margin:0 0 16px}.reject-reason-input{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:20px;padding:12px;resize:vertical;width:100%}.reject-reason-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.confirm-reject-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover{background:#e5e7eb}.confirm-reject-button{background:#ef4444;color:#fff}.confirm-reject-button:hover:not(:disabled){background:#dc2626}.confirm-reject-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.subscription-management{padding:16px}.page-header,.request-footer,.request-header{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}}.user-management{max-width:1400px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#1a202c;font-size:2rem;font-weight:600;margin:0 0 10px}.page-header p{color:#718096;font-size:1.1rem;margin:0}.search-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.search-form{display:flex;gap:12px;max-width:400px}.search-input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px}.search-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.search-button{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.search-button:hover{background:#3182ce}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.users-table td{border-bottom:1px solid #f1f5f9;padding:16px 12px;vertical-align:middle}.users-table tr:hover{background:#f7fafc}@media (max-width:768px){.user-management{padding:12px}.page-header h1{font-size:1.5rem}.page-header p{font-size:.95rem}.search-section{padding:16px}.search-form{flex-direction:column;max-width:100%}.search-button,.search-input{width:100%}.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{min-width:800px}.users-table td,.users-table th{font-size:13px;padding:12px 8px}}@media (max-width:480px){.user-management{padding:8px}.page-header h1{font-size:1.25rem}.users-table{min-width:700px}}.user-avatar{background:linear-gradient(135deg,#4299e1,#667eea);font-size:14px;height:36px;width:36px}.plan-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.plan-badge.plan-free{background:#e2e8f0;color:#4a5568}.plan-badge.plan-pro{background:#bee3f8;color:#2a69ac}.plan-badge.plan-business{background:#c6f6d5;color:#22543d}.usage-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.usage-badge.usage-low{background:#c6f6d5;color:#22543d}.usage-badge.usage-medium{background:#fef2c7;color:#975a16}.usage-badge.usage-high{background:#fed7d7;color:#c53030}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#c53030}.action-button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.action-button.view{background:#4299e1;color:#fff}.action-button.view:hover{background:#3182ce}.pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;padding:20px}.pagination-button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#718096;font-size:14px}.loading-state{color:#718096;font-size:16px}.empty-state,.loading-state{padding:60px;text-align:center}.empty-state p{color:#718096;font-size:16px;margin-bottom:16px}.clear-search{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1a202c;font-size:1.4rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.close-button:hover{color:#4a5568}.modal-body{padding:24px}.user-detail-section{margin-bottom:24px}.user-detail-section:last-child{margin-bottom:0}.user-detail-section h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-grid>div{display:flex;flex-direction:column;gap:4px}.detail-grid label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-grid span{color:#1a202c;font-size:14px}.user-id{background:#f7fafc;border-radius:4px;font-family:Courier New,monospace;font-size:12px!important;padding:2px 6px}.analytics{max-width:1400px;padding:20px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header h1{color:#1a202c;font-size:2rem;font-weight:600;margin:0}.date-filter{align-items:center;display:flex;gap:12px}.date-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.date-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.metric-content{flex:1 1}.metric-content h3{color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 8px}.metric-content p{color:#718096;font-size:14px;font-weight:500;margin:0 0 8px}.metric-change{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.metric-change.positive{background:#c6f6d5;color:#22543d}.metric-change.negative{background:#fed7d7;color:#c53030}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-card h2{color:#1a202c;font-size:1.4rem;font-weight:600;margin:0 0 20px}.chart-container{position:relative}.chart-legend{display:flex;gap:20px;margin-bottom:20px}.legend-item{align-items:center;color:#718096;display:flex;font-size:14px;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.free{background:#cbd5e0}.legend-color.pro{background:#4299e1}.legend-color.business{background:#48bb78}.simple-chart{align-items:flex-end;display:flex;gap:16px;height:200px;padding:20px 0}.chart-bar{flex:1 1;gap:8px}.bar-container,.chart-bar{align-items:center;display:flex;flex-direction:column}.bar-container{gap:2px;justify-content:flex-end;min-height:150px}.bar-segment{border-radius:2px;cursor:pointer;min-height:4px;transition:opacity .2s;width:20px}.bar-segment:hover{opacity:.8}.bar-segment.free{background:#cbd5e0}.bar-segment.pro{background:#4299e1}.bar-segment.business{background:#48bb78}.bar-label{color:#718096;font-size:12px;font-weight:500}.conversion-stats{display:flex;flex-direction:column;gap:20px}.conversion-item{align-items:center;display:flex;gap:12px}.conversion-label{color:#4a5568;font-size:14px;font-weight:500;min-width:120px}.conversion-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.conversion-fill{border-radius:4px;height:100%;transition:width .3s ease}.conversion-fill.pro{background:#4299e1}.conversion-fill.business{background:#48bb78}.conversion-value{color:#1a202c;font-size:14px;font-weight:600;min-width:50px;text-align:right}.revenue-section{margin-bottom:30px}.revenue-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.revenue-card h2{color:#1a202c;font-size:1.4rem;font-weight:600;margin:0 0 20px}.revenue-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.revenue-stat{text-align:center}.revenue-amount{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:8px}.revenue-label{color:#718096;font-size:14px;font-weight:500}.export-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.export-section h2{color:#1a202c;font-size:1.4rem;font-weight:600;margin:0 0 20px}.export-buttons{display:flex;flex-wrap:wrap;gap:12px}.export-button{align-items:center;background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background .2s}.export-button:hover{background:#3182ce}.loading-screen{color:#718096}.error-state,.loading-screen{font-size:1.1rem;padding:60px}.error-state{align-items:center;background:#fff;border:1px solid #fed7d7;border-radius:12px;color:#e53e3e;display:flex;justify-content:center}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics{padding:12px}.analytics-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.analytics-header h1{font-size:1.5rem}.date-filter{justify-content:flex-start;width:100%}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{padding:16px}.metric-content h3{font-size:1.5rem}.chart-card{padding:16px}.chart-card h2{font-size:1.2rem}.chart-legend{flex-wrap:wrap;gap:12px}.revenue-stats{gap:20px;grid-template-columns:1fr}.revenue-amount{font-size:2rem}.export-buttons{flex-direction:column}.export-button{justify-content:center;width:100%}}@media (max-width:480px){.analytics-header h1{font-size:1.25rem}.metric-icon{font-size:20px;height:40px;width:40px}.simple-chart{gap:8px;height:150px}.bar-segment{width:16px}}.settings-container{margin:0 auto;max-width:1200px;padding:30px}.settings-header{margin-bottom:30px}.settings-header h1{color:#2c3e50;font-size:28px;margin:0 0 8px}.settings-header p{color:#7f8c8d;font-size:14px;margin:0}.message{animation:slideDown .3s ease;border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-tabs{border-bottom:2px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .3s ease}.tab-button:hover{color:#3498db}.tab-button.active{border-bottom-color:#3498db;color:#3498db}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.settings-section h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:20px;margin-bottom:20px;padding-bottom:12px}.settings-form{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column}.form-group label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #bdc3c7;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.pricing-tiers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-tier-card{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:10px;padding:20px}.pricing-tier-card h3{color:#2c3e50;font-size:16px;margin:0 0 16px;text-transform:capitalize}.tier-field{display:flex;flex-direction:column;margin-bottom:16px}.tier-field label{color:#2c3e50;font-size:13px;font-weight:600;margin-bottom:6px}.tier-field input{border:1px solid #bdc3c7;border-radius:6px;font-size:13px;padding:8px 10px}.feature-flags{display:flex;flex-direction:column;gap:16px}.feature-flag-item{align-items:center;background:#f8f9fa;border:1px solid #ecf0f1;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.feature-flag-item:hover{background:#ecf0f1;border-color:#bdc3c7}.flag-info{flex:1 1}.flag-info label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin:0 0 4px}.flag-info p{color:#7f8c8d;font-size:12px;margin:0}.toggle-switch{cursor:pointer;display:inline-flex;height:26px;margin-left:16px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#27ae60}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.settings-actions{display:flex;gap:12px;justify-content:center}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-save{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#ecf0f1;color:#7f8c8d}.btn-cancel:hover{background:#bdc3c7;color:#2c3e50}.access-denied,.error,.loading{align-items:center;color:#7f8c8d;display:flex;font-size:16px;justify-content:center;min-height:400px;text-align:center}.access-denied h2,.error{color:#e74c3c}@media (max-width:768px){.settings-container{padding:20px}.settings-tabs{flex-direction:column}.tab-button{text-align:left;width:100%}.pricing-tiers,.settings-form{grid-template-columns:1fr}.feature-flag-item{align-items:flex-start;flex-direction:column}.toggle-switch{margin-left:0;margin-top:12px}.settings-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:100vh;width:280px}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 20px}.close-sidebar{align-items:center;background:none;border:none;box-shadow:none;color:#6b7280;cursor:pointer;display:none;font-size:28px;height:32px;justify-content:center;letter-spacing:normal;min-height:0;min-height:auto;padding:0;text-transform:none;width:32px}.close-sidebar:hover{background:#f3f4f6;border-radius:4px;color:#1f2937;transform:none}.sidebar-header h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-section{margin-bottom:32px}.nav-section h3{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin:0 0 12px 20px;text-transform:uppercase}.nav-section ul{list-style:none;margin:0;padding:0}.nav-section li{margin:2px 0}.nav-link{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#1f2937}.nav-link.active{background:#eff6ff;border-right:3px solid #2563eb;color:#2563eb}.nav-icon{font-size:16px;margin-right:12px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #e5e7eb;padding:20px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#3b82f6;border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;min-width:0}.user-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.user-role{color:#6b7280;font-size:12px;text-transform:capitalize}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{box-shadow:2px 0 10px #0000001a;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.sidebar.open{left:0}.close-sidebar{display:flex}}.header{background:#fff;border-bottom:1px solid #e5e7eb;height:64px;padding:0 24px}.header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;width:100%}.header-left{align-items:center;display:flex;gap:16px}.menu-toggle{align-items:center;background:none;border:none;box-shadow:none;color:#1f2937;cursor:pointer;display:none;font-size:24px;height:40px;justify-content:center;letter-spacing:normal;min-height:0;min-height:auto;padding:8px;text-transform:none;width:40px}.menu-toggle:hover{background:#f3f4f6;border-radius:6px;transform:none}.hamburger-icon{display:block;line-height:1}.header-left h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:20px}.admin-info{align-items:flex-end;display:flex;flex-direction:column}.admin-name{color:#1f2937;font-size:14px;font-weight:600}.admin-role{color:#6b7280;font-size:12px;text-transform:capitalize}.logout-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.logout-button:hover{background:#dc2626}@media (max-width:768px){.header{padding:0 16px}.menu-toggle{display:flex}.header-left h1{font-size:1.125rem}.admin-info{display:none}.logout-button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.header-left h1{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen{align-items:center;color:#6b7280;display:flex;font-size:18px;height:100vh;justify-content:center}.admin-layout{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}.content-area{background:#f9fafb;flex:1 1;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){\n .admin-layout{flex-direction:column}.main-content{width:100%}.content-area{padding:0}}
/*# sourceMappingURL=main.57e45f76.css.map*/