@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.login-container-modern{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:var(--bg-darker);position:relative;overflow:hidden;padding:20px}.login-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(80px);z-index:0;opacity:.4;animation:pulse-glow 15s infinite alternate}.glow-1{top:-200px;left:-200px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%)}.glow-2{bottom:-200px;right:-200px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation-delay:-5s}@keyframes pulse-glow{0%{transform:scale(1) translate(0);opacity:.3}50%{transform:scale(1.2) translate(50px,50px);opacity:.5}to{transform:scale(.9) translate(-50px,20px);opacity:.3}}.login-card-modern{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:48px;width:100%;max-width:480px;position:relative;z-index:10;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px var(--glass-border);animation:fade-up .8s cubic-bezier(.16,1,.3,1)}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-branding{text-align:center;margin-bottom:40px}.logo-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 20px #6366f14d;color:#fff}.login-branding h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;color:var(--text-primary)}.login-branding h1 span{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{color:var(--text-secondary);font-size:15px;font-weight:500}.login-form-modern{display:flex;flex-direction:column;gap:24px}.form-group-modern label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.input-with-icon-modern{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none;transition:color .2s}.input-with-icon-modern input{width:100%;padding:14px 16px 14px 48px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-with-icon-modern input:focus{outline:none;background:#ffffff14;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.input-with-icon-modern input:focus+.input-icon{color:var(--primary)}.login-button-modern{margin-top:8px;padding:14px;width:100%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 15px -3px #6366f14d}.login-button-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f166}.login-button-modern:active:not(:disabled){transform:translateY(0)}.login-button-modern:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.error-message-modern{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error);padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:24px;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-footer-modern{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:13px;opacity:.6}@media (max-width: 480px){.login-card-modern{padding:32px 24px;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:none;box-shadow:none}.login-container-modern{background-color:var(--bg-dark);padding:0;align-items:flex-start}}.dashboard{display:flex;flex-direction:column;gap:32px;animation:fade-in .5s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.title-icon-wrapper{width:52px;height:52px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 8px 30px #0000004d}.header-title h2{font-size:28px;font-weight:800;color:#fff!important;margin-bottom:6px;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.header-title .subtitle{color:var(--text-label);font-size:15px;font-weight:600;opacity:.9}.range-selector{display:flex;background:#ffffff08;padding:4px;border-radius:14px;border:1px solid var(--glass-border)}.range-selector button{display:flex;align-items:center;gap:8px;padding:8px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:700;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.range-selector button:hover{color:var(--text-primary);background:#ffffff0d}.range-selector button.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stat-card{padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.stat-icon-wrapper{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.stat-icon-wrapper.users{background:#6366f133;color:#818cf8}.stat-icon-wrapper.active{background:#10b98133;color:#34d399}.stat-icon-wrapper.new{background:#f59e0b33;color:#fbbf24}.stat-icon-wrapper.month{background:#8b5cf633;color:#a78bfa}.stat-label{display:block;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-value-group{display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:32px;font-weight:800;color:#fff!important;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.3)}.trend-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase}.trend-badge.positive{background:#10b98126;color:#34d399}.trend-badge.info{background:#6366f126;color:#818cf8}.trend-badge.warn{background:#f59e0b26;color:#fbbf24}.trend-badge.accent{background:#8b5cf626;color:#a78bfa}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.dashboard-section{padding:32px;display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;gap:12px;color:var(--primary);margin-bottom:4px}.section-header h3{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.2px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.integration-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.integration-card:hover{background:#ffffff14;border-color:var(--primary);transform:translate(6px)}.integration-platform{display:flex;align-items:center;gap:16px}.platform-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0003}.platform-labels{display:flex;flex-direction:column;gap:4px}.platform-name{font-size:15px;font-weight:800;color:#fff}.platform-count{font-size:18px;font-weight:800;color:var(--primary)}.platform-count .unit{font-size:11px;color:var(--text-label);font-weight:700;text-transform:uppercase;margin-left:4px}.card-arrow{color:var(--text-primary);opacity:.5;transition:all .2s}.integration-card:hover .card-arrow{opacity:1;color:var(--primary);transform:translate(4px)}.system-stats{display:flex;flex-direction:column;gap:14px}.system-stat{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px}.system-stat-info{display:flex;align-items:center;gap:14px;color:#fff}.status-icon-box{width:36px;height:36px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.system-stat .label{font-size:14px;font-weight:700}.status-indicator{display:flex;align-items:center;gap:6px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:20px}.status-indicator.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-indicator.uptime{background:#ffffff0d;color:#fff;border:1px solid var(--glass-border)}.chart-section{grid-column:span 2;overflow:visible}.growth-chart{height:400px;width:100%;margin-top:15px}.chart-tooltip{padding:20px!important;background:#0f172afa!important;border:1px solid var(--primary)!important;box-shadow:0 15px 50px #0009;border-radius:16px!important}.tooltip-label{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--text-label);margin-bottom:10px;letter-spacing:1.5px}.tooltip-value{font-size:28px;font-weight:800;color:#fff;display:flex;align-items:baseline;gap:8px}.tooltip-value .unit{font-size:14px;color:var(--primary);text-transform:uppercase;font-weight:700}.recharts-cartesian-grid-horizontal line{stroke:#ffffff14}.recharts-text{font-family:inherit;font-weight:700!important}.empty-state{text-align:center;padding:80px 40px;color:var(--text-label);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);gap:20px}.loading-state p{color:#fff;font-weight:700;font-size:16px;letter-spacing:.5px}.btn-retry{display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-weight:800;transition:all .3s;cursor:pointer;box-shadow:0 8px 25px var(--primary-glow)}.btn-retry:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--primary-glow)}@media (max-width: 1280px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:24px}.header-title h2{font-size:22px}.range-selector{width:100%}.range-selector button{flex:1;justify-content:center;padding:10px 14px}}.users-page{display:flex;flex-direction:column;gap:24px;animation:fade-in .5s ease-out}.users-filters{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;max-width:400px;display:flex;align-items:center}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.search-input{width:100%;padding:12px 16px 12px 48px!important;font-weight:600;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;color:#fff;transition:all .2s}.search-input:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-glow)}.filter-actions{display:flex;gap:12px}.filter-select{padding:10px 18px;background:#ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:14px;font-weight:700;outline:none;cursor:pointer;transition:all .2s}.filter-select:hover{background:#ffffff1f;border-color:var(--primary)}.btn-add-user{display:flex;align-items:center;gap:8px;padding:10px 22px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:800;font-size:14px;transition:all .2s;box-shadow:0 4px 15px var(--primary-glow)}.btn-add-user:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.users-table-container{padding:24px;overflow-x:auto}.user-cell{display:flex;align-items:center;gap:14px}.user-avatar{width:36px;height:36px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--primary)}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:15px;font-weight:800;color:#fff!important;display:block;line-height:1.3}.role-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.status-active{color:#10b981}.status-inactive{color:var(--text-label)}.table-actions{display:flex;gap:10px}.btn-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:#fff;transition:all .2s}.btn-action:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary)}.users-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#fff;font-size:14px;font-weight:700}.pagination-controls{display:flex;gap:10px}.btn-page{padding:10px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:800;cursor:pointer;transition:all .2s}.btn-page:not(:disabled):hover{background:#ffffff1a;border-color:var(--primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-label);font-size:15px;font-weight:700}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:#f87171;font-size:15px;font-weight:700}.btn-retry{display:flex;align-items:center;gap:8px;padding:10px 22px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-retry:hover{background:#6366f140;transform:translateY(-2px)}.no-data{text-align:center;padding:48px;color:var(--text-label);font-size:15px;font-weight:700}.btn-action.btn-delete{background:#ef44441a;border-color:#ef444440;color:#f87171}.btn-action.btn-delete:hover{background:#ef444433}.role-badge.role-admin{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.role-badge.role-user{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics-page{display:flex;flex-direction:column;gap:32px;animation:fade-in .5s ease-out}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.analytics-header h2{font-size:26px;font-weight:800;color:#fff}.header-icon{color:var(--primary)}.metrics-section h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-label);margin-bottom:24px;display:flex;align-items:center;gap:10px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.metric-card{padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px #0000004d}.metric-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.metric-icon.users{background:#6366f133;color:#818cf8}.metric-icon.active-users{background:#10b98133;color:#34d399}.metric-icon.integrations{background:#f59e0b33;color:#fbbf24}.metric-icon.new-users{background:#8b5cf633;color:#a78bfa}.metric-value{font-size:32px;font-weight:800;color:#fff;line-height:1}.metric-label{font-size:13px;font-weight:700;color:var(--text-label);margin-top:4px}.metric-change{margin-top:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--text-muted)}.metric-change.positive{color:#34d399}.analytics-section{padding:32px}.analytics-section h3{font-size:20px;font-weight:800;color:#fff;margin-bottom:28px;display:flex;align-items:center;gap:12px}.integration-breakdown{display:flex;align-items:center;gap:48px}.breakdown-chart-wrapper{height:320px;flex:1}.breakdown-legend{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1.2}.legend-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;transition:all .2s}.legend-item:hover{background:#ffffff0f;border-color:var(--primary);transform:translateY(-2px)}.legend-color{width:14px;height:14px;border-radius:4px;box-shadow:0 2px 6px #0000004d}.legend-label{font-size:14px;font-weight:700;color:#fff;flex:1}.legend-value{font-weight:800;color:var(--primary)}.legend-percent{font-size:12px;font-weight:700;color:var(--text-label)}.growth-trend{display:grid;grid-template-columns:3fr 1fr;gap:32px}.trend-chart-wrapper{height:380px}.trend-summary{display:flex;flex-direction:column;gap:16px}.summary-item{padding:24px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;gap:6px}.summary-label{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.summary-value{font-size:26px;font-weight:800;color:#fff}.platform-name{font-weight:800;color:#fff}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-indicator.active{color:#34d399}@media (max-width: 1200px){.integration-breakdown,.growth-trend{grid-template-columns:1fr;flex-direction:column;gap:32px}}.audit-logs-page{display:flex;flex-direction:column;gap:28px;animation:fade-in .5s ease-out}.audit-header{display:flex;justify-content:space-between;align-items:center}.audit-header h2{margin:0 0 6px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.log-count{font-size:14px;font-weight:700;color:var(--text-label);background:var(--glass-bg);border:1px solid var(--glass-border);padding:8px 16px;border-radius:20px}.audit-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:20px 24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:10px 14px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff;outline:none;min-width:160px;font-family:inherit;transition:all .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--primary);background:#ffffff1a}.filter-group select option{background:#0f172a;color:#fff}.btn-clear{padding:10px 18px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:var(--text-label);cursor:pointer;transition:all .2s;align-self:flex-end}.btn-clear:hover{background:#ffffff1a;color:#fff;border-color:var(--primary)}.logs-table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow-x:auto}.logs-table{width:100%;min-width:1100px;border-collapse:collapse}.logs-table th,.logs-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--glass-border)}.logs-table th{font-weight:800;font-size:12px;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.logs-table td{font-size:14px;font-weight:600;color:#fff}.logs-table tbody tr:hover td{background:#ffffff08}.logs-table .no-data{text-align:center;color:var(--text-label);padding:60px;font-weight:600}.timestamp{white-space:nowrap;font-family:Courier New,monospace;font-size:13px;color:var(--text-label);font-weight:600}.ip-address{font-family:Courier New,monospace;font-size:13px;color:var(--text-label);font-weight:600}.user-agent{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-muted);font-weight:600}.action-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:800;text-transform:capitalize;background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.action-badge.login{background:#10b98126;color:#34d399;border-color:#10b9814d}.action-badge.logout{background:#6366f126;color:#818cf8;border-color:#6366f14d}.action-badge.update{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.action-badge.delete{background:#ef444426;color:#f87171;border-color:#ef44444d}.action-badge.suspend{background:#ec489926;color:#f472b6;border-color:#ec48994d}.action-badge.activate{background:#10b98126;color:#34d399;border-color:#10b9814d}.action-badge.config{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.btn-details{padding:6px 14px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:12px;font-weight:800;color:#818cf8;cursor:pointer;transition:all .2s}.btn-details:hover{background:#6366f140;transform:translateY(-2px)}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:16px}.settings-page{display:flex;flex-direction:column;gap:32px;animation:fade-in .5s ease-out;padding-bottom:40px}.settings-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}.settings-header h2{margin:0;font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px}.header-icon{color:var(--primary);filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.settings-section{padding:28px;display:flex;flex-direction:column;gap:24px}.settings-section-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;margin-bottom:24px!important;width:100%!important}.settings-section-header h3{margin:0!important;font-size:20px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.5px!important}.section-icon{padding:8px;border-radius:10px;background:#ffffff0d}.profile-icon{color:#818cf8}.system-icon{color:#34d399}.settings-icon{color:#60a5fa}.toggle-icon{color:#fbbf24}.danger-icon{color:#f87171}.profile-info{display:flex;align-items:center;gap:24px;padding:12px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#818cf8);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;box-shadow:0 8px 16px #0003;border:4px solid rgba(255,255,255,.1)}.profile-details{display:flex;flex-direction:column;gap:8px}.profile-name{font-size:22px;font-weight:800;color:#fff}.profile-email,.profile-role{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-label)}.profile-email span,.profile-role span{color:var(--text-primary)}.system-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.info-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;transition:all .3s ease}.info-item:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#fff3}.info-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff0d;color:var(--text-label)}.info-content{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.info-value{font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.info-value svg{width:14px;height:14px}.status-ok{color:#34d399}.capitalize{text-transform:capitalize}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:700;color:var(--text-label)}.input-with-button{display:flex;gap:16px;align-items:center;width:100%}.input-with-button input{flex:1;max-width:400px}.toggles-list{display:flex;flex-direction:column;gap:16px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff08;border-radius:16px;border:1px solid var(--glass-border)}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:15px;font-weight:700;color:#fff}.toggle-description{font-size:13px;font-weight:500;color:var(--text-label)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:34px;border:1px solid var(--glass-border)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--primary);border-color:transparent}input:checked+.toggle-slider:before{transform:translate(24px)}.danger-zone-card{border:1px solid rgba(239,68,68,.2);background:linear-gradient(to bottom right,#ef44440d,#ef444405)}.danger-actions{display:flex;flex-direction:column;gap:16px}.danger-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px;background:#ef44440d;border-radius:12px;border:1px solid rgba(239,68,68,.1);flex-wrap:wrap}.danger-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:250px}.danger-label{font-size:15px;font-weight:700;color:#f87171}.danger-description{font-size:13px;font-weight:500;color:#f87171b3}.btn-danger{padding:10px 18px;min-width:140px;justify-content:center;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.alert{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-weight:600;font-size:14px;margin-bottom:16px;animation:slide-up .3s ease-out}.alert-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;font-weight:700;color:var(--text-label)}@keyframes slide-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.plans-page{display:flex;flex-direction:column;gap:28px;animation:fade-in .5s ease-out}.plan-card-modern .plan-header-modern{order:1}.plan-card-modern .plan-pricing-modern{order:2}.plan-card-modern .plan-limits-modern{order:3}.plan-card-modern .plan-features-modern{order:4;flex:1}.plan-card-modern .plan-stats-modern{order:5;margin-top:auto}.plan-card-modern .plan-actions-modern{order:6}.plans-header{display:flex;justify-content:space-between;align-items:flex-start}.plans-header h2{margin:0 0 6px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.plans-header .subtitle{margin:0;font-size:14px;font-weight:600;color:var(--text-label)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.plan-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 20px 50px #0006}.plan-card.featured{border-color:var(--primary);background:#6366f114}.plan-card.inactive{opacity:.6}.featured-badge{position:absolute;top:-14px;right:20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:6px 18px;border-radius:20px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px var(--primary-glow)}.inactive-badge{position:absolute;top:-14px;left:20px;background:#6b728066;border:1px solid rgba(107,114,128,.5);color:#d1d5db;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.plan-header h3{margin:0 0 8px;font-size:22px;font-weight:800;color:#fff}.plan-description{margin:0;font-size:14px;font-weight:600;color:var(--text-label);min-height:40px;line-height:1.5}.plan-pricing{margin:24px 0;padding:20px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.price-monthly{display:flex;align-items:baseline;gap:6px}.price-monthly .price{font-size:40px;font-weight:800;color:#fff;letter-spacing:-1px}.price-monthly .period{font-size:16px;font-weight:600;color:var(--text-label)}.price-yearly{margin-top:10px;font-size:14px;font-weight:600;color:var(--text-label)}.price-yearly .savings{color:#34d399;font-weight:800;margin-left:8px}.plan-limits{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.limit-item{display:flex;justify-content:space-between;padding:10px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px}.limit-label{font-size:13px;color:var(--text-label);font-weight:600}.plan-features{margin:18px 0}.plan-features h4{margin:0 0 14px;font-size:14px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{padding:7px 0;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}.plan-features li:before{content:"✓";color:#34d399;font-weight:800;font-size:14px}.plan-features li.more{color:var(--text-muted);font-style:italic}.plan-features li.more:before{content:""}.plan-stats{display:flex;gap:28px;margin:16px 0;padding:18px 0;border-top:1px solid var(--glass-border)}.plan-stats .stat{display:flex;flex-direction:column;gap:4px}.plan-stats .stat-value{font-size:22px;font-weight:800;color:var(--primary)}.plan-stats .stat-label{font-size:12px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.plan-actions{display:flex;gap:10px;margin-top:20px}.plan-actions button{flex:1;padding:11px 16px;border:none;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}.btn-edit{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)!important}.btn-edit:hover{background:#6366f140;transform:translateY(-2px)}.btn-activate{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)!important}.btn-activate:hover{background:#10b98140;transform:translateY(-2px)}.btn-deactivate{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)!important}.btn-deactivate:hover{background:#f59e0b40;transform:translateY(-2px)}.btn-delete{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)!important}.btn-delete:hover{background:#ef444440;transform:translateY(-2px)}.no-plans{grid-column:1 / -1;text-align:center;padding:80px 40px;background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:20px}.no-plans p{color:var(--text-label);font-weight:600;margin:0 0 16px;font-size:16px}.plan-modal{background:#0f172a;border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.modal-close{background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-label);cursor:pointer;width:36px;height:36px;border-radius:10px;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.form-section{margin:28px 0;padding-top:24px;border-top:1px solid var(--glass-border)}.form-section h4{margin:0 0 18px;font-size:15px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-group{flex:1;min-width:150px;margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:800;color:var(--text-label);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff;outline:none;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-glow)}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;text-transform:none;font-size:14px;font-weight:700;color:#fff}.form-group.checkbox input{width:auto;accent-color:var(--primary)}.limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.limits-grid .form-group{margin-bottom:0}.features-input{display:flex;gap:10px;margin-bottom:14px}.features-input input{flex:1;padding:11px 16px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff;outline:none;font-family:inherit}.features-input input:focus{border-color:var(--primary)}.features-input button{padding:11px 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:800;transition:all .2s}.features-input button:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-glow)}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.features-list li{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:20px;font-size:13px;font-weight:700;color:#818cf8}.features-list li button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0;line-height:1;transition:color .2s}.features-list li button:hover{color:#f87171}.btn-cancel{padding:11px 22px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:var(--text-label);cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#ffffff1a;color:#fff}.alert{padding:14px 18px;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;font-weight:700;color:#fff;gap:16px}.plan-card-modern{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:18px}.plan-card-modern:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 20px 50px #0006}.plan-card-modern.featured{border-color:var(--primary);background:#6366f114}.plan-card-modern.inactive{opacity:.65}.featured-badge-modern{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 15px var(--primary-glow)}.inactive-badge-modern{position:absolute;top:-12px;left:20px;background:#6b728066;border:1px solid rgba(107,114,128,.5);color:#d1d5db;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.plan-header-modern{display:flex;flex-direction:column;gap:8px}.plan-title-group{display:flex;align-items:center;gap:12px}.plan-title-group h3{margin:0;font-size:22px;font-weight:800;color:#fff}.plan-status-pill{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--text-label)}.status-active{color:#34d399}.status-inactive{color:#f87171}.plan-description{margin:0;font-size:14px;font-weight:600;color:var(--text-label);line-height:1.5;min-height:38px}.plan-pricing-modern{padding:18px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.price-monthly{display:flex;align-items:baseline;gap:4px}.price-symbol{color:var(--text-label);font-size:20px;font-weight:700}.price{font-size:42px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}.period{font-size:16px;font-weight:600;color:var(--text-label)}.price-yearly-modern{display:flex;align-items:center;gap:10px;margin-top:8px}.yearly-value{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:700;color:var(--text-label)}.savings-badge{padding:3px 10px;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);border-radius:12px;font-size:11px;font-weight:800}.plan-limits-modern{display:flex;flex-direction:column;gap:8px}.limit-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px}.limit-label-group{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-label)}.limit-value{font-size:13px;font-weight:800;color:#fff}.plan-features-modern{flex:1}.features-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-label)}.features-header h4{margin:0;font-size:13px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.plan-features-modern ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.plan-features-modern li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#fff}.feature-check{color:#34d399;flex-shrink:0}.more-features{color:var(--text-label)!important;font-style:italic}.plan-stats-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:14px;border-top:1px solid var(--glass-border)}.stat-card-mini{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px}.mini-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-icon.subscribers{background:#6366f133;color:#818cf8}.mini-icon.revenue{background:#10b98133;color:#34d399}.mini-content{display:flex;flex-direction:column;gap:2px}.mini-value{font-size:15px;font-weight:800;color:#fff;line-height:1}.mini-label{font-size:10px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.plan-actions-modern{display:flex;justify-content:flex-end;gap:8px}.btn-plan-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-plan-action.edit{background:#6366f126;color:#818cf8;border-color:#6366f14d}.btn-plan-action.edit:hover{background:#6366f14d;transform:translateY(-2px)}.btn-plan-action.deactivate{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.btn-plan-action.deactivate:hover{background:#f59e0b4d;transform:translateY(-2px)}.btn-plan-action.activate{background:#10b98126;color:#34d399;border-color:#10b9814d}.btn-plan-action.activate:hover{background:#10b9814d;transform:translateY(-2px)}.btn-plan-action.delete{background:#ef444426;color:#f87171;border-color:#ef44444d}.btn-plan-action.delete:hover{background:#ef44444d;transform:translateY(-2px)}.modal-modern{background:#0f172a;border:1px solid var(--glass-border);border-radius:22px;width:100%;max-width:740px;max-height:90vh;overflow-y:auto}.modal-header-modern{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:#0f172a;z-index:1}.modal-title{display:flex;align-items:center;gap:12px;color:#818cf8}.modal-title h3{margin:0;font-size:20px;font-weight:800;color:#fff}.modal-close-modern{background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-label);cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-modern:hover{background:#ffffff24;color:#fff}.modal-body-modern{padding:28px;display:flex;flex-direction:column;gap:20px}.form-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-group-modern{display:flex;flex-direction:column;gap:8px}.form-group-modern label{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{width:100%;padding:11px 16px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff;outline:none;transition:all .2s;font-family:inherit}.form-group-modern input:focus,.form-group-modern select:focus,.form-group-modern textarea:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-glow)}.form-group-modern select option{background:#0f172a;color:#fff}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-label)}.form-section-modern{background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;padding:20px}.section-header-mini{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#818cf8}.section-header-mini h4{margin:0;font-size:14px;font-weight:800;color:#fff}.limits-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.features-input-modern{display:flex;gap:10px;margin-bottom:12px}.features-input-modern input{flex:1;padding:10px 14px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:10px;font-size:14px;font-weight:600;color:#fff;outline:none;font-family:inherit}.btn-add-feature{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s}.btn-add-feature:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-glow)}.features-list-modern{display:flex;flex-wrap:wrap;gap:8px}.feature-item-modern{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:20px;font-size:13px;font-weight:700;color:#818cf8}.feature-text{display:flex;align-items:center;gap:6px}.btn-remove-feature{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.btn-remove-feature:hover{color:#f87171}.empty-features{font-size:13px;color:var(--text-label);font-style:italic}.form-footer-options-modern{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.checkbox-group-modern{display:flex;gap:20px;flex-wrap:wrap}.checkbox-modern{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:700;color:#fff}.checkbox-modern input{accent-color:var(--primary)}.form-group-modern.inline{display:flex;flex-direction:row;align-items:center;gap:10px}.modal-footer-modern{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--glass-border);position:sticky;bottom:0;background:#0f172a}.btn-modal-secondary{padding:11px 22px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:var(--text-label);cursor:pointer;transition:all .2s}.btn-modal-secondary:hover{background:#ffffff1f;color:#fff}.btn-modal-primary{display:flex;align-items:center;gap:8px;padding:11px 22px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px var(--primary-glow)}.btn-modal-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.btn-modal-primary:disabled{opacity:.5;cursor:not-allowed}.empty-state-full{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px;grid-column:1 / -1;background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:20px;color:var(--text-label);text-align:center;font-size:16px;font-weight:600}.subscriptions-page{display:flex;flex-direction:column;gap:28px;animation:fade-in .5s ease-out}.subscriptions-header{margin-bottom:0}.subscriptions-header h2{margin:0 0 6px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.subscriptions-header .subtitle{margin:0;font-size:14px;font-weight:600;color:#cbd5e1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.stat-card{background:#0f172acc!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px;transition:all .3s}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 15px 40px #0000004d}.stat-card.highlight{background:linear-gradient(135deg,#6366f140,#6366f11a);border-color:#6366f180}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:#6366f159;color:#fff;border:1px solid rgba(99,102,241,.4)}.stat-icon.active{background:#10b98159;color:#fff;border:1px solid rgba(16,185,129,.4)}.stat-icon.trialing{background:#f59e0b59;color:#fff;border:1px solid rgba(245,158,11,.4)}.stat-icon.mrr,.stat-icon.arr{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.stat-icon.canceled{background:#ef444459;color:#fff;border:1px solid rgba(239,68,68,.4)}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:26px;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:12px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.filters-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:16px 20px}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box input{width:100%;padding:12px 16px 12px 48px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff;outline:none;font-family:inherit;transition:all .2s}.filters-bar select{padding:10px 16px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;outline:none;min-width:140px;font-family:inherit;transition:all .2s}.filters-bar select:focus{border-color:var(--primary)}.table-container{background:#0f172a99!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border);border-radius:20px;overflow:hidden}.subscriptions-table{width:100%;border-collapse:collapse}.subscriptions-table th,.subscriptions-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--glass-border)}.subscriptions-table th{font-weight:800;font-size:12px;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.subscriptions-table td{font-size:14px;font-weight:600;color:#fff}.subscriptions-table tbody tr:hover td{background:#ffffff08}.plan-name{font-weight:800;color:var(--primary)}.status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:800;text-transform:capitalize}.status-badge.trialing{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.past-due{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.canceled{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.status-badge.paused{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.status-badge.expired{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.trial-days{display:block;font-size:11px;color:#fbbf24;margin-top:4px;font-weight:700}.billing-cycle{text-transform:capitalize;color:var(--text-label);font-weight:700}.next-billing{color:var(--text-label);font-weight:600}.action-buttons button{padding:7px 14px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s;border:none}.btn-extend{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)!important}.btn-view:hover,.btn-extend:hover{transform:translateY(-2px);filter:brightness(1.2)}.no-data{text-align:center;color:var(--text-label);padding:60px 20px!important;font-weight:600}.subscription-modal{background:#0f172a;border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.detail-section{margin-bottom:28px}.detail-section h4{margin:0 0 18px;font-size:15px;font-weight:800;color:#fff;padding-bottom:12px;border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:15px;font-weight:700;color:#fff}.billing-history{margin-top:12px}.invoices-table th,.invoices-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--glass-border);font-size:13px}.invoices-table th{color:var(--text-label);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.invoices-table td{color:#fff;font-weight:600}.invoice-status{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:800;text-transform:uppercase}.invoice-status.pending{background:#f59e0b26;color:#fbbf24}.invoice-status.failed{background:#ef444426;color:#f87171}.no-invoices{color:var(--text-label);text-align:center;padding:20px;font-weight:600}.usage-grid{display:flex;flex-direction:column;gap:14px}.usage-item{display:flex;align-items:center;gap:14px}.usage-item label{width:120px;font-size:13px;font-weight:700;color:var(--text-label)}.usage-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .3s}.usage-item>span{min-width:80px;font-size:13px;font-weight:700;color:#fff;text-align:right}.btn-primary{padding:11px 22px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-secondary{padding:11px 22px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-warning{padding:11px 22px;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-primary:hover,.btn-secondary:hover,.btn-warning:hover,.btn-danger:hover{transform:translateY(-2px);filter:brightness(1.15)}.invoices-page{display:flex;flex-direction:column;gap:28px;animation:fade-in .5s ease-out}.invoices-header{display:flex;justify-content:space-between;align-items:flex-start}.invoices-header h2{margin:0 0 6px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.invoices-header .subtitle{margin:0;font-size:14px;font-weight:600;color:var(--text-label)}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.revenue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.revenue-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:22px;transition:all .3s}.revenue-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 15px 40px #0000004d}.revenue-card.main{background:linear-gradient(135deg,#10b98133,#10b98114);border-color:#10b98166;grid-column:span 2}.revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.revenue-label{font-size:13px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.revenue-period{font-size:12px;font-weight:600;color:var(--text-muted)}.growth{font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px}.growth.positive{background:#10b98126;color:#34d399}.growth.negative{background:#ef444426;color:#f87171}.revenue-value{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.5px}.revenue-count{font-size:32px;font-weight:800}.revenue-count.paid{color:#34d399}.revenue-count.pending{color:#fbbf24}.revenue-count.overdue{color:#f87171}.revenue-compare{font-size:13px;font-weight:600;color:var(--text-label);margin-top:6px}.filters-bar{display:flex;gap:14px;flex-wrap:wrap;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:16px 20px}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;z-index:1}.search-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:12px 16px 12px 48px!important;background:#0f172a99!important;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff!important;outline:none;font-family:inherit;transition:all .2s}.search-box input:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-glow)}.search-box input::placeholder{color:var(--text-muted);opacity:.8}.filter-select-wrapper,.date-input-wrapper{position:relative;display:flex;align-items:center}.filter-icon,.date-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;z-index:1}.filters-bar select,.filters-bar input[type=date]{padding:10px 16px 10px 44px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;outline:none;font-family:inherit;transition:all .2s;min-width:160px}.filters-bar select:focus,.filters-bar input[type=date]:focus{border-color:var(--primary)}.filters-bar select option{background:#0f172a;color:#fff}.invoices-table{width:100%;border-collapse:collapse}.invoices-table th,.invoices-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--glass-border)}.invoices-table th{font-weight:800;font-size:12px;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.invoices-table td{font-size:14px;font-weight:600;color:#fff}.invoices-table tbody tr:hover td{background:#ffffff08}.invoice-number{font-weight:800;color:#818cf8}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:800;color:#fff}.customer-email{font-size:13px;font-weight:600;color:var(--text-label)}.amount{font-weight:800;color:#fff}.status-badge.paid{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.overdue{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.refunded{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.status-badge.canceled,.status-badge.draft{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.overdue-text{color:#f87171;font-weight:700}.action-buttons button{padding:7px 14px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s}.btn-view{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)!important}.btn-paid{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)!important}.btn-view:hover,.btn-paid:hover{transform:translateY(-2px);filter:brightness(1.15)}.no-data{text-align:center;color:var(--text-label);padding:60px!important;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.invoice-modal,.create-invoice-modal{background:#0f172a;border:1px solid var(--glass-border);border-radius:20px;width:100%;max-height:90vh;overflow-y:auto}.invoice-modal{max-width:720px}.create-invoice-modal{max-width:860px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:#0f172a;z-index:1}.modal-header>div{display:flex;align-items:center;gap:12px}.modal-header h3{margin:0;font-size:20px;font-weight:800;color:#fff}.modal-close{background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-label);cursor:pointer;width:36px;height:36px;border-radius:10px;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff24;color:#fff}.modal-body{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:20px}.form-group label{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{padding:11px 14px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff;outline:none;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);background:#ffffff1a}.form-group select option{background:#0f172a;color:#fff}.form-group textarea{resize:vertical}.user-search{position:relative}.search-status{position:absolute;right:12px;top:12px;font-size:12px;font-weight:600;color:var(--text-muted)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0f172a;border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 10px 30px #00000080;z-index:5;max-height:220px;overflow-y:auto}.search-result{width:100%;text-align:left;background:transparent;border:none;padding:12px 16px;display:flex;flex-direction:column;gap:3px;cursor:pointer;border-bottom:1px solid var(--glass-border);transition:background .2s}.search-result:last-child{border-bottom:none}.search-result:hover{background:#ffffff0f}.result-name{font-weight:800;color:#fff;font-size:14px}.result-email{font-size:12px;font-weight:600;color:var(--text-label)}.selected-customer{margin-top:8px;font-size:13px;font-weight:700;color:#34d399}.items-section{border:1px solid var(--glass-border);border-radius:16px;padding:20px;margin-bottom:20px;background:#ffffff05}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.items-header h4{margin:0;font-size:14px;font-weight:800;color:#fff}.btn-add-item{padding:7px 14px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-label);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-add-item:hover{background:#ffffff1a;color:#fff}.items-grid{display:grid;gap:10px}.item-row{display:grid;grid-template-columns:1.6fr .6fr .8fr auto;gap:10px;align-items:center}.item-row input{padding:9px 12px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:10px;font-size:13px;font-weight:600;color:#fff;font-family:inherit;outline:none;transition:all .2s}.item-row input:focus{border-color:var(--primary)}.btn-remove-item{width:34px;height:34px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef444426;color:#f87171;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-item:hover{background:#ef444440}.btn-remove-item:disabled{opacity:.4;cursor:not-allowed}.invoice-summary{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:14px;padding:18px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;font-weight:600;color:var(--text-label);border-bottom:1px solid var(--glass-border)}.summary-row:last-child{border-bottom:none;font-size:16px;font-weight:800;color:#fff}.summary-row.discount span:last-child{color:#34d399;font-weight:800}.summary-row.total{border-top:2px solid var(--glass-border);margin-top:8px;padding-top:12px}.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}.invoice-section h4{margin:0 0 14px;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.invoice-section .customer-name{font-size:16px;font-weight:800;margin:0 0 6px}.invoice-section .customer-email{margin:0 0 4px}.invoice-section .billing-address{margin:10px 0 0;color:var(--text-label);font-size:14px;font-weight:600;line-height:1.5}.detail-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid var(--glass-border)}.detail-row span:first-child{font-weight:600;color:var(--text-label)}.detail-row span:last-child{font-weight:700;color:#fff}.invoice-items{margin-bottom:24px}.invoice-items h4{margin:0 0 18px;font-size:16px;font-weight:800;color:#fff}.items-table{width:100%;border-collapse:collapse;margin-bottom:18px}.items-table th,.items-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--glass-border)}.items-table th{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.items-table td{font-size:14px;font-weight:600;color:#fff}.items-table td:last-child,.items-table th:last-child{text-align:right}.invoice-totals{margin-left:auto;max-width:320px}.total-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;font-weight:600;color:var(--text-label);border-bottom:1px solid var(--glass-border)}.total-row.discount span:last-child{color:#34d399;font-weight:800}.total-row.grand-total{font-size:18px;font-weight:800;border-bottom:none;padding-top:16px;color:#fff}.total-row.grand-total span:last-child{color:var(--primary)}.invoice-notes,.payment-info{margin-top:24px;padding:18px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px}.invoice-notes h4,.payment-info h4{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.invoice-notes p,.payment-info p{margin:0;font-size:14px;font-weight:600;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--glass-border);position:sticky;bottom:0;background:#0f172a}.btn-secondary{padding:11px 22px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:var(--text-label);cursor:pointer;transition:all .2s}.btn-danger{padding:11px 22px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ef444440;transform:translateY(-2px)}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:16px;font-weight:700;color:#fff;gap:16px}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.error p{color:#f87171;font-size:16px;font-weight:700}.error button{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:800;cursor:pointer}.integrations-page{display:flex;flex-direction:column;gap:32px;animation:fade-in .5s ease-out}.integrations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.integrations-header h2{font-size:24px;font-weight:800;color:var(--text-primary)}.integrations-summary{font-size:14px;color:var(--text-secondary);background:var(--glass-bg);padding:6px 16px;border-radius:20px;border:1px solid var(--glass-border)}.integration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.integration-stats .stat-card{padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s}.integration-stats .stat-card:hover{transform:translateY(-4px);border-color:var(--primary)}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.google{background:#4285f41a;color:#4285f4}.stat-icon.facebook{background:#1877f21a;color:#1877f2}.stat-icon.instagram{background:#e1306c1a;color:#e1306c}.stat-icon.linkedin{background:#0a66c21a;color:#0a66c2}.stat-icon.youtube{background:#ff00001a;color:red}.stat-icon.error{background:#ef44441a;color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:800;color:var(--text-primary)}.stat-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.integrations-filters{display:flex;gap:16px;flex-wrap:wrap;padding:20px}.search-box{position:relative;flex:1;min-width:300px;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-muted)}.search-box input{width:100%;padding-left:48px!important}.filter-select select{padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:14px;outline:none;cursor:pointer;min-width:160px}.integrations-table-container{padding:24px;overflow-x:auto}.integration-type{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-primary)}.type-icon{width:32px;height:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.account-info,.user-info{display:flex;flex-direction:column}.account-name,.user-name{font-weight:600;color:var(--text-primary)}.account-id,.user-email{font-size:12px;color:var(--text-muted)}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.error,.status-badge.expired{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.disconnected{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.btn-view,.btn-disconnect{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s;cursor:pointer}.btn-view{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-view:hover{background:#ffffff14;border-color:var(--primary)}.btn-disconnect{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error)}.btn-disconnect:hover{background:#ef444433}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;color:var(--text-secondary);font-size:14px}.pagination button{padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.pagination button:not(:disabled):hover{background:#ffffff14;border-color:var(--primary)}@media (max-width: 1024px){.integrations-filters{flex-direction:column}}.integration-settings-page{padding:0}.settings-header{margin-bottom:32px;display:none}.settings-container{display:flex;gap:20px;min-height:500px}.platform-tabs{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:10px;height:fit-content}.platform-tab{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:transparent;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:var(--text-secondary)}.platform-tab:hover{background:#ffffff0d;color:var(--text-primary)}.platform-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.platform-tab.active .tab-name{color:#fff}.platform-tab.active .tab-status{background:#fff3;color:#fff}.tab-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.platform-tab.active .tab-icon{opacity:1}.tab-name{flex:1;font-size:13px;font-weight:600;color:inherit}.tab-status{font-size:9px;padding:2px 6px;background:#10b98126;color:#4ade80;border:1px solid rgba(16,185,129,.2);border-radius:6px;font-weight:700;text-transform:uppercase}.unsaved-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;background:var(--warning);border-radius:50%;box-shadow:0 0 8px var(--warning)}.settings-form{flex:1;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff05;border-bottom:1px solid var(--glass-border);border-left:4px solid var(--primary)}.platform-info{display:flex;align-items:center;gap:16px}.platform-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 4px 12px #0003}.platform-info h3{margin:0;font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.header-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.platform-info p{margin:0;font-size:12px;color:var(--text-muted);font-weight:500}.spinner-mini{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;background:#ffffff0d;padding:6px 16px;border-radius:12px;border:1px solid var(--glass-border);transition:all .2s ease;min-width:120px;justify-content:space-between}.toggle-switch:hover{background:#ffffff14;border-color:#fff3}.toggle-switch input{display:none}.slider{width:36px;height:20px;background:#ffffff1a;border-radius:10px;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.slider{background:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(16px)}.toggle-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.form-body{padding:24px;flex:1}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.platform-hint{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:12px 16px;margin-bottom:24px;font-size:13px;color:#fbbf24;display:flex;align-items:center;gap:10px;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h4{margin:0;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.docs-link{font-size:12px;color:var(--primary);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#6366f11a;border-radius:8px;transition:all .2s}.docs-link:hover{background:#6366f133;transform:translateY(-1px)}.form-section h4{margin:0 0 20px;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.env-key{display:inline-block;margin-left:10px;padding:2px 8px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:4px;font-size:9px;font-family:JetBrains Mono,Fira Code,monospace;color:var(--text-muted);font-weight:600;opacity:0;transform:translate(-4px);transition:all .2s ease-out;pointer-events:none}.form-group label:hover .env-key{opacity:1;transform:translate(0)}.form-group{margin-bottom:24px;max-width:600px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center}.form-group label .required{color:var(--error);margin-left:4px}.input-wrapper{display:flex;align-items:center;gap:10px;position:relative}.input-wrapper input,.input-wrapper select{flex:1;padding:10px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px var(--primary-glow)}.input-wrapper.readonly input{background:#ffffff05;color:var(--text-muted)}.btn-toggle-visibility,.btn-copy{padding:10px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-secondary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-toggle-visibility:hover,.btn-copy:hover{background:#ffffff14;color:var(--text-primary);border-color:#fff3}.field-hint{display:block;margin-top:8px;font-size:11px;color:var(--text-muted);font-weight:500;line-height:1.4}.scopes-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.scope-tag{display:inline-block;padding:4px 10px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:6px;font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.setup-instructions{display:flex;flex-direction:column;gap:20px;background:#ffffff03;padding:20px;border-radius:12px;border:1px solid var(--glass-border)}.instruction-item{display:flex;gap:16px;align-items:flex-start}.instruction-item .step{width:26px;height:26px;background:#6366f126;color:var(--primary);border:1px solid var(--primary-glow);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.instruction-item strong{display:block;margin-bottom:6px;font-size:14px;font-weight:800;color:var(--text-primary)}.instruction-item p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.redirect-uri{display:inline-block;margin-top:10px;padding:10px 14px;background:#020617;color:#38bdf8;border:1px solid rgba(56,189,248,.2);border-radius:8px;font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;word-break:break-all}.btn-copy-uri{display:inline-flex;align-items:center;justify-content:center;padding:8px;margin-left:8px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:8px;vertical-align:middle;cursor:pointer;transition:all .2s}.btn-copy-uri:hover{background:#ffffff14;color:var(--text-primary)}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;background:#ffffff05;border-top:1px solid var(--glass-border)}.form-footer button{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.form-footer button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-test{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--glass-border)!important}.btn-test:hover:not(:disabled){background:#ffffff14;color:var(--text-primary);border-color:#fff3!important}.btn-save{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-save:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:var(--text-muted);font-weight:600}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:20px}.error p{color:var(--error);font-size:16px;font-weight:700}.error button{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.error button:hover{background:var(--accent)}@media (max-width: 1024px){.settings-container{flex-direction:column}.platform-tabs{width:100%;flex-direction:row;overflow-x:auto;padding:8px;gap:8px;scrollbar-width:none}.platform-tabs::-webkit-scrollbar{display:none}.platform-tab{flex-shrink:0;min-width:160px;justify-content:center}}.integration-health-page{display:flex;flex-direction:column;gap:24px;max-width:1600px;animation:fade-in .5s ease-out;padding:10px;align-items:stretch;height:auto;min-height:0}.btn-refresh-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-refresh-modern:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary)}.health-tabs-modern{display:flex;gap:8px;background:#0f172a66;padding:6px;border-radius:14px;width:fit-content;border:1px solid var(--glass-border)}.health-tabs-modern .tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;color:var(--text-label);font-size:13px;font-weight:700;cursor:pointer;border-radius:10px;transition:all .25s}.health-tabs-modern .tab-btn:hover{background:#ffffff0d;color:#fff}.health-tabs-modern .tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 4px #6366f133}.badge-count{background:#fff3;padding:2px 8px;border-radius:10px;font-size:11px}.stats-grid-modern{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.stat-card-modern{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);height:auto!important;min-height:0;align-self:start}.stat-card-modern:hover{transform:translateY(-2px);background:#ffffff0d}.stat-icon-circle{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-circle.total{background:#6366f11a;color:var(--primary)}.stat-icon-circle.health-healthy{background:#22c55e1a;color:#4ade80}.stat-icon-circle.health-warning{background:#f59e0b1a;color:#fbbf24}.stat-icon-circle.summary-error-icon{background:#ef44441a;color:#f87171}.stat-label-text{font-size:10px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.stat-value-text{font-size:20px;font-weight:800;color:#fff;line-height:1.2}.platform-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px;align-items:start}.platform-card-modern{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:14px 18px;cursor:pointer;transition:all .25s ease-out;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;height:fit-content!important;min-height:0!important;align-self:start;justify-content:flex-start}.platform-card-modern:hover{background:#ffffff0d;transform:translateY(-4px);border-color:#fff3}.platform-card-modern.health-healthy{border-top:1px solid rgba(34,197,94,.2)}.platform-card-modern.health-warning{border-top:1px solid rgba(245,158,11,.2)}.platform-card-modern.health-error{border-top:1px solid rgba(239,68,68,.2)}.card-header-compact{display:flex;justify-content:space-between;align-items:flex-start}.sync-info-text-inline{font-size:10px;font-weight:600;color:var(--text-label);opacity:.7;display:block;margin-top:2px}.health-badge-status{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;flex-shrink:0}.health-badge-status.health-healthy{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.health-badge-status.health-warning{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.health-badge-status.health-error,.health-badge-status.health-inactive{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.metric-strip-compact{display:flex;gap:8px;width:100%;align-items:flex-start;margin-top:4px}.metric-box-compact{flex:1;background:#0f172a66;border:1px solid var(--glass-border);border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px}.metric-val-compact{font-size:14px;font-weight:800;color:#fff}.metric-lab-mini{font-size:8px;font-weight:700;color:var(--text-label);text-transform:uppercase;margin-bottom:2px}.metric-box-compact.health-healthy .metric-val-compact{color:#4ade80}.metric-box-compact.health-warning .metric-val-compact{color:#fbbf24}.metric-box-compact.health-error .metric-val-compact{color:#f87171}.platform-detail-modern{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:24px;animation:slide-up .4s ease-out}.detail-header-modern{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.detail-title-group{display:flex;align-items:center;gap:16px}.btn-back-modern{padding:8px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-label);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-back-modern:hover{background:#ffffff1a;color:#fff;border-color:var(--primary)}.detail-header-modern h3{margin:0;font-size:20px;font-weight:800;color:#fff}.glass-select-modern{padding:10px 14px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;outline:none}.data-table-modern th{padding:14px 20px;text-align:left;font-size:11px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;background:#0f172a99;border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:10}.data-table-modern tbody tr:hover td{background:#ffffff0a}.health-indicator-circle{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.badge-platform{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:20px;font-size:12px;font-weight:800;color:#fff}.error-message-cell{font-size:12px;color:#f87171;font-weight:600;max-width:280px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-retry-pill{padding:6px 14px;background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-retry-pill:hover{background:#f59e0b33;transform:scale(1.05)}.timeline-modern{display:flex;flex-direction:column;gap:12px}.timeline-row{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;transition:all .2s}.timeline-row:hover{border-color:var(--primary);background:#ffffff0f}.timeline-clock{width:170px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:var(--text-label);display:flex;align-items:center;gap:8px}.timeline-content-group{flex:1;display:flex;align-items:center;justify-content:space-between}.sync-metrics{display:flex;gap:16px}.metric-pill-sync{font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px;background:#ffffff0d}.metric-pill-sync.errors{color:#f87171;background:#ef44441a}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination-modern{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-modern button{padding:8px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:#fff;font-weight:800;cursor:pointer;transition:all .2s}.pagination-modern button:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.pagination-modern button:disabled{opacity:.3;cursor:not-allowed}.pagination-modern span{font-size:14px;font-weight:700;color:var(--text-label)}.usage-page{display:flex;flex-direction:column;gap:24px;max-width:1600px;height:calc(100vh - 100px);animation:fade-in .5s ease-out;padding:10px}.range-select-modern{position:relative;min-width:180px}.range-select-modern select{width:100%;padding:10px 36px 10px 40px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s}.calendar-icon-fixed{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-label);pointer-events:none}.chevron-icon-fixed{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-label);pointer-events:none}.usage-tabs-modern{display:flex;gap:8px;background:#0f172a66;padding:6px;border-radius:14px;width:fit-content;border:1px solid var(--glass-border)}.usage-tabs-modern .tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;color:var(--text-label);font-size:13px;font-weight:700;cursor:pointer;border-radius:10px;transition:all .25s}.usage-tabs-modern .tab-btn:hover{background:#ffffff0d;color:#fff}.usage-tabs-modern .tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.stats-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex-shrink:0}.stat-card-modern{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card-modern:hover{transform:translateY(-4px);background:#ffffff0d}.stat-icon-circle{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon-circle.api{background:#3b82f61a;color:#60a5fa}.stat-icon-circle.clients{background:#10b9811a;color:#34d399}.stat-icon-circle.integrations{background:#f59e0b1a;color:#fbbf24}.stat-icon-circle.reports{background:#a855f71a;color:#a78bfa}.stat-value-text{font-size:24px;font-weight:800;color:#fff;line-height:1.2}.usage-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px}.section-title-alt{display:flex;align-items:center;gap:12px;margin-bottom:8px}.section-title-alt h3{margin:0;font-size:18px;font-weight:800;color:#fff}.section-icon-small{color:var(--primary)}.table-container-modern{border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;background:#0f172a4d}.data-table-modern{width:100%;border-collapse:collapse}.data-table-modern th{padding:14px 20px;text-align:left;font-size:11px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;background:#0f172a99;border-bottom:1px solid var(--glass-border)}.data-table-modern td{padding:14px 20px;border-bottom:1px solid var(--glass-border);color:#fff;font-size:14px;font-weight:600}.data-table-modern tbody tr:hover td{background:#ffffff0d}.user-info-modern{display:flex;align-items:center;gap:12px}.rank-badge{width:24px;height:24px;border-radius:50%;background:#6366f126;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:1px solid rgba(99,102,241,.3)}.rank-badge.rank-1{background:#f59e0b33;color:#fbbf24;border-color:#fbbf24}.rank-badge.rank-2{background:#94a3b833;color:#cbd5e1;border-color:#cbd5e1}.rank-badge.rank-3{background:#b4530933;color:#d97706;border-color:#d97706}.distribution-container{display:flex;flex-direction:column;gap:16px}.dist-item{display:flex;flex-direction:column;gap:8px}.dist-header{display:flex;justify-content:space-between;align-items:center}.dist-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff}.dist-value{font-size:13px;font-weight:800;color:var(--text-label)}.dist-bar-track{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.dist-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.dist-bar-fill.api_call{background:#3b82f6}.dist-bar-fill.client_created{background:#22c55e}.dist-bar-fill.integration_added{background:#f59e0b}.dist-bar-fill.report_generated{background:#a855f7}.filters-bar-modern-usage{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.usage-filter-input{min-width:160px;padding:10px 14px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:13px;font-weight:600;outline:none}.usage-filter-input:focus{border-color:var(--primary)}.usage-search-group{position:relative;flex:1;max-width:300px}.usage-search-group .search-icon-fixed{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-label)}.usage-search-group input{width:100%;padding:10px 14px 10px 38px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:13px;font-weight:600}.type-badge-modern{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase}.type-badge-modern.api_call{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.type-badge-modern.client_created{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.type-badge-modern.integration_added{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.type-badge-modern.report_generated{background:#a855f71a;color:#a78bfa;border:1px solid rgba(168,85,247,.2)}.quota-cell-modern{display:flex;align-items:baseline;gap:4px}.quota-current{font-weight:800;color:#fff}.quota-limit{font-size:12px;color:var(--text-label);font-weight:600}.status-pill-usage{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;text-transform:capitalize}.status-pill-usage.active{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-pill-usage.trialing{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.loading-usage{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:16px;color:var(--text-label);font-weight:700}.animate-spin{animation:spin 1s linear infinite}.error-state-modern{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:20px}.error-state-modern p{color:#f87171;font-weight:800;font-size:16px}.btn-retry-modern{padding:12px 24px;background:var(--primary);border:none;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;transition:all .2s}.btn-retry-modern:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-glow)}.payment-methods-page{display:flex;flex-direction:column;gap:28px;max-width:1600px;animation:fade-in .5s ease-out}.page-header{display:flex;justify-content:space-between;align-items:flex-start}.page-header h2{margin:0 0 8px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.page-description{margin:0;font-size:14px;font-weight:600;color:var(--text-label)}.btn-refresh{display:flex;align-items:center;gap:8px;padding:12px 22px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#6366f140;transform:translateY(-2px)}.stats-cards{display:flex;gap:18px}.stat-card{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:22px;text-align:center;border-left:4px solid rgba(255,255,255,.1);transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000004d}.stat-card.has-payment{border-left-color:#34d399}.stat-card.no-payment{border-left-color:#fbbf24}.stat-card.stripe{border-left-color:#818cf8}.stat-card.active{border-left-color:#22d3ee}.stat-card .stat-value{display:block;font-size:34px;font-weight:800;color:#fff;line-height:1;margin-bottom:10px}.stat-card .stat-label{display:block;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.filters-bar{display:flex;gap:14px;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:16px 20px;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:500px;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:11px 16px 11px 42px!important;background:#0f172a99!important;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:#fff!important;outline:none;font-family:inherit;transition:all .2s}.search-input:focus{border-color:var(--primary);background:#0f172acc!important;box-shadow:0 0 0 4px var(--primary-glow)}.btn-search{display:none}.status-filter{padding:10px 16px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:#fff;min-width:180px;cursor:pointer;font-family:inherit;outline:none;transition:all .2s}.status-filter:focus{border-color:var(--primary)}.status-filter option{background:#0f172a;color:#fff}.content-layout{display:flex;gap:24px}.table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--glass-border)}.data-table th{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.data-table td{font-size:14px;font-weight:600;color:#fff}.data-table tbody tr{cursor:pointer;transition:all .2s;background:transparent!important}.data-table tbody tr.selected td{background:#6366f140!important;border-left:2px solid var(--primary);color:#fff!important}.data-table tbody tr:hover span,.data-table tbody tr:hover div,.data-table tbody tr.selected span,.data-table tbody tr.selected div{color:#fff!important}.data-table tbody tr:hover .status-badge,.data-table tbody tr.selected .status-badge,.data-table tbody tr:hover .plan-badge,.data-table tbody tr.selected .plan-badge{filter:brightness(1.2)}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:800;color:#fff;font-size:14px}.user-email{font-size:12px;font-weight:600;color:var(--text-label)}.stripe-id{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#818cf8;background:#6366f11f;border:1px solid rgba(99,102,241,.25);padding:4px 10px;border-radius:6px}.no-data{color:var(--text-muted);font-size:13px;font-style:italic}.payment-method-badge{display:inline-flex;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:800}.payment-method-badge.has{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.payment-method-badge.none{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.plan-badge{display:inline-flex;padding:5px 12px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:12px;font-weight:800}.status-badge{display:inline-flex;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:800;text-transform:capitalize}.status-badge.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.trialing{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.status-badge.past_due{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.canceled,.status-badge.cancelled,.status-badge.none{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.btn-view{padding:7px 14px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)!important;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s}.btn-view:hover{background:#6366f140;transform:translateY(-2px)}.btn-remove{padding:7px 14px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)!important;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s}.btn-remove:hover{background:#ef444440;transform:translateY(-2px)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--glass-border)}.pagination button{padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#ffffff1a;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:14px;font-weight:700;color:var(--text-label)}.details-panel{width:380px;flex-shrink:0;background:#0f172ae6;border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;position:sticky;top:24px;max-height:calc(100vh - 200px);overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--glass-border);background:#ffffff08}.panel-header h3{margin:0;font-size:16px;font-weight:800;color:#fff}.btn-close{padding:6px 14px;background:#ffffff14;color:var(--text-label);border:1px solid var(--glass-border);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-close:hover{color:#fff;background:#ffffff1f}.panel-content{padding:20px 22px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 14px;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--glass-border)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:13px;font-weight:600;color:var(--text-label)}.detail-row .value{font-size:13px;font-weight:700;color:#fff;text-align:right;max-width:200px;word-break:break-all}.stripe-value{font-family:Courier New,monospace;font-size:11px!important;font-weight:700!important;color:#818cf8!important}.invoices-list{display:flex;flex-direction:column;gap:8px}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px}.invoice-info{display:flex;align-items:center;gap:10px}.invoice-amount{font-weight:800;color:#fff;font-size:14px}.invoice-status{font-size:11px;font-weight:800;padding:3px 10px;border-radius:10px}.invoice-status.paid{background:#10b98126;color:#34d399}.invoice-status.pending,.invoice-status.open{background:#f59e0b26;color:#fbbf24}.invoice-status.void,.invoice-status.uncollectible{background:#6b728026;color:#9ca3af}.invoice-date{font-size:12px;font-weight:600;color:var(--text-muted)}.btn-danger{width:100%;padding:13px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ef444440}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;font-weight:700;color:#fff;gap:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-label);font-size:15px;font-weight:600}.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:16px}.error-state p{color:#f87171;font-weight:700}.error-state button{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:800;cursor:pointer}@media (max-width: 1200px){.content-layout{flex-direction:column}.details-panel{width:100%;position:static;max-height:none}.stats-cards{flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - 9px)}}@media (max-width: 768px){.filters-bar{flex-direction:column;align-items:stretch}.search-form{max-width:none}.stat-card{flex:1 1 100%}.page-header{flex-direction:column;gap:16px}}.coupons-page{display:flex;flex-direction:column;gap:28px;max-width:1600px;animation:fade-in .5s ease-out;padding:10px}.page-header-modern{display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;padding:12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:14px;color:var(--primary)}.header-title h2{margin:0;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.page-description{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--text-label)}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card-modern{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-modern:hover{transform:translateY(-5px);border-color:#fff3;background:#ffffff0d}.stat-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.blue{background:#3b82f61a;color:#60a5fa}.stat-icon-wrapper.emerald{background:#10b9811a;color:#34d399}.stat-icon-wrapper.purple{background:#a855f71a;color:#a78bfa}.stat-icon-wrapper.amber{background:#f59e0b1a;color:#fbbf24}.stat-info-modern{display:flex;flex-direction:column}.stat-label-modern{font-size:13px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.stat-value-modern{margin:4px 0 0;font-size:24px;font-weight:800;color:#fff}.filters-bar-modern{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:14px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box{position:relative;flex:1;max-width:450px}.search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-label);pointer-events:none}.glass-input{width:100%;padding:12px 16px 12px 48px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:14px;font-weight:600;transition:all .2s}.glass-input:focus{border-color:var(--primary);background:#0f172acc;box-shadow:0 0 0 4px var(--primary-glow);outline:none}.glass-select-wrapper{position:relative}.glass-select-wrapper .select-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-label);pointer-events:none}.glass-select{padding:11px 40px 11px 38px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s}.glass-select:focus{border-color:var(--primary);outline:none}.content-layout{display:flex;gap:24px;align-items:flex-start}.table-section{flex:1;min-width:0}.table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-table th{background:#ffffff08;padding:16px 20px;text-align:left;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--glass-border)}.data-table td{padding:18px 20px;border-bottom:1px solid var(--glass-border);color:#fff;font-size:14px;font-weight:600;vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:all .2s ease;background:transparent!important}.data-table tbody tr:hover td{background:#0f172a!important;color:#fff!important}.data-table tbody tr.selected td{background:#6366f133!important;border-left:2px solid var(--primary)}.coupon-code-cell{display:flex;flex-direction:column;gap:6px}.code-badge{font-family:JetBrains Mono,Courier New,monospace;font-weight:800;font-size:13px;color:#818cf8;background:#6366f11a;border:1px solid rgba(99,102,241,.2);padding:4px 10px;border-radius:8px;width:fit-content}.desc-text{font-size:12px;color:var(--text-label);line-height:1.4}.discount-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-radius:10px;color:#34d399;font-weight:800}.usage-stats{display:flex;align-items:center;gap:8px;font-weight:700}.usage-divider{color:var(--text-muted);opacity:.5}.limit-reached{color:#f87171}.date-info{display:flex;align-items:center;gap:8px;color:var(--text-label);font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase}.status-badge.active{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-badge.expired{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.status-badge.exhausted{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.status-badge.inactive{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.details-panel{width:400px;background:#0f172acc;border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:24px;display:flex;flex-direction:column}.panel-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.panel-title{display:flex;align-items:center;gap:12px;color:#fff}.panel-title h3{margin:0;font-size:18px;font-weight:800}.btn-close{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-label);padding:6px;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ef44441a;color:#f87171}.panel-content{padding:24px;display:flex;flex-direction:column;gap:28px}.info-section{display:flex;flex-direction:column;gap:14px}.section-label{font-size:11px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.info-grid{display:grid;gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{font-size:12px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:6px}.info-item span{font-size:14px;font-weight:600;color:#fff}.code-display{font-family:monospace;background:#6366f11a;padding:4px 10px;border-radius:6px;color:#818cf8!important;width:fit-content}.btn-icon{padding:8px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-label);cursor:pointer;transition:all .2s}.btn-icon:hover{transform:translateY(-2px)}.btn-icon.edit:hover{background:#3b82f61a;color:#60a5fa;border-color:#3b82f64d}.btn-icon.delete:hover{background:#ef44441a;color:#f87171;border-color:#ef44444d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#111827;border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:24px 32px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.modal-title{display:flex;align-items:center;gap:12px;color:#fff}.modal-title h3{margin:0;font-size:20px;font-weight:800}.modal-body{padding:32px;display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:700;color:var(--text-label)}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:14px;top:12px;color:var(--text-muted)}.input-with-icon input{padding-left:42px}.modal-body input,.modal-body select,.modal-body textarea{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;color:#fff;font-size:14px;transition:all .2s}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{background:#ffffff14;border-color:var(--primary);outline:none}.form-section{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid var(--glass-border)}.section-title-mini{font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.modal-footer{padding:0 32px 32px;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:12px 24px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-label);font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-primary{padding:12px 24px;background:var(--primary);border:none;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 25px var(--primary-glow)}.pagination{display:flex;justify-content:center;align-items:center;padding:24px;gap:16px}.btn-page{padding:10px 20px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:700;cursor:pointer}.btn-page:disabled{opacity:.3;cursor:not-allowed}.page-count{font-weight:700;color:var(--text-label)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.support-tickets-page{display:flex;flex-direction:column;gap:24px;max-width:1600px;height:calc(100vh - 100px);animation:fade-in .5s ease-out;padding:10px}.page-header-modern{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-title-wrapper{display:flex;align-items:center;gap:16px}.header-icon-box{width:48px;height:48px;padding:12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:14px;color:var(--primary)}.header-text h2{margin:0;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.header-text p{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--text-label)}.btn-refresh-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.btn-refresh-modern:hover{background:#ffffff1a;transform:translateY(-2px)}.stats-grid-modern{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;flex-shrink:0}.stat-card-modern{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:20px;display:flex;align-items:center;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-modern:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#fff3}.stat-icon-circle{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-circle.blue{background:#3b82f61a;color:#60a5fa}.stat-icon-circle.amber{background:#f59e0b1a;color:#fbbf24}.stat-icon-circle.red{background:#ef44441a;color:#f87171}.stat-icon-circle.purple{background:#a855f71a;color:#a78bfa}.stat-icon-circle.emerald{background:#10b9811a;color:#34d399}.stat-content{display:flex;flex-direction:column}.stat-label-text{font-size:11px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.stat-value-text{font-size:22px;font-weight:800;color:#fff;line-height:1.2}.filters-bar-modern{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:12px 20px;flex-shrink:0}.search-box-pill{position:relative;flex:1;max-width:400px}.search-icon-fixed{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-label);pointer-events:none}.glass-input-styled{width:100%;padding:11px 16px 11px 42px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:14px;font-weight:600;transition:all .2s}.glass-input-styled:focus{border-color:var(--primary);background:#0f172acc;outline:none}.filter-controls-group{display:flex;align-items:center;gap:12px}.glass-select-pill{position:relative;min-width:160px}.select-icon-fixed{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-label);pointer-events:none}.glass-select-styled{width:100%;padding:10px 32px 10px 36px;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s}.glass-select-styled:focus{border-color:var(--primary);outline:none}.tickets-content-layout{display:flex;gap:20px;flex:1;min-height:0}.table-section-modern{flex:1;display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden}.table-scroll-container{flex:1;overflow-y:auto}.tickets-data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.truncate-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tickets-data-table th{position:sticky;top:0;z-index:10;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 20px;text-align:left;font-size:11px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--glass-border)}.tickets-data-table td{padding:16px 20px;border-bottom:1px solid var(--glass-border);color:#fff;font-size:14px;font-weight:600;vertical-align:middle}.tickets-data-table tbody tr{cursor:pointer;transition:all .2s}.tickets-data-table tbody tr:hover td{background:#ffffff0d}.tickets-data-table tbody tr.selected-row td{background:#6366f126;border-left:3px solid var(--primary)}.priority-pill{display:inline-flex;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff}.status-badge-modern{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:800}.status-badge-modern.open{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.status-badge-modern.in_progress{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.status-badge-modern.resolved{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-badge-modern.closed{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.ticket-details-sidebar{width:450px;background:#0f172ae6;border:1px solid var(--glass-border);border-radius:20px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slide-in-right .3s ease-out}.details-header-styled{padding:24px;border-bottom:1px solid var(--glass-border)}.details-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-id-tag{font-family:monospace;background:#ffffff0d;padding:4px 10px;border-radius:6px;color:var(--text-label);font-size:12px;font-weight:700}.details-header-styled h3{margin:0;font-size:18px;font-weight:800;color:#fff;line-height:1.4}.details-scroll-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.chat-thread{display:flex;flex-direction:column;gap:16px}.chat-bubble{max-width:90%;padding:14px 16px;border-radius:16px;position:relative}.chat-bubble.customer{align-self:flex-start;background:#ffffff0d;border:1px solid var(--glass-border);border-bottom-left-radius:4px}.chat-bubble.admin{align-self:flex-end;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-bottom-right-radius:4px}.chat-header{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--text-label);margin-bottom:6px}.chat-body{color:#fff;font-size:14px;line-height:1.6;white-space:pre-wrap}.reply-area-modern{padding:20px;background:#0f172a66;border-top:1px solid var(--glass-border)}.reply-textarea-styled{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:12px;color:#fff;font-size:14px;font-family:inherit;resize:none;margin-bottom:12px}.reply-actions-row{display:flex;justify-content:space-between;align-items:center}.btn-send-modern{padding:10px 20px;background:var(--primary);border:none;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-send-modern:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes slide-in-right{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reports-page{padding:0;animation:fade-in .5s ease-out}.stat-icon-wrapper{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-label{display:block;font-size:11px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.alert{padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid transparent;border-radius:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert button{background:transparent;color:inherit;font-size:20px;opacity:.6;transition:opacity .2s}.alert button:hover{opacity:1}.tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.tabs{display:flex;gap:8px;background:#ffffff0a;padding:6px;border-radius:14px;border:1px solid var(--glass-border)}.tab{padding:10px 24px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;color:var(--text-label);transition:all .2s}.tab:hover{color:#fff;background:#ffffff08}.tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.reports-table-container{overflow-x:auto;margin-bottom:32px;border-radius:20px}.data-table tr:hover td{background:#ffffff08}.filters-row{display:flex;gap:16px;margin-bottom:24px}.type-badge{display:inline-block;padding:4px 10px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;font-size:11px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px}.schedule-badge{display:inline-block;padding:4px 10px;background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b98126;color:#34d399}.badge-muted{background:#ffffff14;color:var(--text-label)}.report-name{display:flex;flex-direction:column;gap:4px}.report-name strong{color:#fff;font-weight:800;font-size:15px}.report-name small{color:var(--text-label);font-size:12px;font-weight:500;opacity:.8}.action-buttons{display:flex;gap:8px}.btn-sm{width:32px;height:32px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-label);transition:all .2s}.btn-sm:hover{transform:translateY(-2px);color:#fff;background:#ffffff1a}.btn-sm.btn-primary:hover{background:#6366f133;color:#818cf8;border-color:#6366f14d}.btn-sm.btn-warning:hover{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}.btn-sm.btn-danger:hover{background:#f43f5e33;color:#f43f5e;border-color:#f43f5e4d}.modal.glass-card{background:var(--bg-dark);border:1px solid var(--glass-border);box-shadow:0 30px 60px #0009;max-height:90vh;margin:20px}.modal-header{border-bottom:1px solid var(--glass-border);padding:24px 32px}.code-editor{font-family:Monaco,Ubuntu Mono,monospace;font-size:13px;line-height:1.6}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--glass-border)}.pagination span{color:var(--text-label);font-weight:600}.pagination-buttons{display:flex;gap:12px}.pagination-buttons button{padding:10px 20px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-label);font-weight:700;transition:all .2s}.pagination-buttons button:hover:not(:disabled){background:#ffffff1a;color:#fff}.pagination-buttons button:disabled{opacity:.3}@media (max-width: 1024px){.tabs-container{flex-direction:column;align-items:stretch}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.form-row{flex-direction:column}}.email-templates-page{padding:0;animation:fade-in .5s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card.glass-card{padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 20px 40px #0006}.stat-icon-wrapper{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.blue{background:#6366f133;color:#818cf8}.stat-icon-wrapper.green{background:#10b98133;color:#34d399}.stat-icon-wrapper.purple{background:#8b5cf633;color:#a78bfa}.stat-icon-wrapper.yellow{background:#f59e0b33;color:#fbbf24}.stat-content{flex:1}.stat-label{display:block;font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:800;color:#fff;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.3)}.alert{padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid transparent}.alert-content{display:flex;align-items:center;gap:12px;font-weight:600}.alert-error{border-left-color:var(--error);color:var(--error)}.alert-success{border-left-color:var(--success);color:var(--success)}.alert-close{background:transparent;color:inherit;font-size:20px;opacity:.6;transition:opacity .2s}.alert-close:hover{opacity:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.filters{display:flex;gap:16px}.search-box{display:flex;align-items:center;gap:12px;min-width:300px}.search-box input{background:transparent;border:none;color:#fff;width:100%;font-size:14px;font-weight:600}.search-box input:focus{outline:none}.search-icon{color:var(--text-label)}select.glass-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;min-width:180px;color:#fff;font-weight:600}.templates-list-container{overflow-x:auto;margin-bottom:32px;border-radius:20px}.glass-table{width:100%;min-width:1000px;border-collapse:collapse}.template-info{display:flex;flex-direction:column;gap:6px}.template-name{font-weight:800;font-size:15px;color:#fff;display:flex;align-items:center;gap:10px}.system-tag{background:#6366f133;color:#818cf8;font-size:10px;padding:2px 6px;border-radius:4px;letter-spacing:1px}.template-slug{font-family:Monaco,Ubuntu Mono,monospace;font-size:11px;color:var(--text-label);background:#ffffff0d;padding:2px 8px;border-radius:6px;width:fit-content}.badge-pill{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.badge-pill.authentication{background:#6366f126;color:#818cf8;border-color:#6366f14d}.badge-pill.billing{background:#10b98126;color:#34d399;border-color:#10b9814d}.badge-pill.notifications{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.badge-pill.marketing{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.badge-pill.support{background:#f43f5e26;color:#f43f5e;border-color:#f43f5e4d}.badge-pill.system{background:#ffffff14;color:#cbd5e1;border-color:#ffffff1a}.status-indicator-dot{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.status-indicator-dot:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator-dot.active{color:#34d399}.status-indicator-dot.active:before{background:#34d399;box-shadow:0 0 10px #34d399}.status-indicator-dot.inactive{color:var(--text-label)}.status-indicator-dot.inactive:before{background:var(--text-label)}.perf-metric{display:flex;flex-direction:column;gap:2px}.perf-value{font-size:16px;font-weight:800;color:#fff}.perf-label{font-size:10px;font-weight:700;color:var(--text-label);opacity:.7}.glass-table td{padding:18px 24px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:14px;font-weight:600;vertical-align:middle}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-label);transition:all .2s;border:1px solid transparent}.action-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.action-btn.edit:hover{background:#6366f133;color:#818cf8;border-color:#6366f14d}.action-btn.preview:hover{background:#10b98133;color:#34d399;border-color:#10b9814d}.action-btn.toggle.active{color:#fbbf24}.action-btn.delete:hover{background:#f43f5e33;color:#f43f5e;border-color:#f43f5e4d}.loading-state,.empty-state{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.empty-icon{color:var(--primary);opacity:.5}.empty-state h3{font-size:20px;font-weight:800;color:#fff}.empty-state p{color:var(--text-label);max-width:300px}.spinner{width:40px;height:40px;border:4px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary-glow{background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:800;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px var(--primary-glow);transition:all .3s}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 12px 35px var(--primary-glow)}.btn-ghost{background:#ffffff0d;color:var(--text-label);padding:12px 24px;border-radius:12px;font-weight:700;border:1px solid var(--glass-border);transition:all .2s}.btn-ghost:hover{background:#ffffff1a;color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal.glass-card{background:var(--bg-dark);border:1px solid var(--glass-border);box-shadow:0 30px 60px #0009}.modal-header{border-bottom:1px solid var(--glass-border);padding:24px 32px;background:transparent}.modal-header h2{font-size:22px;font-weight:800;color:#fff}.modal-body{padding:32px}.modal-footer{padding:20px 32px;background:#0003;border-top:1px solid var(--glass-border)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;padding:24px}@media (max-width: 1024px){.section-header{flex-direction:column;align-items:stretch}.search-box{min-width:unset}}.revenue-analytics-page{display:flex;flex-direction:column;gap:28px;animation:fade-in .5s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:14px}.header-title h2{margin:0 0 6px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.header-title p{margin:0;color:var(--text-label);font-size:14px;font-weight:600}.header-icon{color:var(--primary);width:28px;height:28px}.header-actions{display:flex;align-items:center;gap:12px}.range-select-wrapper{display:flex;align-items:center;gap:10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:8px 16px}.range-icon{color:var(--primary)}.range-select-wrapper select{background:transparent;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;outline:none}.range-select-wrapper select option{background:#0f172a;color:#fff}.alert{padding:16px 20px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;gap:12px}.alert button.alert-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.7;color:#fff;transition:opacity .2s}.alert button.alert-close:hover{opacity:1}.alert-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:22px;display:flex;gap:16px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 20px 40px #0006}.metric-card.primary{background:linear-gradient(135deg,#6366f14d,#6366f11a);border-color:#6366f180}.metric-card.warning{border-left:3px solid #f59e0b}.metric-card.success{border-left:3px solid #10b981}.metric-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#6366f126;border-radius:14px;color:#818cf8;flex-shrink:0}.metric-card.primary .metric-icon{background:#ffffff26;color:#fff}.metric-card.warning .metric-icon{background:#f59e0b26;color:#fbbf24}.metric-card.success .metric-icon{background:#10b98126;color:#34d399}.metric-content{flex:1;min-width:0}.metric-value{font-size:24px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.5px}.metric-label{font-size:12px;color:var(--text-label);margin-top:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.metric-change-wrapper{display:flex;align-items:center;gap:8px;margin-top:8px}.metric-sub-label{font-size:12px;color:var(--text-muted);font-weight:600}.percent-span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px}.percent-span.positive{color:#34d399;background:#10b98126}.percent-span.negative{color:#f87171;background:#ef444426}.metric-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-top:8px;font-weight:600}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.chart-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;overflow:hidden;transition:all .3s}.chart-card:hover{border-color:#6366f14d;box-shadow:0 10px 30px #0000004d}.chart-card.large{grid-column:span 2}.chart-header{padding:22px 26px 18px;border-bottom:1px solid var(--glass-border)}.chart-title-icon{display:flex;align-items:center;gap:10px;color:var(--primary)}.chart-header h3{margin:0;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.2px}.chart-subtitle{display:block;font-size:13px;color:var(--text-label);font-weight:600;margin-top:6px}.chart-body{padding:24px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0f!important}.recharts-text{fill:var(--text-label)!important;font-weight:700!important;font-size:12px!important}.recharts-default-tooltip{background:#0f172afa!important;border:1px solid var(--primary)!important;border-radius:14px!important;box-shadow:0 15px 40px #0009!important;padding:14px 18px!important}.recharts-tooltip-label{color:var(--text-label)!important;font-weight:800!important;margin-bottom:8px!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:1px!important}.recharts-tooltip-item{color:#fff!important;font-weight:700!important}.recharts-legend-item-text{color:var(--text-label)!important;font-size:13px!important;font-weight:700!important}.custom-tooltip{background:#0f172afa;border:1px solid var(--primary);border-radius:14px;padding:14px 18px;box-shadow:0 15px 40px #0009}.tooltip-label{font-weight:800;color:var(--text-label);margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.tooltip-value{margin:4px 0;font-size:14px;font-weight:700;color:#fff}.plan-table{overflow-x:auto}.plan-table table{width:100%;border-collapse:collapse}.plan-table th,.plan-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--glass-border)}.plan-table th{font-size:12px;font-weight:800;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.plan-table td{font-size:14px;color:#fff;font-weight:700}.plan-table tbody tr:hover td{background:#ffffff0a}.plan-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;box-shadow:0 0 8px currentColor}.badge{display:inline-block;padding:5px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:11px;font-weight:700;text-transform:capitalize;color:#818cf8}.ltv-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.ltv-card{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:14px;padding:20px;transition:all .2s}.ltv-card:hover{border-color:var(--primary);transform:translateY(-2px);background:#ffffff0f}.ltv-plan-name{font-size:12px;color:var(--text-label);margin-bottom:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.ltv-value{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.ltv-details{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--text-muted);font-weight:600}.ltv-details span{display:flex;align-items:center;gap:6px}.ltv-body{display:flex;flex-direction:column;gap:18px}.projected-ltv{background:linear-gradient(135deg,#7c3aed4d,#8b5cf626);border:1px solid rgba(139,92,246,.4);border-radius:16px;padding:24px;text-align:center}.projected-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-label);margin-bottom:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.projected-value{font-size:38px;font-weight:800;color:#fff;letter-spacing:-1px}.projected-details{font-size:13px;color:var(--text-label);margin-top:10px;font-weight:600}.projected-details .divider{opacity:.5;margin:0 10px}.summary-section{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px}.summary-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--primary)}.summary-section-header h3{margin:0;font-size:18px;font-weight:800;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.summary-item{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:14px;transition:all .2s}.summary-item:hover{border-color:var(--primary);background:#ffffff0f}.summary-item-icon{width:44px;height:44px;background:#6366f126;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.summary-item-content{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.3px}.coming-soon{font-size:13px;color:var(--text-muted);font-weight:600}.loading-state{text-align:center;padding:100px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}.loading-state p{font-size:16px;font-weight:700;margin:0}.empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-label);font-size:14px;font-weight:600;gap:14px}.empty-chart.small{height:120px}.empty-table{text-align:center;color:var(--text-muted);padding:40px 20px!important;font-weight:600}@media (max-width: 1400px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px;align-items:flex-start}.metrics-grid,.ltv-cards,.summary-grid{grid-template-columns:1fr}}.layout{display:flex;min-height:100vh;background-color:var(--bg-darker);position:relative;overflow:hidden}.layout-bg-glow{position:fixed;width:800px;height:800px;border-radius:50%;filter:blur(120px);z-index:0;opacity:.08;pointer-events:none}.glow-1{top:-200px;left:-200px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);animation:pulse-glow 20s infinite alternate}.glow-2{bottom:-200px;right:-200px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation:pulse-glow 25s infinite alternate-reverse}@keyframes pulse-glow{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(100px,50px)}to{transform:scale(.9) translate(-50px,100px)}}.sidebar{width:280px;background:#0f172ad9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50}.sidebar-header{padding:32px 24px;display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.badge{background:#6366f126;color:var(--primary);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;border:1px solid rgba(99,102,241,.3)}.sidebar-nav{flex:1;padding:0 16px 24px;overflow-y:auto}.nav-divider{margin:28px 12px 14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-label)}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:all .2s;margin-bottom:6px;font-weight:600;font-size:14px}.nav-item:hover{background:#ffffff14;color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,rgba(99,102,241,.2),transparent);color:#fff;font-weight:700;border-left:3px solid var(--primary)}.nav-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.active .nav-icon{opacity:1;color:var(--primary)}.sidebar-footer{padding:24px;border-top:1px solid var(--glass-border);background:#0000001a}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary)}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:14px;font-weight:700;color:var(--text-primary)}.user-email{font-size:12px;font-weight:500;color:var(--text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;z-index:10;position:relative}.header{height:80px;background:#0f172a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 40px;position:sticky;top:0;z-index:40}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:16px}.btn-icon{width:42px;height:42px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s}.btn-icon:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-logout{display:flex;align-items:center;gap:10px;padding:10px 22px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff4d4d;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-logout:hover{background:#ef4444;color:#fff;box-shadow:0 0 20px #ef444466}.content{flex:1;padding:40px;animation:fade-in .6s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.sidebar{width:80px}.logo-text,.badge,.nav-label,.active-arrow,.user-details{display:none}.sidebar-header,.nav-item,.sidebar-footer{justify-content:center}.nav-item{padding:14px;margin:0 10px 10px}.header{padding:0 24px}.content{padding:24px}}.app{min-height:100vh;width:100%}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:500;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--accent: #8b5cf6;--bg-dark: #0f172a;--bg-darker: #020617;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .12);--glass-glow: rgba(255, 255, 255, .05);--glass-blur: 16px;--text-primary: #ffffff;--text-secondary: #ffffff;--text-label: #e2e8f0;--text-muted: #cbd5e1;--error: #f43f5e;--success: #10b981;--warning: #f59e0b;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-darker);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;font-weight:500;min-width:320px;min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #0003}.glass-input{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:14px;transition:all .2s}.glass-input:focus{outline:none;border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-glow)}.glass-table{width:100%;border-collapse:collapse}.glass-table th{text-align:left;padding:16px 24px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-label);border-bottom:2px solid var(--glass-border)}.glass-table td{padding:18px 24px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:14px;font-weight:600}.glass-table tr:hover td{background:#ffffff08}#root{width:100%;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;font-family:inherit;border:none}input,select,textarea{font-family:inherit}