.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1200px;margin:0 auto}.app-header h1{font-size:2rem;margin-bottom:.5rem;font-weight:600}.app-header p{font-size:1rem;opacity:.9}.app-main{flex:1;max-width:1200px;width:100%;margin:2rem auto;padding:0 1rem}@media (max-width: 768px){.app-header{padding:1.5rem 1rem}.app-header h1{font-size:1.5rem}.app-main{margin:1rem auto}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px;padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;color:#333;margin-bottom:8px}.auth-header p{color:#666;font-size:14px}.auth-form,.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:border-color .2s}.error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.btn-block{width:100%;padding:14px;font-size:16px;font-weight:600}.trial-info{background:#f0f9ff;border:2px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:20px}.trial-info p{margin:4px 0;color:#1e40af;font-size:14px}.auth-footer{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.auth-footer p{color:#666;font-size:14px}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}@media (max-width: 480px){.auth-box{padding:30px 20px}.auth-header h1{font-size:24px}}.dashboard-container{display:flex;min-height:100vh;background:#f5f5f5}.dashboard-container .analytics-section{margin-bottom:30px}.dashboard-container .analytics-section h2{margin:0 0 20px;font-size:22px;color:#333}.dashboard-container .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.dashboard-container .chart-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.dashboard-container .chart-card h3{margin:0 0 20px;font-size:16px;color:#333;font-weight:600}.sidebar{width:260px;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh}.sidebar-header{padding:24px 20px;border-bottom:1px solid #333}.sidebar-header h2{font-size:20px;margin:0 0 4px;color:#fff}.user-role{font-size:12px;color:#999;margin:0}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#999;text-decoration:none;transition:all .2s;gap:12px;font-size:15px}.nav-item:hover{background:#2a2a2a;color:#fff}.nav-item.active{background:#667eea;color:#fff}.nav-item span{font-size:18px}.sidebar-footer{padding:20px;border-top:1px solid #333}.btn-logout{width:100%;padding:12px;background:#2a2a2a;color:#fff;border:none;border-radius:8px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#3a3a3a}.main-content{flex:1;margin-left:260px;padding:32px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dashboard-header h1{font-size:28px;color:#333;margin:0 0 8px}.dashboard-header p{color:#666;margin:0}.subscription-badge .badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.badge.trial{background:#dbeafe;color:#1e40af}.badge.active{background:#d1fae5;color:#065f46}.badge.expired{background:#fee2e2;color:#991b1b}.alert{padding:16px 20px;border-radius:8px;margin-bottom:24px}.alert strong{display:block;margin-bottom:8px}.alert p{margin:8px 0;font-size:14px}.alert-warning{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.alert-info{background:#dbeafe;border:2px solid #60a5fa;color:#1e3a8a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.blue{background:#dbeafe}.stat-icon.green{background:#d1fae5}.stat-icon.purple{background:#e9d5ff}.stat-icon.orange{background:#fed7aa}.stat-value{font-size:28px;font-weight:700;color:#333;margin-bottom:4px}.stat-label{font-size:14px;color:#666}.actions-section{margin-bottom:32px}.actions-section h2{font-size:20px;color:#333;margin-bottom:16px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}.action-card:hover:not(:disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.action-card:disabled{opacity:.5;cursor:not-allowed}.action-icon{font-size:32px;margin-bottom:12px}.action-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.action-desc{font-size:13px;color:#666}.recent-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;color:#333;margin:0}.view-all{color:#667eea;text-decoration:none;font-weight:600;font-size:14px}.codes-table table{width:100%;border-collapse:collapse}.codes-table th{text-align:left;padding:12px;background:#f9fafb;font-weight:600;color:#666;font-size:13px}.codes-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#333;font-size:14px}.code-number{font-family:Courier New,monospace;font-weight:700;color:#667eea;font-size:16px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}@media (max-width: 768px){.sidebar{width:200px}.main-content{margin-left:200px;padding:20px}.stats-grid,.actions-grid{grid-template-columns:1fr}}.code-management-container{padding:24px;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header h1{margin:0 0 8px;color:#333}.subtitle{color:#666;margin:0;font-size:14px}.info-banner{display:flex;gap:12px;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:16px;margin-bottom:24px}.info-icon{font-size:24px;flex-shrink:0}.info-content{color:#1565c0;font-size:14px;line-height:1.6}.info-content strong{color:#0d47a1}.warning-banner{display:flex;gap:12px;background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;padding:16px;margin-bottom:24px}.warning-icon{font-size:24px;flex-shrink:0}.warning-content{color:#e65100}.warning-content strong{display:block;margin-bottom:4px;color:#bf360c}.warning-content p{margin:0;font-size:14px}.warning-content p .code-value{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:#06c;background:#f0f4ff;padding:4px 8px;border-radius:4px}.warning-content p .portal-info{display:flex;flex-direction:column;gap:4px}.warning-content p .portal-name{font-weight:600;color:#333}.warning-content p .portal-url{font-size:12px;color:#666;font-family:Courier New,monospace}.warning-content p .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.warning-content p .status-badge.active{background:#e8f5e9;color:#2e7d32}.warning-content p .status-badge.inactive{background:#ffebee;color:#c62828}.warning-content p .form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit;background-color:#fff}.warning-content p .form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.warning-content p .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.warning-content p .form-group input.error{border-color:#d32f2f}.warning-content p .error-message{color:#d32f2f;font-size:13px;display:block;margin-top:6px}.warning-content p .field-hint{color:#999;font-size:12px;display:block;margin-top:6px}.warning-content p .form-error{background:#ffebee;border:1px solid #ef5350;color:#c62828;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.code-management{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.management-header h2{font-size:1.5rem;color:#333;margin:0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-icon{background:none;border:none;font-size:1.2rem;padding:.5rem;border-radius:4px;transition:background .2s}.btn-edit:hover{background:#f3f4f6}.btn-delete:hover{background:#fee2e2}.loading-state{text-align:center;padding:3rem}.spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fee2e2;color:#991b1b;padding:1rem 1.5rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.error-banner button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem}.codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.code-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s}.code-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.code-card.inactive{opacity:.6;background:#f9fafb}.code-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.code-display{display:flex;align-items:center;gap:.75rem}.code-number{font-size:2rem;font-weight:700;color:#667eea;font-family:Courier New,monospace}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.code-actions{display:flex;gap:.5rem}.code-details{margin-bottom:1rem}.detail-row{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.detail-label{font-weight:600;color:#6b7280;min-width:80px}.detail-value{color:#374151;word-break:break-all}.code-footer{padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.25rem}.footer-item{font-size:.75rem;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;padding:.25rem;line-height:1}.modal-close:hover{color:#374151}.modal-form{padding:1.5rem}.form-error{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.input-disabled{background:#f3f4f6;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.75rem}.form-group-checkbox{margin-bottom:1.5rem}.form-group-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.codes-grid{grid-template-columns:1fr}.management-header{flex-direction:column;align-items:stretch}.modal{max-height:100vh;border-radius:0}}.portals-container{padding:24px;max-width:1400px;margin:0 auto}.portals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.portals-header h1{margin:0 0 8px;color:#1a1a1a;font-size:28px}.portals-description{color:#666;margin:0;max-width:600px}.empty-state{text-align:center;padding:80px 20px;background:#f9f9f9;border-radius:12px;border:2px dashed #ddd}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{margin:0 0 8px;color:#333}.empty-state p{color:#666;margin-bottom:24px}.portals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.portal-card{background:#fff;border-radius:12px;border:1px solid #e0e0e0;padding:20px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.portal-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.portal-card.inactive{opacity:.7;background:#f9f9f9}.portal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.portal-status h3{margin:0 0 8px;color:#1a1a1a;font-size:20px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.portal-actions{display:flex;gap:8px}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:18px;padding:6px;border-radius:6px;transition:background .2s}.btn-icon:hover{background:#f0f0f0}.portal-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#999;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.info-value{color:#333;font-size:14px}.server-url{font-family:Courier New,monospace;background:#f5f5f5;padding:6px 10px;border-radius:4px;word-break:break-all;font-size:13px;color:#06c}.codes-count{font-weight:700;color:#06c;font-size:16px}.btn-primary{background:#06c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-primary:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-secondary:hover{background:#e0e0e0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#1a1a1a;font-size:22px}.modal-close{background:transparent;border:none;font-size:32px;line-height:1;cursor:pointer;color:#999;transition:color .2s;padding:0;width:32px;height:32px}.modal-close:hover{color:#333}form{padding:24px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input.error{border-color:#d32f2f}.error-message{color:#d32f2f;font-size:13px;display:block;margin-top:6px}.field-hint{color:#999;font-size:12px;display:block;margin-top:6px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:8px}.loading{text-align:center;padding:60px 20px;color:#666;font-size:16px}@media (max-width: 768px){.portals-container{padding:16px}.portals-header{flex-direction:column;gap:16px}.portals-header .btn-primary{align-self:stretch}.portals-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-header h1{margin:0 0 5px;font-size:28px;color:#333}.page-header p{margin:0;color:#666;font-size:14px}.info-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:10px;margin-bottom:30px}.info-box h3{margin:0 0 10px;font-size:18px}.info-box p{margin:0 0 10px;line-height:1.6}.info-box code{background:#fff3;color:#fff;border-radius:5px;padding:10px;display:block;font-family:Courier New,monospace;font-size:13px}.api-keys-list{margin-top:20px}.empty-state{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:10px;border:2px dashed #ddd}.empty-state p{font-size:16px;color:#666;margin-bottom:20px}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.key-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s ease}.key-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.key-card.inactive{opacity:.6;background:#f5f5f5}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.key-header h3{margin:0;font-size:18px;color:#333}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.status-badge.inactive{background:#f8d7da;color:#721c24}.key-info{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.info-row .label{color:#666;font-weight:500}.info-row code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Courier New,monospace}.key-actions{display:flex;gap:10px}.key-actions button{flex:1}.modal-content{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.modal-content .form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box}.modal-content .form-group input:focus{outline:none;border-color:#667eea}.modal-content .form-group small{display:block;margin-top:5px;color:#666;font-size:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.success-modal{text-align:center}.success-icon{font-size:48px;margin-bottom:15px}.success-modal h2{color:#10b981;margin-bottom:10px}.success-modal p{color:#666;margin-bottom:20px}.key-display{background:#f5f5f5;padding:15px;border-radius:8px;margin:20px 0;display:flex;align-items:center;gap:10px}.key-display code{flex:1;font-family:Courier New,monospace;font-size:13px;word-break:break-all;color:#333}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#5568d3}.btn-danger{background:#dc3545;color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.6;cursor:not-allowed}.super-admin-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:700;text-align:center;margin-top:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.stat-card.primary{border-left:4px solid #667eea}.stat-card.success{border-left:4px solid #10b981}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.info{border-left:4px solid #3b82f6}.stat-icon{font-size:48px;opacity:.8}.stat-content{flex:1}.stat-content h3{margin:0 0 5px;font-size:14px;color:#666;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:#333;margin:5px 0}.stat-detail{font-size:12px;color:#999}.section-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.section-card h2{margin:0 0 20px;font-size:20px;color:#333}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.action-btn{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.action-btn span{font-size:32px}.action-btn strong{display:block;font-size:16px;margin-bottom:5px}.action-btn small{display:block;font-size:13px;opacity:.9}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f5f5f5}.data-table th{padding:12px 15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.data-table td{padding:12px 15px;border-bottom:1px solid #f0f0f0}.data-table tbody tr:hover{background:#f9f9f9}.data-table code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Courier New,monospace}.badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block}.badge.active{background:#d4edda;color:#155724}.badge.inactive{background:#f8d7da;color:#721c24}.badge.suspended{background:#fff3cd;color:#856404}.providers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.provider-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.provider-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.provider-card.suspended{opacity:.7;background:#f9f9f9;border-color:#dc3545}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #e0e0e0;margin-bottom:15px}.provider-header h3{margin:0 0 5px;font-size:18px;color:#333}.provider-email{margin:5px 0;color:#666;font-size:14px}.provider-company{margin:5px 0;color:#999;font-size:13px}.provider-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.stat-item .label{color:#666;font-weight:500}.stat-item .value{color:#333;font-weight:600}.provider-actions{display:flex;gap:10px;justify-content:flex-end}.status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.status-badge.suspended{background:#f8d7da;color:#721c24}.btn-sm{padding:6px 14px;font-size:13px}.btn-success{background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.btn-success:hover{background:#059669}.btn-danger{background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.btn-danger:hover{background:#c82333}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.settings-tabs .tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .3s ease}.settings-tabs .tab:hover{color:#667eea;background:#f5f5f5}.settings-tabs .tab.active{color:#667eea;border-bottom-color:#667eea}.settings-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.settings-card h2{margin:0 0 25px;font-size:22px;color:#333}.settings-card h3{margin:20px 0 10px;font-size:16px;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group input.disabled-input{background:#f5f5f5;color:#999;cursor:not-allowed}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.alert-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.security-info{margin-top:30px;padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.security-info h3{margin:0 0 10px;font-size:16px;color:#333}.security-info ul{margin:0;padding-left:20px}.security-info li{margin:5px 0;color:#666;font-size:14px}.api-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.api-section:last-child{border-bottom:none}.api-section p{margin:10px 0;color:#666;line-height:1.6}.api-section .note{font-size:13px;color:#999;font-style:italic}.api-section a{color:#667eea;text-decoration:none;font-weight:500}.api-section a:hover{text-decoration:underline}.code-block{display:block;background:#2d2d2d;color:#f8f8f2;padding:15px;border-radius:8px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;margin:10px 0;white-space:pre}.code-block.small{font-size:12px;padding:12px}.endpoint{margin:15px 0;padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.endpoint p{margin:10px 0 0;font-size:14px}.method{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;margin-right:10px}.method.get{background:#61affe;color:#fff}.method.post{background:#49cc90;color:#fff}.method.put{background:#fca130;color:#fff}.method.delete{background:#f93e3e;color:#fff}.path{font-family:Courier New,monospace;font-size:14px;color:#333;font-weight:500}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.settings-tabs{flex-direction:column}.settings-tabs .tab{text-align:left}}.subscription-card{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e0e0e0;margin-bottom:25px}.card-header h2{margin:0;font-size:22px;color:#333}.status-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700}.status-badge.trial{background:#fff3cd;color:#856404}.status-badge.active{background:#d4edda;color:#155724}.status-badge.expired{background:#f8d7da;color:#721c24}.status-badge.cancelled{background:#f5f5f5;color:#6c757d}.status-badge.completed{background:#d4edda;color:#155724;font-size:12px;padding:4px 10px}.subscription-details{display:flex;flex-direction:column;gap:15px}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-weight:500;font-size:15px}.detail-row .value{color:#333;font-weight:600;font-size:15px}.days-badge{margin-left:10px;padding:4px 10px;background:#667eea;color:#fff;border-radius:12px;font-size:12px}.upgrade-prompt{margin-top:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;text-align:center}.upgrade-prompt p{margin:0;font-size:16px;font-weight:500}.plans-section{margin-bottom:30px}.plans-section h2{margin:0 0 20px;font-size:22px;color:#333}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:30px;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.plan-card.popular{border-color:#667eea;box-shadow:0 4px 16px #667eea33}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700}.plan-header{text-align:center;padding-bottom:20px;border-bottom:2px solid #f5f5f5;margin-bottom:25px}.plan-header h3{margin:0 0 15px;font-size:24px;color:#333}.plan-price{margin-bottom:10px}.plan-price .amount{font-size:42px;font-weight:700;color:#667eea}.plan-price .interval{font-size:16px;color:#666}.savings-badge{display:inline-block;padding:6px 14px;background:#10b981;color:#fff;border-radius:20px;font-size:13px;font-weight:700;margin-top:10px}.plan-features{list-style:none;padding:0;margin:0 0 25px}.plan-features li{padding:12px 0;color:#666;font-size:15px;display:flex;align-items:center}.plan-features .check{color:#10b981;font-weight:700;margin-right:10px;font-size:18px}.btn-full{width:100%}.btn{padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.history-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.history-section h2{margin:0 0 20px;font-size:22px;color:#333}.table-responsive{overflow-x:auto}.payment-table{width:100%;border-collapse:collapse}.payment-table thead{background:#f5f5f5}.payment-table th{padding:12px 15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.payment-table td{padding:12px 15px;border-bottom:1px solid #f5f5f5}.payment-table tbody tr:hover{background:#f9f9f9}.invoice-link{color:#667eea;text-decoration:none;font-weight:500}.invoice-link:hover{text-decoration:underline}.btcpay-info{background:linear-gradient(135deg,#f7931a,#ffb347);color:#fff;padding:25px;border-radius:12px;margin-bottom:30px}.btcpay-info h3{margin:0 0 10px;font-size:20px}.btcpay-info p{margin:0 0 15px;line-height:1.6;opacity:.95}.btcpay-info ul{list-style:none;padding:0;margin:0}.btcpay-info li{padding:8px 0;font-size:15px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:35px;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003}.modal-content h2{margin:0 0 25px;font-size:24px;color:#333}.upgrade-summary{background:#f9f9f9;padding:20px;border-radius:10px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px}.summary-row span{color:#666}.summary-row strong{color:#333;font-size:16px}.payment-info{margin-bottom:25px;padding:15px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px}.payment-info p{margin:0;color:#856404;font-size:14px;line-height:1.6}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.empty-state{text-align:center;padding:40px;color:#999;font-size:15px}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:5px}.card-header{flex-direction:column;align-items:flex-start;gap:15px}}.terms-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;display:flex;justify-content:center;align-items:center}.terms-card{background:#fff;border-radius:15px;padding:40px;max-width:900px;width:100%;box-shadow:0 10px 40px #0003}.terms-card h1{margin:0 0 10px;font-size:32px;color:#333;text-align:center}.last-updated{text-align:center;color:#666;font-size:14px;margin:0 0 30px}.terms-content{max-height:600px;overflow-y:auto;padding-right:10px}.terms-content section{margin-bottom:30px}.terms-content h2{color:#667eea;font-size:20px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.terms-content p{color:#555;line-height:1.8;margin:10px 0}.terms-content ul{margin:15px 0;padding-left:25px}.terms-content li{color:#555;line-height:1.8;margin:8px 0}.terms-content strong{color:#333}.terms-footer{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}.btn{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block}.btn-primary:hover{background:#5568d3;transform:translateY(-2px)}.btn-secondary:hover{background:#5a6268}.terms-content::-webkit-scrollbar{width:8px}.terms-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.terms-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.terms-content::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width: 768px){.terms-card{padding:20px}.terms-card h1{font-size:24px}.terms-content{max-height:500px}.terms-footer{flex-direction:column}}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.ticket-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.ticket-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px);border-color:#667eea}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.ticket-header h3{margin:0;font-size:18px;color:#333;flex:1}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.status-badge.open{background:#fff3cd;color:#856404}.status-badge.in-progress{background:#cce5ff;color:#004085}.status-badge.resolved{background:#d4edda;color:#155724}.status-badge.closed{background:#f5f5f5;color:#6c757d}.ticket-preview{color:#666;font-size:14px;line-height:1.6;margin:10px 0}.ticket-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.priority-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.priority-badge.low{background:#28a745;color:#fff}.priority-badge.medium{background:#ffc107;color:#333}.priority-badge.high{background:#fd7e14;color:#fff}.priority-badge.urgent{background:#dc3545;color:#fff}.ticket-date{font-size:12px;color:#999}.replies-count{font-size:12px;color:#667eea;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.modal-content{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-content.large{max-width:800px}.modal-content h2{margin:0 0 20px;font-size:24px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:120px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ticket-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.close-btn{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .3s ease}.close-btn:hover{background:#e0e0e0}.ticket-detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.ticket-conversation{margin:20px 0}.message{margin-bottom:20px;padding:15px;border-radius:10px}.user-message{background:#f9f9f9;border-left:4px solid #667eea}.admin-message{background:#e8f5e9;border-left:4px solid #28a745}.message-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px}.message-header strong{color:#333}.message-header span{color:#999}.message-body{color:#555;line-height:1.6}.ticket-closed-notice{background:#fff3cd;color:#856404;padding:15px;border-radius:8px;text-align:center;margin-top:20px}.empty-state{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:12px;margin-top:20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{margin:0 0 10px;font-size:24px;color:#333}.empty-state p{margin:0 0 25px;color:#666;font-size:16px}@media (max-width: 768px){.tickets-grid{grid-template-columns:1fr}.modal-content{padding:20px;width:95%}.ticket-header{flex-direction:column;gap:10px}}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.info-card{background:#fff;border-radius:12px;padding:25px;text-align:center;border:2px solid #e0e0e0;transition:all .3s ease}.info-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.info-card.announcement{border-color:#667eea}.info-card.maintenance{border-color:#fd7e14}.info-card.individual{border-color:#10b981}.info-icon{font-size:48px;margin-bottom:15px}.info-card h3{margin:0 0 10px;font-size:18px;color:#333}.info-card p{margin:0;color:#666;font-size:14px;line-height:1.6}.messages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.message-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease;position:relative}.message-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.message-card.announcement{border-left:4px solid #667eea}.message-card.maintenance{border-left:4px solid #fd7e14}.message-card.individual{border-left:4px solid #10b981}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.message-type{display:flex;align-items:center;gap:8px}.type-icon{font-size:24px}.type-label{font-size:14px;font-weight:600;color:#333}.message-status{display:flex;align-items:center;gap:10px}.status-text{font-size:12px;color:#666;font-weight:500}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(26px)}.message-card h3{margin:0 0 10px;font-size:18px;color:#333}.message-content{color:#666;font-size:14px;line-height:1.6;margin:10px 0}.target-info{background:#f9f9f9;padding:10px;border-radius:6px;font-size:13px;color:#667eea;margin:10px 0;font-weight:500}.message-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.message-date{font-size:12px;color:#999}.btn-delete{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background:#c82333;transform:translateY(-2px)}.message-preview{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:8px}.message-preview h4{margin:0 0 15px;font-size:14px;color:#666}.preview-box{background:#fff;padding:20px;border-radius:8px;border:2px solid #e0e0e0;text-align:center}.preview-box strong{display:block;margin-bottom:10px;font-size:16px;color:#333}.preview-box p{margin:0 0 15px;color:#666;font-size:14px;line-height:1.6}.preview-btn{background:#667eea;color:#fff;border:none;padding:10px 30px;border-radius:6px;font-size:14px;font-weight:500;cursor:default}@media (max-width: 768px){.messages-grid,.info-cards{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#root{min-height:100vh}input,textarea,button{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}