.sidebar{width:280px;height:calc(100vh - 32px);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:20px;display:flex;flex-direction:column;position:fixed;left:16px;top:16px;overflow-y:auto;overflow-x:hidden;margin-bottom:16px;box-shadow:0 10px 30px #00000014;z-index:1001}.sidebar-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.logo-text{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:12px;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin:0;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);border:1px solid transparent}.menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.menu-item.active{background:linear-gradient(90deg,rgba(34,197,94,.1),transparent);color:var(--accent-primary);border-left:2px solid var(--accent-primary);border-top-left-radius:4px;border-bottom-left-radius:4px}.menu-item-content{display:flex;align-items:center;gap:10px;flex:1}.menu-icon{display:flex;align-items:center;opacity:.8}.menu-item.active .menu-icon{opacity:1;filter:drop-shadow(0 0 5px rgba(34,197,94,.3))}.menu-label{font-size:15px;font-weight:600}.menu-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--accent-primary);color:#fff;border-radius:10px;font-size:11px;font-weight:700;margin-left:auto;box-shadow:0 2px 4px #22c55e4d}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.05)}.pro-banner{background:#10b981;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:0}.pro-banner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);pointer-events:none;z-index:0;animation:rotate-glow 10s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pro-banner-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.pro-banner-header svg{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.4));animation:pulse-icon 3s infinite ease-in-out}@keyframes pulse-icon{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,255,255,.7))}}.pro-banner-label{font-size:11px;font-weight:800;color:#fff;background:none;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#ffffff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pro-banner-text{position:relative;z-index:1;font-size:12px;color:#ffffffe6;margin-bottom:10px;font-weight:500;line-height:1.4}.pro-banner-button{position:relative;z-index:1;width:100%;padding:8px;background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #22c55e66;text-transform:uppercase;letter-spacing:.5px}.pro-banner-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #22c55e99;background:linear-gradient(90deg,#4ade80,#22c55e)}.pro-banner-button:active{transform:translateY(0) scale(.98)}.sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.sidebar:hover::-webkit-scrollbar-thumb,.sidebar-nav:hover::-webkit-scrollbar-thumb{background:var(--bg-hover)}.user-profile-section{margin-top:12px;position:relative}.profile-toggle-button{width:100%;padding:10px;display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary);text-align:left}.profile-toggle-button:hover{background:var(--bg-hover);border-color:#ffffff1a;transform:translateY(-2px)}.profile-toggle-button.active{background:var(--bg-hover);border-color:var(--accent-primary)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary),#16a34a);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #22c55e4d}.user-avatar.super-admin-avatar{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 12px #fbbf244d}.user-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-secondary);font-weight:500}.settings-icon{color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.settings-icon.rotated{transform:rotate(90deg);color:var(--accent-primary)}.profile-dropdown{position:absolute;bottom:calc(100% + 12px);left:0;width:100%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;box-shadow:0 10px 40px #0003;z-index:1100;animation:slideUp .3s cubic-bezier(.165,.84,.44,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:10px 12px;display:flex;align-items:center;gap:10px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item svg{opacity:.7}.dropdown-item:hover svg{opacity:1}.dropdown-divider{height:1px;background:#ffffff0d;margin:6px 0}.logout-item{color:#ef4444}.logout-item:hover{background:#ef44441a;color:#ef4444}.header{height:60px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;position:fixed;top:20px;left:312px;right:15px;z-index:1000;border-radius:12px;transition:all .3s ease;overflow:visible!important}.header-right{display:flex;align-items:center;gap:12px;overflow:visible}.search-container{position:relative;display:flex;align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:0 16px;min-width:320px;transition:border-color .2s}.search-container:focus-within{border-color:var(--accent-primary)}.search-icon{color:var(--text-muted);margin-right:12px}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;padding:12px 0}.search-shortcut{display:flex;align-items:center;padding:4px 8px;background-color:var(--bg-hover);border:1px solid var(--border-tertiary);border-radius:6px;font-size:11px;color:var(--text-tertiary);font-family:monospace}.header-actions-group{display:flex;align-items:center;gap:12px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:6px 10px;position:relative;z-index:1001;margin-top:0;margin-right:20px;pointer-events:auto;overflow:visible!important}.header-action-button{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-tertiary);cursor:pointer;transition:all .2s;z-index:1002}.header-action-button:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.theme-toggle{color:var(--warning)}.theme-toggle:hover{color:var(--warning);background-color:#fbbf241a}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:var(--error);color:var(--text-primary);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary)}.notifications-container{position:relative}.notifications-panel{position:absolute;right:0;top:calc(100% + 8px);width:280px;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 0;display:flex;flex-direction:column;gap:4px;z-index:1003}.notifications-panel:before{content:"";position:absolute;top:-6px;right:18px;border-width:6px;border-style:solid;border-color:transparent transparent var(--bg-secondary) transparent}.notifications-panel-header{font-size:14px;font-weight:600;padding:0 16px;color:var(--text-primary);margin-bottom:4px}.notifications-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:0 8px}.notification-item{width:100%;background:transparent;border:none;display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .2s ease}.notification-item:hover{background-color:var(--bg-hover)}.notification-unread{background-color:#3b82f614}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary)}.notification-description{font-size:12px;color:var(--text-muted)}.notification-time{font-size:11px;color:var(--text-tertiary)}.notifications-footer{padding:10px 16px;font-size:12px;font-weight:600;color:var(--accent-primary);cursor:pointer;text-align:center;border-top:1px solid var(--border-secondary);margin-top:8px}.user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s;position:relative;z-index:1002;pointer-events:auto;border:none;outline:none}.user-avatar:focus{outline:2px solid rgba(34,197,94,.5);outline-offset:2px}.user-avatar:hover{transform:scale(1.05)}.user-menu{position:relative;z-index:1004;overflow:visible!important}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;min-width:240px;max-width:240px;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:10000!important;overflow:hidden;display:block!important;visibility:visible!important;opacity:1!important;transform:translateY(0)!important;margin-top:0!important}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background-color:var(--bg-secondary)}.user-dropdown-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:16px;flex-shrink:0}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{font-weight:600;color:var(--text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.user-dropdown-divider{height:1px;background-color:var(--border-secondary);margin:8px 0}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.user-dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.user-dropdown-item svg{flex-shrink:0}.super-admin-avatar:focus{outline:2px solid rgba(251,191,36,.5);outline-offset:2px}.metric-card{position:relative;background:#0006!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:12px;padding:.75rem 1rem;overflow:hidden;display:flex;flex-direction:row;align-items:center;gap:1rem;min-width:160px;box-shadow:none}[data-theme=light] .metric-card{background:#fff9!important;border:none;box-shadow:0 4px 6px -1px #0000000d}.metric-card-header{display:flex;align-items:center;justify-content:center;margin-bottom:0;flex-shrink:0}.metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border-radius:10px}[data-theme=light] .metric-icon{background:#0000000d}.metric-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.metric-title{font-size:.7rem;font-weight:600;color:#ffffffb3;margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .metric-title{color:#475569}.metric-value{font-size:1.5rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em}[data-theme=light] .metric-value{color:#0f172a}.metric-trend{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px}.chart-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;padding:0 24px 24px;transition:all .3s ease}[data-theme=light] .chart-container{background-color:#f8fafc;border:1.5px solid rgba(34,197,94,.4);box-shadow:0 4px 20px #0000000d}.metrics-chart-container{height:100%}.revenue-chart-container{min-width:0}.chart-container:hover{border-color:#3a3a3a}.chart-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px}[data-theme=light] .chart-title{color:#1e293b}.chart-title:before{content:"";width:4px;height:18px;background-color:#22c55e;border-radius:2px}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#a3a3a3}.legend-dot{width:12px;height:12px;border-radius:50%}.custom-tooltip{background-color:#1a1a1ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0006}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-badge{font-size:12px;padding:6px 14px;border-radius:20px;background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2);font-weight:600}[data-theme=light] .chart-badge{background-color:#e2f8e9;border-color:#bef2cd}.tooltip-label{font-size:12px;color:#a3a3a3;margin-bottom:4px}.tooltip-value{font-size:14px;font-weight:600;color:#fff}.chart-title-group{display:flex;flex-direction:column;gap:12px}.chart-controls{display:flex;gap:8px;background:#0003;padding:4px;border-radius:10px;width:fit-content}.control-btn{background:transparent;border:none;padding:4px 12px;border-radius:6px;color:#737373;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.control-btn:hover{color:#a3a3a3}.control-btn.active{background:#22c55e;color:#fff}.chart-content-wrapper{display:flex;justify-content:center;align-items:center}.chart-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.center-value{font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.center-text{font-size:.75rem;color:#737373;text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .center-value{color:#1e293b}.pie-slice{cursor:pointer;transition:opacity .3s ease;outline:none}.pie-slice:hover{opacity:.8}.legend-name{flex:1;font-size:.85rem;color:#a3a3a3}.legend-value{font-weight:600;color:#fff;font-size:.85rem;margin-left:8px}[data-theme=light] .legend-name{color:#64748b}[data-theme=light] .legend-value{color:#1e293b}@media (max-width: 480px){.chart-title-group{width:100%}.chart-controls{width:100%;justify-content:space-between}}.comparison-card{background-color:var(--bg-tertiary);border:none;border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.comparison-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.comparison-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.comparison-period-info{font-size:12px;color:var(--text-secondary);padding:4px 12px;background-color:var(--bg-secondary);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.comparison-content{display:flex;flex-direction:column;gap:24px}.comparison-metric{padding-bottom:20px;border-bottom:1px solid var(--border-secondary)}.comparison-metric:last-child{border-bottom:none;padding-bottom:0}.comparison-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comparison-label{font-size:14px;color:var(--text-secondary);font-weight:500}.comparison-trend{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600}.comparison-trend.positive{color:var(--success)}.comparison-trend.negative{color:var(--error)}.comparison-values{display:flex;align-items:center;gap:16px}.comparison-current,.comparison-previous{flex:1;display:flex;flex-direction:column;gap:4px}.comparison-value{font-size:24px;font-weight:700;color:var(--text-primary)}.comparison-period{font-size:12px;color:var(--text-tertiary)}.comparison-separator{font-size:12px;color:var(--text-tertiary);font-weight:500;padding:0 8px}@media (max-width: 768px){.comparison-values{flex-direction:column;align-items:flex-start;gap:12px}.comparison-separator{padding:0}.comparison-value{font-size:20px}}.top-agents-card{background-color:#111;border:1px solid #1f1f1f;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0003}.top-agents-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.top-agents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;gap:12px}.top-agents-list{display:flex;flex-direction:column;gap:16px}.top-agent-item{display:flex;align-items:center;gap:16px;padding:16px;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;transition:all .2s ease}.top-agent-item:hover{background-color:#1f1f1f;border-color:#3a3a3a}.agent-rank{display:flex;align-items:center;justify-content:center;min-width:32px}.rank-icon{color:#f59e0b}.rank-icon.gold{color:#fbbf24}.rank-icon.silver{color:#94a3b8}.rank-icon.bronze{color:#cd7f32}.rank-number{font-size:18px;font-weight:700;color:#666}.agent-info{flex:1;display:flex;flex-direction:column;gap:8px}.agent-name{font-size:16px;font-weight:600;color:#fff}.agent-stats{display:flex;flex-wrap:wrap;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px}.stat-label{color:#666}.stat-value{color:#a3a3a3;font-weight:600}.agent-score{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.score-value{font-size:20px;font-weight:700;color:#22c55e}.score-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.top-agent-item{flex-direction:column;align-items:flex-start}.agent-score{align-self:flex-end}.agent-stats{flex-direction:column;gap:8px}}.temperature-card{background-color:var(--bg-tertiary);border:none;border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.temperature-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.temperature-icon{color:var(--warning)}.temperature-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.temperature-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.temperature-item{padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);transition:all .2s ease}.temperature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-tertiary)}.temperature-item.quente{border-color:var(--status-error)}.temperature-item.quente .temperature-item-icon{color:var(--status-error)}.temperature-item.morno{border-color:var(--status-warning)}.temperature-item.morno .temperature-item-icon{color:var(--status-warning)}.temperature-item.frio{border-color:var(--status-info)}.temperature-item.frio .temperature-item-icon{color:var(--status-info)}.temperature-item-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.temperature-item-icon{flex-shrink:0}.temperature-label{font-size:14px;font-weight:600;color:var(--text-primary)}.temperature-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.temperature-percentage{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.temperature-description{font-size:12px;color:var(--text-tertiary);line-height:1.4}.temperature-total{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-secondary)}.total-label{font-size:14px;color:var(--text-secondary)}.total-value{font-size:20px;font-weight:700;color:var(--success)}@media (max-width: 768px){.temperature-stats{grid-template-columns:1fr}}.alerts-panel{background-color:var(--bg-tertiary);border:none;border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.alerts-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background-color:var(--bg-secondary);transition:all .2s ease}.alert-item:hover{background-color:var(--bg-hover);border-color:var(--border-tertiary)}.alert-item.error{border-left:4px solid var(--status-error)}.alert-item.error .alert-icon{color:var(--status-error)}.alert-item.warning{border-left:4px solid var(--status-warning)}.alert-item.warning .alert-icon{color:var(--status-warning)}.alert-item.success{border-left:4px solid var(--status-success)}.alert-item.success .alert-icon{color:var(--status-success)}.alert-item.info{border-left:4px solid var(--status-info)}.alert-item.info .alert-icon{color:var(--status-info)}.alert-icon{flex-shrink:0;margin-top:2px}.alert-content{flex:1;display:flex;flex-direction:column;gap:4px}.alert-title{font-size:14px;font-weight:600;color:var(--text-primary)}.alert-message{font-size:13px;color:var(--text-secondary);line-height:1.5}.financial-metrics{background-color:var(--bg-tertiary);border:none;border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.financial-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.financial-card{padding:20px;background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.financial-card:hover{background-color:var(--bg-hover);border-color:var(--border-tertiary);transform:translateY(-2px)}.financial-card.highlight{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)}.financial-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.financial-icon{color:var(--accent-primary)}.financial-label{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.financial-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.financial-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.financial-ratio{padding-top:20px;border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;align-items:center;gap:8px}.ratio-label{font-size:14px;color:var(--text-tertiary)}.ratio-value{font-size:32px;font-weight:700}.ratio-value.good{color:var(--success)}.ratio-value.moderate{color:var(--warning)}.ratio-value.bad{color:var(--error)}.ratio-description{font-size:13px;color:var(--text-secondary);text-align:center}@media (max-width: 768px){.financial-grid{grid-template-columns:1fr}}.revenue-chart-container,.metrics-chart-container{width:100%!important;min-width:0!important}.comparison-section{margin-bottom:32px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.bottom-section{margin-top:32px}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.conversations-chart-placeholder{background:var(--bg-hover);border:1px dashed var(--border-secondary);border-radius:16px;padding:80px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.placeholder-text{color:var(--text-tertiary);font-size:14px}@media (max-width: 1200px){.charts-grid{flex-direction:column}.metrics-chart-container{width:100%}.dashboard-grid{grid-template-columns:1fr}}.token-balance-dashboard-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;margin-top:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;z-index:2;width:100%}.token-balance-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026;background:#fff3}.token-balance-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.token-balance-icon{width:40px;height:40px;background:#ffffff4d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0000001a}.token-balance-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.02em}.token-balance-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.token-balance-item{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #00000014}.token-balance-label{color:#ffffffe6;font-size:.875rem;font-weight:500}.token-balance-value{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.token-balance-value.available{color:#10b981;text-shadow:0 2px 12px rgba(16,185,129,.5),0 0 20px rgba(16,185,129,.3)}.token-balance-value.total{color:#60a5fa;text-shadow:0 2px 12px rgba(96,165,250,.5),0 0 20px rgba(96,165,250,.3)}.token-balance-value.used{color:#fbbf24;text-shadow:0 2px 12px rgba(251,191,36,.5),0 0 20px rgba(251,191,36,.3)}.token-balance-progress{display:flex;flex-direction:column;gap:8px}.token-progress-bar{width:100%;height:12px;background:#ffffff4d;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.token-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#fbbf24);border-radius:999px;transition:width .5s ease;box-shadow:0 0 16px #10b98199,0 2px 8px #10b98166}.token-progress-text{color:#fff;font-size:.875rem;font-weight:600;text-align:center}@media (max-width: 768px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.metrics-container{padding:16px}.token-balance-content{grid-template-columns:1fr}.token-balance-dashboard-card{padding:20px}}.agents-page{min-height:100vh}.agents-tabs-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:1.5rem;margin-bottom:2rem}.agents-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.agents-tab{padding:.75rem 1.5rem;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-family:var(--font-primary)}.agents-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.agents-tab.active{color:var(--bg-primary);background:var(--text-primary);box-shadow:0 4px 12px #0000001a}.agents-tab-content{position:relative;min-height:400px}.agents-category{display:none;animation:fadeIn .3s ease-in-out}.agents-category.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-header{margin-bottom:1.5rem}.category-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.category-description{font-size:.95rem;color:var(--text-secondary)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.agent-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:flex;flex-direction:column}.agent-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary)}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.agent-icon{width:50px;height:50px;border-radius:14px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #22c55e40}.agent-status-badge{padding:.35rem .75rem;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary)}.agent-card-body{margin-bottom:1.5rem;flex:1}.agent-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.agent-category{font-size:.75rem;color:var(--accent-primary);font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.agent-personality{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.agent-card-actions{display:flex;gap:.75rem;margin-top:auto}.agent-limit-message{width:100%;padding:.75rem;background:rgba(var(--bg-primary-rgb),.5);border:1px dashed var(--border-primary);border-radius:10px;text-align:center}.agent-limit-message p{margin:0;font-size:.85rem;color:var(--text-tertiary)}.agent-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.dismissed-message{width:100%;padding:.75rem;text-align:center;color:var(--error);font-size:.9rem;font-weight:600;background:#ef44441a;border-radius:10px}.no-agents-message{grid-column:1 / -1;padding:4rem;text-align:center;color:var(--text-tertiary);font-size:1.1rem;background:var(--bg-tertiary);border-radius:16px;border:1px dashed var(--border-primary)}.agents-info-section{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--glass-border)}.agents-info-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.agents-info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.agents-info-card.horizontal{display:flex;gap:2rem;align-items:flex-start}.agents-info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary)}.agents-info-card-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:200px}.agents-info-card.horizontal .agents-info-card-header{flex-direction:column;align-items:flex-start;border-bottom:none;border-right:1px solid var(--glass-border);padding-right:2rem;padding-bottom:0;margin-bottom:0}.agents-info-card-header svg{color:var(--accent-primary);flex-shrink:0}.agents-info-card-header h4{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.agents-info-card-body{display:flex;flex-direction:column;gap:1rem;flex:1}.agents-info-card-body p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.agents-info-card-body strong{color:var(--text-primary);font-weight:600}.agents-info-purpose,.agents-info-products,.agents-info-why{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.agents-info-card.horizontal{flex-direction:column;gap:1.5rem}.agents-info-card.horizontal .agents-info-card-header{border-right:none;border-bottom:1px solid var(--glass-border);padding-right:0;padding-bottom:1rem;margin-bottom:1.25rem;min-width:auto;width:100%}}.training-page{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto;min-height:100vh}.training-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:600px}.training-complete-banner{background-color:#22c55e26;border:1px solid var(--accent-primary);border-radius:12px;padding:1rem 2rem;margin-bottom:1.5rem;text-align:center;color:var(--accent-primary);font-weight:600}.training-progress-indicator{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.training-progress-bar{width:100%;height:8px;background-color:var(--bg-primary);border-radius:4px;overflow:hidden;border:1px solid var(--border-primary)}.training-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #22c55e4d}.training-progress-text{font-size:12px;color:var(--text-tertiary);text-align:center;font-weight:500}.training-header-content svg{color:var(--accent-primary)}.training-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.training-subtitle{font-size:14px;color:var(--text-tertiary)}.chat-container{flex:1;display:flex;flex-direction:column;width:100%;min-height:0}.messages-container{flex:1;overflow-y:auto;padding:24px 0;display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;max-width:70%}.message-agent{align-self:flex-start}.message-user{align-self:flex-end}.message-content{padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word}.message-agent .message-content{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-bottom-left-radius:4px}.message-user .message-content{background-color:var(--accent-primary);color:var(--text-primary);border-bottom-right-radius:4px}.message-time{font-size:11px;color:var(--text-muted);margin-top:4px;padding:0 4px}.message-user .message-time{text-align:right}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.input-container{padding:24px 0;border-top:1px solid var(--border-primary)}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:24px;padding:12px 16px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent-primary)}.message-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit;resize:none;max-height:120px;line-height:1.4}.message-input::placeholder{color:var(--text-muted)}.send-button{width:40px;height:40px;border-radius:50%;background-color:var(--accent-primary);color:var(--text-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.send-button:hover:not(:disabled){background-color:var(--accent-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}.training-question-info{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:12px 16px;max-width:1200px;margin:16px auto}.training-question-info p{color:var(--text-tertiary);font-size:14px;margin:0;line-height:1.5}.suggestion-button-container{display:flex;justify-content:flex-end;margin-bottom:8px;padding:0 32px;max-width:1200px;margin-left:auto;margin-right:auto}.suggestion-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.suggestion-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.suggestion-button:disabled{opacity:.5;cursor:not-allowed}.suggestion-button svg{flex-shrink:0}.quick-buttons-container{display:flex;justify-content:center;gap:12px;margin-bottom:16px;padding:0 32px;max-width:1200px;margin-left:auto;margin-right:auto}.quick-button{flex:1;max-width:200px;padding:14px 24px;background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.quick-button:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.quick-button:active:not(:disabled){transform:translateY(0)}.quick-button:disabled{opacity:.5;cursor:not-allowed}.knowledge-container{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto;background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.knowledge-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button-white{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s;display:flex;align-items:center;gap:.5rem}.back-button-white:hover{background:#fff3;border-color:#ffffff4d}.back-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.95rem;margin-bottom:1rem;padding:.5rem 0;transition:color .2s;display:flex;align-items:center;gap:.5rem}.back-button:hover{color:var(--accent-primary)}.knowledge-header h1{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.inline-icon{display:inline-block;vertical-align:middle;margin-right:.25rem}.knowledge-subtitle{color:var(--text-tertiary);margin:0 0 1.5rem;font-size:1rem}.knowledge-progress-container{margin-bottom:2rem;background:var(--bg-primary);border:1px solid var(--border-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.knowledge-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.knowledge-progress-label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.knowledge-progress-percentage{color:var(--accent-primary);font-size:1.1rem;font-weight:700}.knowledge-progress-bar{width:100%;height:12px;background:var(--bg-primary);border-radius:6px;overflow:hidden;border:1px solid var(--border-primary);margin-bottom:.75rem}.knowledge-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:6px;transition:width .5s ease;box-shadow:0 0 10px #22c55e4d}.knowledge-progress-details{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-tertiary)}.knowledge-progress-details span{display:flex;align-items:center;gap:.5rem}.knowledge-progress-details span:before{content:"•";color:var(--accent-primary);font-size:1.2rem}.progress-hint{color:var(--warning);font-size:.75rem;font-style:italic;margin-left:.25rem}.knowledge-progress-encouragement{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-tertiary)}.knowledge-progress-encouragement svg{color:var(--accent-primary);flex-shrink:0}.knowledge-progress-encouragement.success{background:#22c55e26;border-color:var(--accent-primary);color:var(--text-secondary)}.knowledge-progress-encouragement.success svg{color:var(--warning)}.knowledge-tabs{display:flex;gap:.5rem;background:var(--bg-primary);padding:.5rem;border-radius:12px;border:1px solid var(--border-secondary);margin-bottom:2rem;overflow-x:auto}.tab{padding:.875rem 1.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;color:var(--text-tertiary);transition:all .2s;white-space:nowrap;font-weight:500;display:flex;align-items:center;gap:.5rem}.tab:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.tab.active{color:var(--text-primary);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);box-shadow:var(--shadow-md)}.knowledge-content{min-height:400px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:var(--bg-secondary);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.section-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.inline-form{background:var(--bg-secondary);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.form-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-primary)}.form-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-body{display:flex;flex-direction:column;gap:1.5rem}.form-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--text-primary);border:none;padding:.75rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:.5rem}.btn-primary svg{flex-shrink:0}.btn-danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:var(--text-primary);border:none;padding:.75rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:.5rem}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-danger svg{flex-shrink:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-tertiary);border:2px solid var(--border-primary);padding:.75rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary svg{flex-shrink:0}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-secondary)}.btn-edit{background:linear-gradient(135deg,var(--info) 0%,#1976D2 100%);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:.5rem}.btn-edit svg{flex-shrink:0}.btn-edit:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-delete{background:linear-gradient(135deg,var(--error) 0%,#d32f2f 100%);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:.5rem}.btn-delete svg{flex-shrink:0}label.btn-secondary{margin:0}label.btn-secondary input[type=file]{display:none}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-tertiary)}.faqs-list{display:flex;flex-direction:column;gap:1.5rem}.faq-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .2s;box-shadow:var(--shadow-md)}.faq-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent-primary)}.faq-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.faq-header h3{margin:0;color:var(--text-primary);flex:1;font-size:1.125rem;font-weight:600;line-height:1.4;display:flex;align-items:center;gap:.5rem}.faq-meta{display:flex;gap:1rem;align-items:center;flex-shrink:0}.faq-category{background:#3b82f626;color:var(--info);padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;border:1px solid rgba(59,130,246,.3)}.faq-usage{color:var(--text-tertiary);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.faq-answer{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem;font-size:.95rem}.faq-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.keyword-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid var(--border-primary)}.faq-actions{display:flex;gap:.75rem}.faq-actions button,.image-actions button,.document-actions button{display:flex;align-items:center;gap:.5rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.image-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;transition:all .2s;box-shadow:var(--shadow-md)}.image-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent-primary)}.image-preview{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-card:hover .image-preview img{transform:scale(1.05)}.image-info{padding:1.5rem}.image-caption{color:var(--text-primary);font-weight:600;margin:0 0 1rem;line-height:1.5;font-size:1rem}.image-meta{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.image-category{background:#22c55e26;color:var(--accent-primary);padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;border:1px solid rgba(34,197,94,.3)}.image-priority{color:var(--warning);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.image-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.image-actions{padding:0 1.5rem 1.5rem}.documents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.document-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .2s;box-shadow:var(--shadow-md)}.document-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent-primary)}.document-card h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.document-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.document-content{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem;font-size:.95rem}.document-actions{display:flex;gap:.75rem}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;box-shadow:var(--shadow-md);transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card h3{margin:0;font-size:2.75rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.stat-card p{margin:.75rem 0 0;color:var(--text-tertiary);font-size:.95rem;font-weight:500}.top-faqs{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md)}.top-faqs h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.top-faqs-list{display:flex;flex-direction:column;gap:1rem}.top-faq-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-tertiary);border-radius:12px;transition:all .2s}.top-faq-item:hover{background:var(--bg-hover);transform:translate(4px)}.faq-rank{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:1.125rem;box-shadow:var(--shadow-md)}.faq-info{flex:1}.faq-question{margin:0 0 .375rem;color:var(--text-primary);font-weight:600;font-size:.95rem}.faq-count{color:var(--text-tertiary);font-weight:600;font-size:.9rem}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:600;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--border-primary);border-radius:10px;font-size:.95rem;font-family:inherit;transition:all .2s;background:var(--bg-tertiary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-hover);box-shadow:0 0 0 3px #22c55e1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.knowledge-loading,.knowledge-error{text-align:center;padding:4rem 2rem;color:var(--text-tertiary);font-size:1.1rem;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.knowledge-error{color:var(--error)}@media (max-width: 768px){.knowledge-container{padding:1rem}.knowledge-header{padding:1.5rem}.knowledge-header h1{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.images-grid,.import-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.import-progress-modal{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:16px;padding:2rem;min-width:400px;max-width:600px;box-shadow:var(--shadow-lg)}.import-progress-header{margin-bottom:1.5rem;text-align:center}.import-progress-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.import-progress-body{display:flex;flex-direction:column;gap:1rem}.import-progress-bar-container{display:flex;flex-direction:column;gap:.75rem}.import-progress-bar{width:100%;height:24px;background:var(--bg-primary);border-radius:12px;overflow:hidden;border:2px solid var(--border-primary);position:relative}.import-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:12px;transition:width .3s ease;box-shadow:0 0 20px #22c55e80;position:relative;overflow:hidden}.import-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.import-progress-text{text-align:center;color:var(--text-secondary);font-size:.95rem;font-weight:500}.import-progress-current{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.import-progress-type{color:var(--accent-primary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.import-progress-item{color:var(--text-secondary);font-size:.9rem;line-height:1.5;word-break:break-word}.documents-list,.analytics-summary{grid-template-columns:1fr}}.conversations-page{display:flex;flex-direction:column;padding:0;height:calc(100vh - 32px);background-color:var(--bg-primary);overflow:hidden;border-radius:16px;border:1px solid var(--border-primary);box-shadow:0 10px 30px #0000001a}.conversations-page.qr-view{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:16px;height:calc(100vh - 32px);border-radius:16px}.qr-container{width:480px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.qr-content{display:flex;flex-direction:column;align-items:center;text-align:center}.qr-header{margin-bottom:1.25rem;width:100%}.qr-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.01em;line-height:1.2}.qr-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400}.qr-code-container{margin:1.25rem 0;width:100%;display:flex;justify-content:center}.qr-code-placeholder{width:100%;aspect-ratio:1;max-width:240px;border-radius:16px;border:1.5px solid var(--border-primary);background:var(--bg-secondary);position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.qr-code-display{width:100%;aspect-ratio:1;max-width:200px;border-radius:12px;padding:12px;background:var(--bg-primary);border:3px solid #25d366;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.qr-code-display svg{width:100%;height:100%}.qr-code-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:20px;width:100%;height:100%}.qr-code-square{background-color:#000;border-radius:2px}.qr-code-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:#25d366;border-radius:50%}.qr-code-loading p{font-size:.95rem;margin:0;font-weight:500;color:var(--text-muted)}.qr-code-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#9ca3af}.qr-code-empty svg{opacity:.4}.qr-code-empty p{font-size:.95rem;margin:0;font-weight:500;color:var(--text-muted)}.qr-generate-button-container{margin:2rem 0;width:100%;display:flex;justify-content:center}.qr-generate-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #25d36640;width:100%}.qr-generate-button:disabled{opacity:.7;cursor:not-allowed}.qr-instructions{width:100%;max-width:500px;margin:1.25rem 0}.qr-steps{list-style:none;padding:0;margin:0;text-align:left;background:var(--bg-secondary);border-radius:16px;padding:1.25rem;border:1px solid var(--border-primary)}.qr-steps li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5;border-bottom:1px solid var(--border-primary)}.qr-steps li:last-child{border-bottom:none;padding-bottom:0}.qr-steps li:first-child{padding-top:0}.qr-steps li svg{color:#25d366;flex-shrink:0;margin-top:.125rem}.qr-steps li strong{color:var(--text-primary);font-weight:600}.qr-footer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-primary);width:100%}.qr-footer-text{font-size:.875rem;color:var(--text-muted);margin:0;font-style:italic}.conversations-layout{display:flex;width:100%;height:100%;background-color:var(--bg-secondary);position:relative}.conversations-list{width:420px;min-width:320px;max-width:500px;background-color:var(--bg-primary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;box-shadow:10px 0 15px -10px #0000001a}.conversations-list-header{background-color:var(--bg-primary);padding:1.5rem;border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.conversations-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.conversations-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;letter-spacing:-.01em}.conversations-count{font-size:.8125rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);padding:.375rem .875rem;border-radius:12px;border:1px solid var(--border-primary);white-space:nowrap}.conversations-search{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid var(--border-primary);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;outline:none;box-sizing:border-box}.search-input:focus{border-color:#22c55e;background-color:var(--bg-tertiary);box-shadow:0 0 0 3px #22c55e1a}.search-input::placeholder{color:var(--text-muted)}.temperature-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;width:100%}.temperature-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1.5px solid var(--border-primary);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer}.temperature-filter-btn:hover{background-color:var(--bg-hover);border-color:var(--border-secondary)}.temperature-filter-btn.active{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.temperature-filter-btn.temperature-frio.active{background-color:#eff6ff;border-color:#60a5fa;color:#60a5fa}.temperature-filter-btn.temperature-morno.active{background-color:#fef3c7;border-color:#fbbf24;color:#f59e0b}.temperature-filter-btn.temperature-quente.active{background-color:#fee2e2;border-color:#f87171;color:#ef4444}.temperature-filter-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-primary);border-radius:50%;background-color:var(--bg-primary);color:var(--text-tertiary);cursor:pointer;transition:all .2s;margin-left:auto}.temperature-filter-clear:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.advanced-filters-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px solid var(--border-primary);border-radius:20px;background-color:var(--bg-primary);color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-width:36px;height:32px}.advanced-filters-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.advanced-filters-btn.active{background-color:#3b82f61a;border-color:var(--info);color:var(--info)}.advanced-filters{margin-top:16px;padding:16px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.filter-select{padding:8px 12px;border:1px solid var(--border-primary);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;cursor:pointer;transition:all .2s}.filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #22c55e1a}.date-filters{display:flex;align-items:center;gap:8px}.date-input{flex:1;padding:8px 12px;border:1px solid var(--border-primary);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:all .2s}.date-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #22c55e1a}.date-filters span{font-size:13px;color:var(--text-tertiary);white-space:nowrap}.sort-controls{display:flex;gap:8px;align-items:center}.sort-controls .filter-select{flex:1}.sort-order-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:6px;background-color:var(--bg-primary);color:var(--text-tertiary);cursor:pointer;transition:all .2s}.sort-order-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.filter-actions{display:flex;gap:8px;margin-top:8px}.apply-filters-btn,.clear-filters-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.apply-filters-btn{background-color:var(--accent-primary);color:var(--text-primary)}.apply-filters-btn:hover{background-color:var(--accent-hover)}.clear-filters-btn{background-color:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-primary)}.clear-filters-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.conversations-loading,.conversations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af;flex:1;min-height:300px}.conversations-empty svg{opacity:.4;margin-bottom:1.5rem;color:#d1d5db}.conversations-empty p{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#374151}.conversations-empty span{font-size:.875rem;color:#9ca3af;font-weight:400}.conversations-list-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;background-color:var(--bg-primary)}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;border-bottom:1px solid var(--border-primary);position:relative;background-color:var(--bg-primary);min-height:80px}.conversation-item:hover{background-color:var(--bg-secondary)}.conversation-item:hover .conversation-delete-button{opacity:1;visibility:visible}.conversation-item.active{background-color:#22c55e1a;border-left:3px solid #22c55e}.conversation-delete-button{position:absolute;right:1rem;background-color:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;z-index:10}.conversation-delete-button:hover{background-color:#ef44441a;color:#ef4444}.conversation-avatar{flex-shrink:0}.conversation-avatar-circle{width:52px;height:52px;min-width:52px;border-radius:14px;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #25d36633}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.conversation-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversation-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.conversation-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0;white-space:nowrap;font-weight:500}.conversation-temperature-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.conversation-temperature-badge.temperature-frio{background-color:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.conversation-temperature-badge.temperature-morno{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.conversation-temperature-badge.temperature-quente{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.conversation-preview{font-size:.8125rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;max-width:100%}.conversation-view{flex:1;display:flex;flex-direction:column;background-color:var(--bg-tertiary);overflow:hidden;min-height:0;min-width:0;position:relative}[data-theme=light] .conversation-view{background-color:#fff;background-image:none}.conversation-view-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:48px}.empty-state-content{max-width:460px;text-align:center;color:var(--text-tertiary)}.empty-state-content svg{opacity:.4;margin-bottom:24px}.empty-state-content h2{font-size:32px;font-weight:300;color:var(--text-primary);margin:0 0 16px}.empty-state-content p{font-size:14px;line-height:1.5;margin:0 0 24px;color:var(--text-secondary)}.empty-state-divider{height:1px;background-color:var(--border-primary);margin:24px 0}.empty-state-footer{font-size:12px!important;color:var(--text-muted)!important}.conversation-view-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-tertiary);min-height:0}[data-theme=light] .conversation-view-content{background-color:#efeae2}.conversation-view-header{background-color:var(--bg-secondary);padding:10px 16px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:12px;flex-shrink:0}.conversation-view-avatar{flex-shrink:0}.conversation-view-avatar-circle{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:500;flex-shrink:0}.conversation-view-info{flex:1}.conversation-view-info h2{font-size:16px;font-weight:400;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-conversation-button{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-tertiary);cursor:pointer;padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;min-width:40px;min-height:40px}.clear-conversation-button:hover{background-color:#f871711a;border-color:var(--error);color:var(--error)}.clear-conversation-button:active{transform:scale(.95);background-color:#f8717133}.conversation-view-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:var(--bg-tertiary)}[data-theme=light] .conversation-view-messages{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='chat-pattern' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='0.5' fill='%23d4d4d4'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23chat-pattern)'/%3E%3C/svg%3E")}.conversation-view-empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);text-align:center;padding:40px}.conversation-view-empty-messages p{font-size:16px;font-weight:400;color:var(--text-primary);margin:0 0 8px}.conversation-view-empty-messages span{font-size:14px;color:var(--text-tertiary)}.message-view{display:flex;flex-direction:column;max-width:65%}.message-view.message-agent{align-self:flex-start}.message-view.message-user{align-self:flex-end}.message-view-content{padding:8px 12px;border-radius:8px;font-size:14.2px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px .5px #00000021}.message-view.message-agent .message-view-content{background-color:var(--bg-primary);color:var(--text-primary);border-top-left-radius:0;border:1px solid var(--border-primary)}[data-theme=light] .message-view.message-agent .message-view-content{background-color:#fff;border:none}.message-view.message-user .message-view-content{background-color:#d9fdd3;color:var(--text-primary);border-top-right-radius:0}[data-theme=dark] .message-view.message-user .message-view-content{background-color:#22c55e33;border:1px solid rgba(34,197,94,.3)}.message-view-time{font-size:11px;color:var(--text-muted);margin-top:4px;padding:0 8px;display:flex;align-items:center;gap:4px}.message-view.message-user .message-view-time{justify-content:flex-end}.conversation-view-messages::-webkit-scrollbar,.conversations-list::-webkit-scrollbar{width:6px}.conversation-view-messages::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track{background:transparent}.conversation-view-messages::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}[data-theme=light] .conversation-view-messages::-webkit-scrollbar-thumb,[data-theme=light] .conversations-list::-webkit-scrollbar-thumb{background:#0003}.conversation-view-messages::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}[data-theme=light] .conversation-view-messages::-webkit-scrollbar-thumb:hover,[data-theme=light] .conversations-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}[data-theme=light] .conversations-list::-webkit-scrollbar-thumb{background:#0003}.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}[data-theme=light] .conversations-list::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 1024px){.conversations-layout{flex-direction:column}.conversations-list{width:100%;max-width:100%;height:40%;min-height:250px}.conversation-view{height:60%;min-height:400px}}@media (max-width: 768px){.conversations-list{width:100%;height:35%;min-height:200px}.conversations-list-header{padding:12px}.temperature-filters{gap:4px}.temperature-filter-btn{font-size:12px;padding:5px 10px}}.settings-page{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto;background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;position:relative}.page-header:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:2px}.page-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-title svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.inline-icon{display:inline-block;vertical-align:middle}.page-subtitle{color:var(--text-tertiary);font-size:1rem;margin:0}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-tertiary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-md)}.profile-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-secondary)}.profile-title-group{display:flex;align-items:flex-start;gap:1rem}.profile-icon{color:var(--accent-primary);flex-shrink:0;margin-top:.25rem}.profile-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.profile-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.profile-content{display:flex;flex-direction:column;gap:0}.profile-form-section{padding-bottom:1.5rem}.profile-form-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.profile-form-actions{display:flex;justify-content:flex-end}.profile-save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.profile-save-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.profile-divider{height:1px;background:var(--border-secondary);margin:1.5rem 0}.asaas-section{padding:1rem 0 1.5rem}.asaas-title-group{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.asaas-title-group h3{margin:0;font-size:1rem;font-weight:600}.asaas-title-group p{margin:0;font-size:.85rem;color:var(--text-tertiary)}.asaas-form{display:flex;flex-direction:column;gap:.75rem}.asaas-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.asaas-helper-text{font-size:.8rem;color:var(--text-tertiary);margin:0}.password-section{padding-top:1.5rem}.password-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.password-title-group{display:flex;align-items:flex-start;gap:.75rem;flex:1}.password-icon{color:var(--accent-primary);flex-shrink:0;margin-top:.125rem}.password-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.password-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.password-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.password-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.password-form{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-secondary)}.password-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.password-form-actions{display:flex;justify-content:flex-end}.password-confirm-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.password-confirm-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.password-confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.profile-form-grid,.password-form-grid{grid-template-columns:1fr}}.two-factor-section{padding-top:1.5rem}.two-factor-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.two-factor-title-group{display:flex;align-items:flex-start;gap:.75rem;flex:1}.two-factor-icon{color:var(--accent-primary);flex-shrink:0;margin-top:.125rem}.two-factor-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.two-factor-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.two-factor-status{flex-shrink:0}.two-factor-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.two-factor-status-badge.enabled{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--accent-primary)}.two-factor-status-badge.disabled{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-tertiary)}.two-factor-setup-prompt{display:flex;flex-direction:column;gap:1rem}.two-factor-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.two-factor-enable-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:fit-content}.two-factor-enable-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.two-factor-setup-steps{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.step-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.step-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.qr-code-display{display:flex;justify-content:center;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid var(--border-primary);width:fit-content;margin:0 auto}.qr-code-image{width:256px;height:256px;border-radius:8px}.two-factor-secret-display{margin-top:1rem}.two-factor-secret-label{display:block;font-size:.85rem;color:var(--text-tertiary);margin-bottom:.5rem}.two-factor-secret-input-wrapper{position:relative;display:flex;align-items:center}.two-factor-secret-input{width:100%;padding:.75rem 3rem .75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-family:Courier New,monospace;letter-spacing:2px}.two-factor-copy-btn{position:absolute;right:.5rem;background:none;border:none;color:var(--accent-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.two-factor-copy-btn:hover{background:var(--bg-tertiary)}.backup-codes-display,.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.backup-code-item{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center;letter-spacing:1px}.two-factor-download-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem;width:fit-content}.two-factor-download-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.two-factor-verify{display:flex;gap:1rem;align-items:flex-start}.two-factor-token-input{flex:1;max-width:200px;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:1.5rem;font-weight:600;font-family:Courier New,monospace;text-align:center;letter-spacing:.5rem;transition:all .2s}.two-factor-token-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #22c55e1a}.two-factor-verify-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.two-factor-verify-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.two-factor-verify-btn:disabled{opacity:.6;cursor:not-allowed}.two-factor-cancel-btn{padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border-primary);color:var(--text-tertiary);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.two-factor-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.two-factor-manage{display:flex;flex-direction:column;gap:1.5rem}.two-factor-enabled-info{margin-top:1rem}.two-factor-info-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px}.two-factor-info-icon{color:var(--accent-primary);flex-shrink:0}.two-factor-info-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.two-factor-info-card p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.two-factor-actions{display:flex;gap:1rem;flex-wrap:wrap}.two-factor-backup-btn,.two-factor-disable-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.two-factor-backup-btn{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}.two-factor-backup-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.two-factor-disable-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.two-factor-disable-btn:hover{background:#ef444433;border-color:var(--error)}.backup-codes-modal{margin-top:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.backup-codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.backup-codes-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.backup-codes-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.backup-codes-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.backup-codes-content{display:flex;flex-direction:column;gap:1rem}.backup-codes-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;font-size:.85rem;color:var(--text-secondary);margin:0}.backup-codes-warning svg{color:#fbbf24;flex-shrink:0}.two-factor-disable-warning{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:1.5rem}.two-factor-disable-warning svg{color:var(--error);flex-shrink:0;margin-top:.125rem}.two-factor-disable-warning p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.password-section-header,.two-factor-section-header{flex-direction:column;gap:1rem;align-items:stretch}.password-toggle-btn,.two-factor-status{width:100%}.two-factor-verify{flex-direction:column}.two-factor-token-input{max-width:100%}.two-factor-verify-btn{width:100%;justify-content:center}.two-factor-actions{flex-direction:column}.two-factor-backup-btn,.two-factor-disable-btn{width:100%;justify-content:center}.backup-codes-grid{grid-template-columns:1fr}}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.settings-section-title{display:flex;align-items:center;gap:.75rem}.settings-section-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:1px solid}.settings-section-body{display:flex;flex-direction:column;gap:1.5rem}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.info-label{color:var(--text-tertiary);font-size:.9rem;font-weight:500}.info-value{color:var(--text-secondary);font-size:.9rem;font-weight:600}.whatsapp-premium-section{position:relative;margin-bottom:2rem}.whatsapp-premium-container{background:#fff;border:1.5px solid #e5e7eb;border-radius:32px;padding:3rem 4rem;max-width:680px;margin:0 auto;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f}.whatsapp-premium-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6}.whatsapp-premium-title-section{display:flex;align-items:flex-start;gap:1.25rem}.whatsapp-premium-icon-box{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #25d36633}.whatsapp-premium-icon-box svg{color:#fff}.whatsapp-premium-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem;letter-spacing:-.025em;line-height:1.2}.whatsapp-premium-subtitle{font-size:1rem;color:#6b7280;margin:0;font-weight:400}.whatsapp-premium-status{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.125rem;border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid}.whatsapp-premium-body{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem}.whatsapp-premium-qr-placeholder{width:100%;display:flex;justify-content:center}.whatsapp-premium-qr-box{width:320px;height:320px;border-radius:24px;border:1.5px solid #e5e7eb;background:#fafafa;display:flex;align-items:center;justify-content:center;position:relative}.whatsapp-premium-qr-inner{width:280px;height:280px;border-radius:16px;padding:16px;background:#fff;border:3px solid #25d366;box-shadow:0 4px 12px #00000014}.whatsapp-premium-qr-image{width:100%;height:100%;display:block;border-radius:12px}.whatsapp-premium-qr-empty{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#9ca3af}.whatsapp-premium-qr-empty svg{opacity:.4}.whatsapp-premium-qr-empty span{font-size:.95rem;font-weight:500;color:#9ca3af}.whatsapp-premium-qr-label{font-size:.95rem;color:#6b7280;margin:0;text-align:center;font-weight:500}.whatsapp-premium-connected{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0}.whatsapp-premium-connected svg{color:#25d366}.whatsapp-premium-connected h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.whatsapp-premium-connected p{font-size:1rem;color:#6b7280;margin:0;text-align:center}.whatsapp-premium-btn-primary{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:16px;font-size:1.0625rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #25d36640;min-width:240px}.whatsapp-premium-btn-primary:disabled{opacity:.7;cursor:not-allowed}.whatsapp-premium-btn-cancel,.whatsapp-premium-btn-danger{padding:.875rem 2rem;background:#fff;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer}.whatsapp-premium-btn-danger{color:#ef4444;border-color:#fecaca;background:#fef2f2}.whatsapp-premium-btn-cancel:disabled,.whatsapp-premium-btn-danger:disabled{opacity:.5;cursor:not-allowed}.whatsapp-premium-footer{font-size:.875rem;color:#9ca3af;text-align:center;margin:0;padding-top:2rem;border-top:1px solid #f3f4f6}.whatsapp-premium-refresh{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:12px;background:#fff;border:1.5px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;box-shadow:0 2px 8px #0000000a}.whatsapp-premium-refresh:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.whatsapp-premium-container{padding:2rem 1.5rem}.whatsapp-premium-header{flex-direction:column;gap:1.5rem}.whatsapp-premium-title{font-size:1.5rem}.whatsapp-premium-qr-box{width:280px;height:280px}.whatsapp-premium-qr-inner{width:240px;height:240px}.whatsapp-premium-refresh{position:static;margin-top:1rem;width:100%}}.settings-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:12px;color:var(--text-primary)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-tertiary);margin-top:.25rem}.integration-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-secondary)}.integration-title-group{display:flex;align-items:flex-start;gap:1rem}.integration-icon{color:var(--accent-primary);flex-shrink:0;margin-top:.25rem}.integration-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.integration-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.integration-create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.integration-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.integration-content{width:100%}.integration-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.integration-empty-icon-wrapper{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.integration-empty-icon{color:var(--accent-primary);opacity:.8}.integration-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.integration-empty-description{font-size:.95rem;color:var(--text-tertiary);margin:0 0 2rem;max-width:400px}.integration-empty-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.integration-empty-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.api-keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem}.api-key-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:16px;padding:1.75rem;transition:all .2s}.api-key-card:hover{border-color:var(--border-primary);box-shadow:0 4px 16px #0000001a}.api-key-card-new{border:2px solid var(--primary-color);background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(99,102,241,.05) 100%);box-shadow:0 0 0 3px #6366f11a,0 8px 24px #00000026;animation:pulseHighlight 2s ease-in-out infinite}@keyframes pulseHighlight{0%,to{box-shadow:0 0 0 3px #6366f11a,0 8px 24px #00000026}50%{box-shadow:0 0 0 6px #6366f126,0 8px 24px #0003}}.api-key-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-secondary)}.api-key-card-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.api-key-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;font-size:.8rem;font-weight:500;width:fit-content}.api-key-status-dot{width:8px;height:8px;border-radius:50%}.api-key-status-dot.active{background:var(--accent-primary);box-shadow:0 0 8px #22c55e80}.api-key-status-dot.inactive{background:var(--text-muted)}.api-key-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.api-key-meta{display:flex;flex-direction:column;gap:.375rem}.api-key-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-tertiary)}.api-key-meta-item svg{flex-shrink:0}.api-key-delete-btn{background:none;border:1px solid var(--border-primary);color:var(--error);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.api-key-delete-btn:hover{background:#ef44441a;border-color:var(--error)}.api-key-fields{display:flex;flex-direction:column;gap:1.5rem}.api-key-field{display:flex;flex-direction:column;gap:.75rem}.api-key-field-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.api-key-field-label-warning{color:var(--text-primary)}.warning-text{color:var(--error);font-weight:600}.api-key-input-wrapper{position:relative;display:flex;align-items:center}.api-key-input{width:100%;padding:.875rem 3.5rem .875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-family:Courier New,monospace;transition:all .2s}.api-key-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #22c55e1a}.api-key-input-private{color:var(--accent-primary);font-weight:500;border-color:#22c55e4d;background:#22c55e08}.api-key-input-disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.api-key-action-btn{position:absolute;right:.5rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:6px}.api-key-action-btn+.api-key-action-btn{right:3rem}.api-key-action-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.api-key-action-btn svg{color:var(--accent-primary)}.api-key-warning,.api-key-info-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-top:.25rem}.api-key-warning{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--error);font-weight:500;animation:fadeInWarning .5s ease-in}@keyframes fadeInWarning{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.api-key-warning svg{flex-shrink:0;color:var(--error)}.api-key-info-message{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--info)}.api-key-info-message svg{flex-shrink:0;color:var(--info)}@media (max-width: 768px){.api-keys-grid{grid-template-columns:1fr}.integration-header{flex-direction:column;gap:1rem;align-items:stretch}.integration-create-btn{width:100%;justify-content:center}}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}.form-help{color:var(--text-tertiary);font-size:.85rem;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1002;padding:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;border-radius:6px;transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.modal-close:disabled{opacity:.6;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-primary)}@media (max-width: 768px){.settings-page,.settings-section{padding:1rem}.settings-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}}.leads-temperature-container{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto}.leads-temperature-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leads-temperature-header{margin-bottom:32px}.leads-temperature-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.leads-temperature-subtitle{font-size:16px;color:var(--text-tertiary);margin:0}.leads-temperature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px}.temperature-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px;transition:all .3s;display:flex;flex-direction:column}.temperature-card:hover{transform:translateY(-4px);border-color:var(--border-secondary);box-shadow:var(--shadow-lg)}.temperature-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.temperature-icon-wrapper{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.temperature-icon-frio{background-color:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.temperature-icon-morno{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.temperature-icon-quente{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.temperature-card-info{flex:1}.temperature-card-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.temperature-card-description{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.5}.temperature-card-body{text-align:center;padding:1.5rem 0;margin-bottom:1.5rem;border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary)}.temperature-count-large{font-size:48px;font-weight:700;margin-bottom:8px}.temperature-frio .temperature-count-large{color:#60a5fa}.temperature-morno .temperature-count-large{color:#fbbf24}.temperature-quente .temperature-count-large{color:#f87171}.temperature-count-label{font-size:14px;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.5px}.temperature-card-button{width:100%;padding:12px 24px;background-color:var(--accent-primary);color:var(--text-primary);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.temperature-card-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.temperature-frio .temperature-card-button{background-color:#60a5fa33;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.temperature-frio .temperature-card-button:hover{background-color:#60a5fa4d}.temperature-morno .temperature-card-button{background-color:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.temperature-morno .temperature-card-button:hover{background-color:#fbbf244d}.temperature-quente .temperature-card-button{background-color:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.3)}.temperature-quente .temperature-card-button:hover{background-color:#f871714d}.leads-temperature-summary{margin-top:32px}.summary-card{background:#22c55e26;border:1px solid var(--accent-primary);border-radius:16px;padding:32px;text-align:center}.summary-title{font-size:18px;font-weight:600;color:var(--accent-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.summary-count{font-size:56px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.summary-description{font-size:14px;color:var(--text-tertiary);margin:0}.leads-temperature-loading,.leads-temperature-error{text-align:center;padding:64px 32px;font-size:16px;color:var(--text-tertiary)}.leads-temperature-error{color:var(--error)}.conversion-funnel-section{margin-top:48px;padding-top:32px;border-top:2px solid var(--border-primary)}.section-header{margin-bottom:32px}.section-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.section-subtitle{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.6}.funnel-loading,.funnel-error{text-align:center;padding:64px 32px;font-size:16px;color:var(--text-tertiary)}.funnel-error{color:var(--error)}.funnel-temperature-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}.funnel-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px}.funnel-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.funnel-stat-icon{flex-shrink:0}.funnel-stat-frio .funnel-stat-icon{color:#60a5fa}.funnel-stat-morno .funnel-stat-icon{color:#fbbf24}.funnel-stat-quente .funnel-stat-icon{color:#f87171}.funnel-stat-title{font-size:18px;font-weight:600;color:#fff;margin:0}.funnel-stat-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.funnel-stat-metric{display:flex;flex-direction:column;gap:4px}.funnel-stat-label{font-size:12px;color:#737373;text-transform:uppercase;letter-spacing:.5px}.funnel-stat-value{font-size:24px;font-weight:700;color:#fff}.funnel-stat-value.success{color:#22c55e}.funnel-stat-value.danger{color:#f87171}.funnel-stat-value.highlight{color:#60a5fa}.funnel-stages{margin-top:32px}.funnel-stages-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 24px}.funnel-stages-list{display:flex;flex-direction:column;gap:16px}.funnel-stage-item{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;transition:all .2s}.funnel-stage-item:hover{border-color:var(--border-secondary);transform:translate(4px)}.funnel-stage-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.funnel-stage-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--bg-tertiary);border-radius:50%;font-size:16px;font-weight:700;color:var(--text-primary);flex-shrink:0}.funnel-stage-info{flex:1}.funnel-stage-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.funnel-stage-temperature{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.funnel-stage-temperature.temperature-frio{background-color:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.funnel-stage-temperature.temperature-morno{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.funnel-stage-temperature.temperature-quente{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.funnel-stage-metrics{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.funnel-stage-count{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-tertiary)}.funnel-stage-percentage{font-size:16px;font-weight:700;color:var(--accent-primary)}.funnel-stage-bar{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.funnel-stage-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:4px;transition:width .3s ease}@media (max-width: 768px){.leads-temperature-container{padding:16px}.leads-temperature-grid{grid-template-columns:1fr}.leads-temperature-title{font-size:24px}.funnel-temperature-stats,.funnel-stat-metrics{grid-template-columns:1fr}}.kpis-container{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;background-color:var(--bg-primary);min-height:calc(100vh - 80px);color:var(--text-primary);max-width:1600px;margin:0 auto}.kpis-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpis-header:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:2px}.kpis-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;display:flex;align-items:center;gap:.75rem}.kpis-title svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.kpis-subtitle{font-size:16px;color:var(--text-tertiary);margin:0}.kpis-loading,.kpis-error{text-align:center;padding:64px 32px;font-size:16px;color:var(--text-tertiary)}.kpis-error{color:var(--error)}.kpis-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1}.filter-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.filter-select,.date-input{padding:.625rem 1rem;border:1px solid var(--border-secondary);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s}.filter-select:focus,.date-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #22c55e1a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-secondary)}.filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.date-filters{display:flex;align-items:center;gap:12px}.date-filters span{font-size:13px;color:var(--text-muted);white-space:nowrap}.kpis-overview{margin-bottom:48px}.section-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 24px}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.kpi-card{display:flex;align-items:center;gap:16px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;transition:all .2s}.kpi-card:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;flex-shrink:0}.kpi-content{flex:1}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.kpi-label{font-size:14px;color:var(--text-tertiary);margin:0 0 4px}.kpi-sublabel{font-size:12px;color:var(--text-muted);margin:0}.quality-score-bar{width:100%;height:6px;background-color:var(--bg-hover);border-radius:3px;overflow:hidden;margin-top:8px}.quality-score-fill{height:100%;background:linear-gradient(90deg,#f87171,#fbbf24,#22c55e);border-radius:3px;transition:width .3s ease}.kpis-by-agent{margin-bottom:48px}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.agent-kpi-card{padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;transition:all .2s}.agent-kpi-card:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.agent-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.agent-icon{color:var(--accent-primary)}.agent-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.agent-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.agent-metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:18px;font-weight:700;color:var(--text-primary)}.metric-value.success{color:var(--accent-primary)}.agent-temperatures{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.temperature-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.temperature-badge.temperature-frio{background-color:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.temperature-badge.temperature-morno{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.temperature-badge.temperature-quente{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.agent-peak-hours{padding-top:16px;border-top:1px solid var(--border-primary)}.peak-hours-label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:8px}.peak-hours-list{display:flex;gap:8px;flex-wrap:wrap}.peak-hour{padding:4px 8px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:12px;color:var(--text-tertiary)}.kpis-peak-hours{margin-bottom:48px}.peak-hours-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;min-height:200px}.peak-hour-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-container{width:100%;height:150px;display:flex;align-items:flex-end;position:relative}.bar-fill{width:100%;background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer;position:absolute;bottom:0}.bar-fill:hover{opacity:.8}.bar-conversions{width:100%;position:absolute;bottom:0;border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer}.bar-conversions:hover{opacity:.9}.bar-label{font-size:12px;color:var(--text-muted);font-weight:600;margin-top:8px}.bar-value{font-size:11px;color:var(--text-tertiary);font-weight:600}.bar-conversion-rate{font-size:10px;color:var(--accent-primary);font-weight:600}.peak-hours-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-primary)}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-tertiary)}.legend-color{width:16px;height:16px;border-radius:4px}.kpis-trends{margin-bottom:48px}.trends-table{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.trends-table table{width:100%;border-collapse:collapse}.trends-table thead{background-color:var(--bg-tertiary)}.trends-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.trends-table td{padding:16px;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border-primary)}.trends-table tbody tr:hover{background-color:var(--bg-tertiary)}.trends-table td.success{color:var(--accent-primary);font-weight:600}.trends-table td.warning{color:var(--warning);font-weight:600}.comparison-section{margin-bottom:48px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.comparison-card{padding:20px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s}.comparison-card:hover{border-color:var(--border-secondary);transform:translateY(-2px)}.comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.comparison-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.trend-up{color:var(--accent-primary)}.trend-down{color:var(--error)}.comparison-values{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.comparison-current{font-size:24px;font-weight:700;color:var(--text-primary)}.comparison-previous{font-size:14px;color:var(--text-muted)}.comparison-change{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-block}.comparison-change.positive{color:var(--accent-primary);background-color:#22c55e1a}.comparison-change.negative{color:var(--error);background-color:#f871711a}.comparison-change.neutral{color:var(--text-muted);background-color:#7373731a}.agent-quality{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-primary)}.quality-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quality-icon{color:var(--warning)}.quality-label{font-size:13px;color:var(--text-tertiary);flex:1}.quality-value{font-size:18px;font-weight:700;color:var(--text-primary)}.quality-bar{width:100%;height:8px;background-color:var(--bg-hover);border-radius:4px;overflow:hidden}.quality-fill{height:100%;border-radius:4px;transition:width .3s ease}@media (max-width: 768px){.kpis-container{padding:16px}.kpis-grid,.agents-grid{grid-template-columns:1fr}.kpis-filters{flex-direction:column}.peak-hours-chart{flex-direction:column;align-items:stretch}.peak-hour-bar{flex-direction:row;align-items:center}.bar-container{height:40px;width:100%}.bar-fill{height:100%;border-radius:0 4px 4px 0}}.success-conversations-container{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto}.success-conversations-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.success-filters{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap}.filter-card{flex:1;min-width:280px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--bg-primary);border:1.5px solid var(--border-secondary);border-radius:16px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.filter-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000014}.filter-card-header{display:flex;align-items:center;gap:.5rem}.filter-card-header label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-card-header svg{color:var(--accent-primary)}.filter-select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease}.date-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.date-input{flex:1;min-width:140px;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:500;outline:none;transition:all .2s ease}.date-input:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.date-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.date-separator{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.success-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-top:2rem}.conversations-list h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.loading,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.conversations-grid{display:flex;flex-direction:column;gap:1rem}.conversation-card{padding:1.5rem;background:var(--bg-primary);border:2px solid var(--border-secondary);border-radius:12px;cursor:pointer;transition:all .2s}.conversation-card:hover{border-color:var(--accent-primary);transform:translate(4px)}.conversation-card.selected{border-color:var(--accent-primary);background:var(--bg-primary)}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.conversation-lead{display:flex;flex-direction:column;gap:.25rem}.conversation-lead strong{font-size:1.125rem;color:var(--text-primary)}.conversation-agent{font-size:.875rem;color:var(--text-secondary)}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.conversation-date{font-size:.875rem;color:var(--text-secondary)}.conversation-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border-radius:8px;font-size:.875rem;color:var(--text-secondary)}.conversation-path{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.path-label{color:var(--text-secondary);font-weight:500}.path-value{color:var(--text-primary)}.conversation-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--accent-primary);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500}.conversation-details{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px;padding:1.5rem}.detail-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-label{color:var(--text-secondary);font-size:.875rem}.detail-value{color:var(--text-primary);font-weight:500;font-size:.875rem}.key-moments{display:flex;flex-direction:column;gap:1rem}.key-moment{padding:1rem;background:var(--bg-primary);border-radius:8px;border-left:3px solid var(--accent-primary)}.moment-state{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;margin-bottom:.5rem}.moment-message{font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.5}.moment-time{font-size:.75rem;color:var(--text-secondary)}.visited-states{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.state-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-primary)}@media (max-width: 1200px){.success-content{grid-template-columns:1fr}.conversation-details{position:relative;top:0;max-height:none}}@media (max-width: 768px){.success-filters{flex-direction:column;gap:1rem}.filter-card{min-width:100%}.date-filters{flex-direction:column;align-items:stretch}.date-separator{text-align:center;padding:.5rem 0}}.objections-container{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto}.objections-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.objections-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary);border-radius:12px;color:#fff}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.objections-filters-row{display:flex;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px;padding:.75rem 2rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000000a;align-items:center;gap:2.5rem;width:100%;box-sizing:border-box;flex-wrap:nowrap}.filter-item{display:flex;align-items:center;gap:1rem}.filter-item label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.filter-divider{width:1px;height:24px;background:var(--border-color);opacity:.3}.filter-select{width:auto;min-width:200px;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.date-filters-container{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:2px 12px;transition:all .3s ease;gap:.25rem}.calendar-icon{color:var(--accent-primary);opacity:.8}.date-filters-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-primary)}.date-input-wrapper{position:relative;display:flex;align-items:center}.date-input{background:transparent;border:none;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;font-weight:600;outline:none;cursor:pointer;font-family:inherit}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(var(--calendar-invert, 0));transition:opacity .2s}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-separator{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:0 .5rem;opacity:.6}.refresh-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#22c55e,#16be5a);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #22c55e33;min-height:36px;text-transform:uppercase;letter-spacing:.5px}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.refresh-button:active{transform:translateY(0)}.objections-loading,.objections-error{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.objections-content{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}.objections-section{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:16px;padding:2rem}.objections-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.category-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.category-count{font-size:.875rem;color:var(--text-secondary)}.category-resolution{display:flex;flex-direction:column;gap:.5rem}.resolution-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.resolution-fill{height:100%;transition:width .3s}.resolution-rate{font-size:.875rem;color:var(--text-secondary)}.objections-list{display:flex;flex-direction:column;gap:1rem}.objection-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.objection-card:hover{border-color:var(--accent-primary);transform:translate(4px)}.objection-card.selected{border-color:var(--accent-primary);background:var(--bg-secondary)}.objection-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.objection-text{flex:1;font-size:1.125rem;font-weight:500;color:var(--text-primary);line-height:1.5}.objection-badges{display:flex;gap:.5rem;flex-wrap:wrap}.impact-badge{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600}.frequency-badge{padding:.25rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.75rem;font-weight:600}.objection-stats{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.objection-category{font-size:.875rem;color:var(--text-secondary)}.objection-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;position:sticky;top:2rem}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.details-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.5rem;line-height:1}.detail-section{margin-bottom:2rem}.detail-section h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.objection-text-large{font-size:1.125rem;color:var(--text-primary);line-height:1.6;padding:1rem;background:var(--bg-primary);border-radius:8px}.suggested-response{padding:1rem;background:var(--bg-primary);border-left:4px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);line-height:1.6}.common-responses{display:flex;flex-direction:column;gap:1rem}.response-item{padding:1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.response-text{color:var(--text-primary);line-height:1.6;margin-bottom:.75rem}.response-metrics{display:flex;gap:1rem;font-size:.875rem}.effectiveness{color:var(--accent-primary);font-weight:500}.usage-count{color:var(--text-secondary)}.suggestions-list{display:flex;flex-direction:column;gap:1.5rem}.suggestion-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.suggestion-objection{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.suggestion-current,.suggestion-new{margin-bottom:1rem}.suggestion-current strong,.suggestion-new strong{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.response-box{padding:1rem;background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);line-height:1.6;margin-top:.5rem}.response-box.suggested{border-left:4px solid var(--accent-primary)}.suggestion-reason{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);font-size:.875rem}@media (max-width: 1024px){.objections-filters-row{flex-wrap:nowrap;overflow-x:auto;width:100%;justify-content:flex-start;padding:.6rem 1rem;gap:1rem}}.super-admin-login-container{width:100vw;height:100vh;display:flex;background:#fff;position:fixed;top:0;left:0;overflow:hidden}.super-admin-login-left-section{width:70%;height:100vh;background:linear-gradient(135deg,#22c55e,#16a34a);background-image:radial-gradient(at 0% 0%,rgba(74,222,128,.8) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(34,197,94,.8) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(21,128,61,.8) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(134,239,172,.8) 0px,transparent 50%);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.super-admin-promo-content{max-width:600px;position:relative;z-index:2;color:#fff}.super-admin-promo-title{font-size:48px;font-weight:800;color:#fff;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.1)}.super-admin-promo-subtitle{font-size:20px;color:#fffffff2;margin:0 0 40px;line-height:1.6;font-weight:400}.super-admin-promo-image-placeholder{width:100%;height:400px;background:#ffffff1a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;margin-top:40px}.super-admin-promo-image-placeholder:before{content:"Imagem promocional";color:#fff9;font-size:16px;font-weight:500}.super-admin-login-right-section{width:30%;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.super-admin-login-card{background:#fff;border-radius:0;padding:0;width:100%;max-width:100%;position:relative;z-index:1;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.super-admin-login-header{text-align:center;margin-bottom:32px}.super-admin-logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.super-admin-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #fbbf2440}.super-admin-login-header h1{color:#fbbf24;font-size:26px;font-weight:800;margin:0;letter-spacing:-.02em}.super-admin-welcome-text{color:#6b7280;font-size:14px;margin:0;font-weight:500}.super-admin-login-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.super-admin-form-group{display:flex;flex-direction:column;gap:8px}.super-admin-form-group label{color:#1f2937;font-size:13px;font-weight:600;letter-spacing:-.01em}.super-admin-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background:transparent;border:none}.super-admin-input-icon{position:absolute;left:14px;color:#9ca3af;z-index:2;pointer-events:none;width:18px;height:18px;flex-shrink:0}.super-admin-form-group input{width:100%;padding:13px 16px 13px 44px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:400;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;outline:none;box-shadow:none;line-height:1.5}.super-admin-form-group input.super-admin-password-input{padding-right:44px}.super-admin-form-group input:hover{border-color:#d1d5db}.super-admin-form-group input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.super-admin-form-group input::placeholder{color:#9ca3af;font-weight:400}.super-admin-password-toggle{position:absolute;right:12px;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:3;width:20px;height:20px;outline:none}.super-admin-password-toggle:hover{color:#fbbf24}.super-admin-password-toggle:focus{outline:none}.super-admin-login-error{padding:14px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:14px;text-align:center;font-weight:500;box-shadow:0 4px 12px #ef44444d;animation:shake .4s ease-in-out}.super-admin-login-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;box-shadow:0 2px 8px #fbbf2440;letter-spacing:-.01em;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.super-admin-login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.super-admin-login-button:hover:not(:disabled):before{width:300px;height:300px}.super-admin-login-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.super-admin-login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #fbbf244d}.super-admin-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.super-admin-security-footer{margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:6px;color:#fbbf24;font-size:12px;font-weight:500}.super-admin-security-footer svg{color:#fbbf24}.super-admin-legal-links{margin-top:16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#9ca3af}.super-admin-legal-link{color:#9ca3af;text-decoration:none;transition:color .2s}.super-admin-legal-link:hover{color:#6b7280;text-decoration:underline}.super-admin-legal-separator{color:#d1d5db}@media (max-width: 1024px){.super-admin-login-container{flex-direction:column}.super-admin-login-left-section{width:100%;height:40vh;min-height:300px}.super-admin-login-right-section{width:100%;height:60vh}.super-admin-promo-title{font-size:32px}.super-admin-promo-subtitle{font-size:16px}}@media (max-width: 480px){.super-admin-login-left-section{padding:40px 20px}.super-admin-login-right-section{padding:20px}.super-admin-login-header h1,.super-admin-promo-title{font-size:24px}}.sidebar .menu-item.active{background:linear-gradient(90deg,rgba(251,191,36,.15),transparent);color:#fbbf24;border-left:2px solid #fbbf24;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar .menu-item.active .menu-icon{opacity:1;filter:drop-shadow(0 0 5px rgba(251,191,36,.3))}.super-admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.super-admin-main-content{flex:1;margin-left:312px;min-height:100vh;padding:0 16px 16px;position:relative}.super-admin-main-content .premium-page-container{padding-top:0;margin-top:0}.super-admin-main-content .premium-banner-container{margin-top:16px}.super-admin-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#000!important}.super-admin-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #fbbf2466}.super-admin-dropdown-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#000!important}.super-admin-main-content .header{left:312px;right:0}.metrics-container{padding:0 24px 24px;margin-bottom:32px;border-radius:20px}.metrics-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.charts-grid{display:grid!important;grid-template-columns:7fr 3fr!important;gap:24px;margin-bottom:32px;width:100%!important}.chart-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity .2s}.chart-container:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001f}.chart-container:hover:before{opacity:1}.chart-container h3{margin:0 0 1.5rem;font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.chart-container h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--primary-color),var(--primary-color-dark));border-radius:2px}.loading-message,.error-message{text-align:center;padding:4rem 2rem;font-size:1.1rem;color:var(--text-secondary);font-weight:500}.error-message{color:var(--error)}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}}.analytics-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.analytics-section-compact{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:20px;transition:all .3s ease;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.analytics-section-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:0;transition:opacity .3s}.analytics-section-compact:hover{border-color:#fbbf24;box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.analytics-section-compact:hover:before{opacity:1}.analytics-section-title{margin:0 0 16px;font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.analytics-section-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:2px}.analytics-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.analytics-card-compact{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease;position:relative;overflow:hidden}.analytics-card-compact:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);opacity:0;transition:opacity .2s}.analytics-card-compact:hover{border-color:var(--border-primary);background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.analytics-card-compact:hover:before{opacity:1}.analytics-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.analytics-card-compact:hover .analytics-card-icon{transform:scale(1.05)}.analytics-card-content{flex:1;min-width:0}.analytics-card-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.analytics-card-value-compact{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:4px;letter-spacing:-.02em}.analytics-card-change{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#10b981;margin-top:4px}.analytics-card-subtitle-compact{font-size:11px;color:var(--text-tertiary);font-weight:500;margin-top:4px}.plans-section{grid-column:1 / -1}.plans-distribution-compact{display:flex;flex-direction:column;gap:12px}.plan-dist-item-compact{display:flex;flex-direction:column;gap:8px}.plan-dist-header{display:flex;justify-content:space-between;align-items:center}.plan-dist-name-compact{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.plan-dist-count-compact{font-size:13px;font-weight:700;color:var(--text-primary)}.plan-dist-bar-compact{width:100%;height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;position:relative}.plan-dist-fill-compact{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.plan-dist-fill-compact.free{background:linear-gradient(90deg,#e5e7eb,#d1d5db)}.plan-dist-fill-compact.pro{background:linear-gradient(90deg,#3b82f6,#2563eb)}.plan-dist-fill-compact.enterprise{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.super-admin-loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}@media (max-width: 1200px){.analytics-sections-grid{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-grid-compact{grid-template-columns:1fr}.analytics-section-compact{padding:16px}}.plans-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.plans-count-badge{padding:8px 16px;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:13px;font-weight:600;white-space:nowrap}.create-plan-btn-premium{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #fbbf244d;white-space:nowrap}.create-plan-btn-premium:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}.plans-section-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.plans-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:.5}.plans-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.plan-card-premium{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.plan-card-premium:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#fbbf24,#f59e0b);opacity:0;transition:opacity .3s}.plan-card-premium:hover{box-shadow:0 8px 24px #0000001f;border-color:#fbbf24;transform:translateY(-2px)}.plan-card-premium:hover:before{opacity:1}.plan-card-header-premium{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-secondary)}.plan-header-content{flex:1}.plan-name-premium{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.plan-price-premium{margin-top:4px}.price-free-premium{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.price-value-premium{font-size:2rem;font-weight:800;color:#fbbf24;letter-spacing:-.02em}.price-period-premium{font-size:1rem;font-weight:400;color:var(--text-tertiary);margin-left:4px}.plan-status-premium{flex-shrink:0}.plan-tokens-premium{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--text-primary)}.plan-tokens-premium svg{color:#fbbf24;flex-shrink:0}.recharge-info{color:var(--text-tertiary);font-weight:400}.plan-features-premium{flex:1;margin-bottom:16px}.features-title{margin:0 0 12px;font-size:13px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.features-list li{display:flex;align-items:flex-start;gap:10px;color:var(--text-primary);font-size:14px;line-height:1.5}.features-list li svg{color:#10b981;flex-shrink:0;margin-top:2px}.no-features{color:var(--text-tertiary)!important;font-style:italic}.plan-actions-premium{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--border-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.modal-close:hover{background:var(--bg-tertiary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.875rem 1.25rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-tertiary)}.feature-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.feature-input-group input{flex:1}.remove-feature-btn{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:background .2s}.remove-feature-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.add-feature-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px dashed var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;width:100%;justify-content:center}.add-feature-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10d}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.cancel-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:var(--bg-secondary)}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;background:#10b981;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.save-btn:hover{background:#059669}@media (max-width: 768px){.plans-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.plans-grid-premium{grid-template-columns:1fr}}.dashboard-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.system-section-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.system-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:.5}.section-title-premium{margin:0 0 20px;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.system-status-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.system-status-card-premium{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.system-status-card-premium:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#fbbf24,#f59e0b);opacity:0;transition:opacity .3s}.system-status-card-premium:hover{box-shadow:0 8px 24px #0000001f;border-color:#fbbf24;transform:translateY(-2px)}.system-status-card-premium:hover:before{opacity:1}.status-icon-premium{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.status-icon-premium.server{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-icon-premium.database{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-icon-premium.cpu{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-content-premium{flex:1}.status-label-premium{font-size:13px;color:var(--text-tertiary);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-value-premium{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.status-value-premium.healthy{color:#10b981}.status-value-premium.warning{color:#f59e0b}.status-value-premium.critical{color:#ef4444}.system-metrics-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.agents-distribution-premium{display:flex;flex-direction:column;gap:16px}.dist-item-premium{display:flex;flex-direction:column;gap:8px}.dist-header-premium{display:flex;justify-content:space-between;align-items:center}.dist-label-premium{font-weight:600;color:var(--text-primary);font-size:14px}.dist-value-premium{font-weight:700;color:var(--text-primary);font-size:16px}.dist-bar-premium{width:100%;height:12px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden;position:relative}.dist-fill-premium{height:100%;border-radius:8px;transition:width .5s ease;position:relative;overflow:hidden}.dist-fill-premium:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dist-fill-premium.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.dist-fill-premium.inactive{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}.dist-fill-premium.training{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.alerts-list-premium{display:flex;flex-direction:column;gap:12px}.alert-item-premium{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:1px solid;transition:all .2s ease;background:var(--bg-secondary)}.alert-item-premium:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.alert-item-premium.success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b9814d;color:#10b981}.alert-item-premium.warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b4d;color:#f59e0b}.alert-item-premium.info{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f64d;color:#3b82f6}.alert-item-premium svg{flex-shrink:0}.alert-item-premium span{font-weight:500;font-size:14px}@media (max-width: 768px){.system-status-grid-premium,.system-metrics-grid-premium{grid-template-columns:1fr}}.users-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.users-count-badge{padding:8px 16px;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:13px;font-weight:600;white-space:nowrap}.users-section-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.users-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:.5}.users-table-container{overflow-x:auto;border-radius:16px}.users-table-premium{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.users-table-premium thead{position:sticky;top:0;z-index:10}.users-table-premium th{text-align:left;padding:16px 20px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border-color);white-space:nowrap}.users-table-premium td{padding:16px 20px;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);transition:background-color .2s}.users-table-premium tbody tr{transition:all .2s ease}.users-table-premium tbody tr:hover{background:var(--bg-hover);transform:translate(2px)}.users-table-premium tbody tr:last-child td{border-bottom:none}.activity-cell{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.activity-cell svg{color:var(--text-tertiary)}.stats-cell{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.stat-item svg{color:var(--text-tertiary)}.date-cell{font-size:13px;color:var(--text-secondary)}.edit-plan-container{display:flex;flex-direction:column;gap:8px;min-width:150px}.plan-badge-premium{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize;letter-spacing:.3px;transition:all .2s;box-shadow:0 2px 4px #00000014}.plan-badge-premium.free{background:linear-gradient(135deg,#e5e7eb33,#e5e7eb1a);color:#6b7280;border:1px solid rgba(229,231,235,.3)}.plan-badge-premium.pro{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.plan-badge-premium.enterprise{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.plan-select-premium{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.plan-select-premium:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-hover)}.plan-date-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;transition:all .2s ease;width:100%}.plan-date-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-hover)}.action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.edit-actions-premium{display:flex;gap:8px}.save-btn-premium{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 2px 8px #10b9814d}.save-btn-premium:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}.cancel-btn-premium{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn-premium:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}@media (max-width: 768px){.users-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.users-table-container{overflow-x:scroll}.users-table-premium{min-width:800px}}.tokens-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.tokens-count-badge{padding:8px 16px;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:13px;font-weight:600;white-space:nowrap}.tokens-actions-premium{display:flex;gap:8px;align-items:center}.action-btn-premium{width:40px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.export-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.export-btn:hover{background:var(--bg-hover);border-color:var(--border-primary);transform:translateY(-1px)}.create-tokens-btn-premium{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #fbbf244d;white-space:nowrap}.create-tokens-btn-premium:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}.tokens-stats-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card-premium{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease;box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.stat-card-premium:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);opacity:0;transition:opacity .3s}.stat-card-premium:hover{box-shadow:0 8px 24px #0000001f;border-color:var(--border-primary);transform:translateY(-2px)}.stat-card-premium:hover:before{opacity:1}.stat-icon-premium{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.stat-card-premium:hover .stat-icon-premium{transform:scale(1.05)}.stat-content-premium{flex:1;min-width:0}.stat-value-premium{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:4px;letter-spacing:-.02em}.stat-label-premium{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tokens-section-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.tokens-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:.5}.tokens-table-container{overflow-x:auto;border-radius:16px}.tokens-table-premium{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.tokens-table-premium thead{position:sticky;top:0;z-index:10}.tokens-table-premium th{padding:16px 20px;text-align:left;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border-color);white-space:nowrap}.tokens-table-premium td{padding:16px 20px;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);transition:background-color .2s}.tokens-table-premium tbody tr{transition:all .2s ease}.tokens-table-premium tbody tr:hover{background:var(--bg-hover);transform:translate(2px)}.tokens-table-premium tbody tr:last-child td{border-bottom:none}.user-info-cell{display:flex;align-items:center;gap:12px}.user-avatar-small{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #fbbf244d}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:2px}.user-email{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tokens-value{font-size:14px;font-weight:600;color:var(--text-primary)}.tokens-remaining{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.tokens-remaining.normal{color:var(--text-primary)}.tokens-remaining.near-limit{color:#f59e0b}.tokens-remaining.over-limit{color:#ef4444}.cost-value{font-size:13px;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.usage-bar-container-premium{display:flex;align-items:center;gap:10px;min-width:120px}.usage-bar-premium{flex:1;height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;position:relative}.usage-bar-fill-premium{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.usage-bar-fill-premium.normal{background:linear-gradient(90deg,#10b981,#059669)}.usage-bar-fill-premium.near-limit{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-bar-fill-premium.over-limit{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-percentage-premium{font-size:12px;font-weight:700;color:var(--text-primary);min-width:45px;text-align:right}.status-badge-premium{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge-premium.normal{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge-premium.near-limit{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge-premium.over-limit{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.modal-content-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d;position:relative}.modal-close-premium:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.modal-close-premium:disabled{opacity:.5;cursor:not-allowed}.form-input-premium,.form-textarea-premium{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.form-input-premium:focus,.form-textarea-premium:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-hover)}.form-input-premium::placeholder,.form-textarea-premium::placeholder{color:var(--text-tertiary)}.form-input-premium:disabled,.form-textarea-premium:disabled{opacity:.6;cursor:not-allowed}.form-textarea-premium{resize:vertical;min-height:80px}.btn-cancel-premium:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.btn-cancel-premium:disabled{opacity:.5;cursor:not-allowed}.btn-save-premium:hover:not(:disabled){box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}.btn-save-premium:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.tokens-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.tokens-table-container{overflow-x:scroll}.tokens-table-premium{min-width:800px}.tokens-stats-grid-premium{grid-template-columns:1fr}}.recharge-plans-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.recharge-plans-count-badge{padding:8px 16px;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:13px;font-weight:600;white-space:nowrap}.create-recharge-plan-btn-premium{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #fbbf244d;white-space:nowrap}.create-recharge-plan-btn-premium:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}.recharge-plans-section-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.recharge-plans-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:.5}.recharge-plans-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.recharge-plan-card-premium{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.recharge-plan-card-premium:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#fbbf24,#f59e0b);opacity:0;transition:opacity .3s}.recharge-plan-card-premium:hover{box-shadow:0 8px 24px #0000001f;border-color:#fbbf24;transform:translateY(-2px)}.recharge-plan-card-premium:hover:before{opacity:1}.recharge-card-header-premium{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-secondary)}.recharge-card-content{flex:1}.recharge-plan-name-premium{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.recharge-plan-price-premium{font-size:2rem;font-weight:800;color:#fbbf24;letter-spacing:-.02em}.recharge-plan-status-premium{flex-shrink:0}.status-badge-premium{display:inline-block;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge-premium.active{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge-premium.inactive{background:linear-gradient(135deg,#6b728033,#6b72801a);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.recharge-card-body-premium{flex:1;margin-bottom:16px}.recharge-tokens-info-premium{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-tertiary);border-radius:10px;font-size:14px;font-weight:600;color:var(--text-primary)}.recharge-tokens-info-premium svg{color:#fbbf24;flex-shrink:0}.recharge-card-actions-premium{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--border-secondary)}.action-btn-premium{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.edit-btn-premium{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.edit-btn-premium:hover{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.delete-btn-premium{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.delete-btn-premium:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-overlay-premium{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d;position:relative}.modal-content-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent)}.modal-header-premium{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header-premium h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.modal-close-premium{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-premium:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body-premium{padding:24px}.form-group-premium{margin-bottom:20px}.form-row-premium{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-premium label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:13px}.checkbox-label-premium{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label-premium input[type=checkbox]{width:auto;cursor:pointer}.form-input-premium{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.form-input-premium:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-hover)}.form-input-premium::placeholder{color:var(--text-tertiary)}.modal-footer-premium{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.btn-cancel-premium{padding:12px 20px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel-premium:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.btn-save-premium{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #fbbf244d}.btn-save-premium:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}@media (max-width: 768px){.recharge-plans-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.recharge-plans-grid-premium,.form-row-premium{grid-template-columns:1fr}}.dashboard-content{position:relative;z-index:1}.payments-stats-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.payments-controls-premium{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:12px 14px 12px 42px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-hover)}.search-input::placeholder{color:var(--text-tertiary)}.filter-container{position:relative;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.filter-container:focus-within{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.filter-icon{color:var(--text-tertiary);flex-shrink:0}.filter-select{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.payments-count-badge{padding:8px 16px;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:13px;font-weight:600;white-space:nowrap}.refresh-btn-premium{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn-premium:hover{background:var(--bg-hover);border-color:#fbbf24;color:#fbbf24}.payments-section-premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.payments-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:.5}.payments-table-container-premium{overflow-x:auto;-webkit-overflow-scrolling:touch}.payments-table-premium{width:100%;border-collapse:collapse;min-width:1200px}.payments-table-premium thead{background:transparent}.payments-table-premium th{padding:16px;text-align:left;font-weight:700;font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-secondary);white-space:nowrap}.payments-table-premium td{padding:16px;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:14px}.payments-table-premium tbody tr{transition:all .2s ease}.payments-table-premium tbody tr:hover{background:var(--bg-hover)}.payment-user-info-premium{display:flex;align-items:center;gap:12px}.payment-user-avatar-premium{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.payment-user-details-premium{display:flex;flex-direction:column;gap:4px}.payment-user-name-premium{font-weight:600;color:var(--text-primary);font-size:14px}.payment-user-email-premium{font-size:12px;color:var(--text-tertiary)}.payment-plan-badge-premium{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-radius:8px;color:#fbbf24;font-size:12px;font-weight:600}.payment-amount-premium{font-weight:700;color:#10b981;font-size:15px}.status-badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.status-badge-premium.status-paid{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge-premium.status-pending{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.status-badge-premium.status-failed{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge-premium.status-refunded{background:linear-gradient(135deg,#6b728033,#6b72801a);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.payment-method-premium{font-size:13px;color:var(--text-secondary);font-weight:500}.transaction-id-premium{font-family:Courier New,monospace;font-size:12px;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;color:var(--text-primary);display:inline-block}.payment-date-premium{font-size:13px;color:var(--text-secondary)}.payment-actions-premium{display:flex;gap:8px;flex-wrap:wrap}.action-btn-premium{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn-premium:disabled{opacity:.5;cursor:not-allowed}.approve-btn-premium{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981;border:1px solid rgba(16,185,129,.2)}.approve-btn-premium:hover:not(:disabled){background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.reject-btn-premium{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.reject-btn-premium:hover:not(:disabled){background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.refund-btn-premium{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);color:#f59e0b;border:1px solid rgba(251,191,36,.2)}.refund-btn-premium:hover:not(:disabled){background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.empty-state p{margin:0;font-size:14px;color:var(--text-tertiary)}.loading-message{text-align:center;padding:4rem 2rem;font-size:1.1rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.payments-controls-premium{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.payments-stats-premium{grid-template-columns:1fr}.payments-table-container-premium{overflow-x:scroll}}.super-admin-settings-page{min-height:100vh}.settings-content{display:flex;flex-direction:column;gap:2rem;padding:0 1rem 2rem}.profile-section{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:2rem;box-shadow:var(--glass-shadow)}.profile-header{margin-bottom:2rem}.profile-title-group{display:flex;align-items:center;gap:1rem}.profile-icon{color:var(--accent-primary)}.profile-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.profile-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.profile-content,.profile-form-section{display:flex;flex-direction:column;gap:1.5rem}.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.inline-icon{color:var(--accent-primary)}.form-input{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;font-size:.95rem;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-primary)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #22c55e1a}.form-input::placeholder{color:var(--text-tertiary)}.profile-form-actions{display:flex;gap:1rem;margin-top:.5rem}.profile-save-btn{padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-family:var(--font-primary)}.profile-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.integrations-section{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:2rem;box-shadow:var(--glass-shadow)}.integrations-header{margin-bottom:2rem}.integrations-title-group{display:flex;align-items:center;gap:1rem}.integrations-icon{color:var(--accent-primary)}.integrations-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.integrations-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.integrations-content{display:flex;flex-direction:column;gap:2rem}.integration-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.integration-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #22c55e1a}.integration-card-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.integration-card-title-group{display:flex;align-items:flex-start;gap:1rem}.integration-card-icon{color:var(--accent-primary);margin-top:.25rem}.integration-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.integration-card-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.integration-card-body{display:flex;flex-direction:column;gap:1.5rem}.integration-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.integration-save-btn{padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-family:var(--font-primary);width:fit-content}.integration-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.integration-save-btn:disabled{opacity:.6;cursor:not-allowed}.integration-helper-text{font-size:.85rem;color:var(--text-tertiary);margin:0}.integration-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;letter-spacing:.01em}.integration-status-badge.connected{background:linear-gradient(135deg,#10b98126,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.loading-message{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.settings-content{padding:0 .5rem 2rem}.profile-section,.integrations-section{padding:1.5rem}.profile-form-grid{grid-template-columns:1fr}}.profile-divider{height:1px;background:var(--glass-border);margin:2rem 0;opacity:.5}.security-section{display:flex;flex-direction:column;gap:1.5rem}.security-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.security-title-group{display:flex;align-items:center;gap:.75rem}.security-icon{color:var(--accent-primary)}.security-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.security-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.security-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-hover);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.security-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.password-form-container{padding:1.5rem;background:#ffffff05;border-radius:16px;border:1px solid var(--glass-border);margin-top:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600}.status-badge.connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.disconnected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.two-factor-steps{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;background:#ffffff05;border-radius:16px;border:1px solid var(--glass-border)}.two-factor-step{display:flex;flex-direction:column;gap:1rem}.step-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.step-desc{font-size:.9rem;color:var(--text-secondary);margin:0}.qr-container{width:200px;height:200px;padding:10px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.qr-container img{width:100%;height:100%}.secret-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:10px;width:fit-content}.secret-display code{font-family:monospace;font-size:1.1rem;color:var(--accent-primary)}.secret-display button{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.secret-display button:hover{color:var(--accent-primary)}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.backup-codes-grid span{font-family:monospace;font-size:1rem;color:var(--text-primary);text-align:center;padding:.5rem;background:#ffffff0d;border-radius:6px}.verify-area{display:flex;gap:1rem;align-items:center}.verify-area .form-input{width:150px;text-align:center;letter-spacing:4px;font-size:1.25rem;font-weight:700}.text-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.text-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.text-btn.delete:hover{color:#ef4444;background:#ef44441a}.text-btn.cancel{width:fit-content;margin-top:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:500px;padding:2rem;box-shadow:0 20px 50px #0000004d;animation:modalIn .3s cubic-bezier(.165,.84,.44,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.modal-header button{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.modal-header button:hover{color:#ef4444}.warning-box{display:flex;gap:1rem;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444}.warning-box p{font-size:.9rem;line-height:1.5;margin:0}.recharge-plans-page{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto;background:var(--bg-primary);min-height:100vh}.recharge-plans-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recharge-plans-header{margin-bottom:3rem}.header-content{display:flex;align-items:center;gap:1rem}.header-content h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-primary)}.subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:600}.message-banner.success{background:#22c55e33;color:var(--status-success);border:1px solid rgba(34,197,94,.3)}.message-banner.error{background:#ef444433;color:var(--status-error);border:1px solid rgba(239,68,68,.3)}.recharge-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.recharge-plan-card{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:2px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s;position:relative}.recharge-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color, #6366f1)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.plan-badge{padding:.25rem .75rem;background:var(--primary-color, #6366f1);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.card-body{flex:1;margin-bottom:2rem}.tokens-amount{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:8px}.tokens-amount svg{color:var(--primary-color, #6366f1)}.tokens-number{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.tokens-label{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.price-section{text-align:center;margin-bottom:1.5rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.currency{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.amount{font-size:2.5rem;font-weight:700;color:var(--primary-color, #6366f1)}.price-per-token{font-size:.875rem;color:var(--text-tertiary)}.description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0;text-align:center}.card-footer{margin-top:auto}.purchase-btn{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;background:var(--primary-color, #6366f1);color:#fff}.purchase-btn:hover:not(:disabled){background:var(--primary-color-dark, #4f46e5);transform:scale(1.02)}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.no-plans{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-plans svg{margin-bottom:1rem;opacity:.5}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.token-balance-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.balance-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.balance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-color, #6366f1);border-radius:12px;color:#fff}.balance-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.balance-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.balance-item{display:flex;flex-direction:column;gap:.5rem}.balance-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.balance-value{font-size:2rem;font-weight:700}.balance-value.available{color:#10b981}.balance-value.total{color:var(--primary-color, #6366f1)}.balance-value.used{color:var(--text-secondary)}.balance-progress{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#fbbf24 70%,#ef4444);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.subscription-page{padding:0;padding-top:1rem;padding-right:2rem;padding-bottom:2rem;max-width:1600px;margin:0 auto;min-height:100vh}.subscription-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.subscription-header svg{color:var(--primary-color)}.subscription-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.subscription-header .subtitle{font-size:.95rem;color:var(--text-secondary);margin:.25rem 0 0}.subscription-loading,.subscription-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.subscription-error svg{color:var(--error)}.subscription-error button{margin-top:1rem;padding:.75rem 1.5rem;border-radius:8px;border:none;background:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.subscription-error button:hover{background:var(--primary-color-dark)}.subscription-main-container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subscription-current{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-secondary)}.subscription-current h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.current-plan-info{padding:1rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-secondary)}.current-plan-info.no-plan{text-align:center;padding:1.5rem}.current-plan-text{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.current-plan-text .plan-name{color:var(--text-primary);font-weight:600}.current-plan-text .plan-dates{color:var(--text-tertiary)}.subscription-plans{margin-bottom:2rem}.subscription-plans h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.plan-card{position:relative;padding:2rem;border-radius:20px;border:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);box-shadow:0 4px 20px #00000014;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}.plan-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001f}.plan-card.current{border-color:var(--primary-color);border-width:2px}.plan-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:#10b9811a;color:#10b981;font-size:.875rem;font-weight:600}.plan-card-header{margin-bottom:1.5rem}.plan-card-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.plan-card .plan-price{display:flex;align-items:baseline;gap:.25rem}.plan-card .price-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.plan-card .price-period{font-size:1rem;color:var(--text-secondary);font-weight:400}.plan-card-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.plan-card .plan-detail{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.plan-card .plan-detail svg{color:var(--primary-color)}.plan-card-features{flex:1;margin-bottom:1.5rem}.plan-card-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.plan-card-features li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.plan-card-features li svg{color:#10b981;flex-shrink:0}.plan-action-button{width:100%;margin-top:auto;padding:1rem;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}.plan-action-button.primary{background:var(--primary-color);color:#fff}.plan-action-button.primary:hover{background:var(--primary-color-dark);box-shadow:0 4px 12px #fbbf244d}.current-plan-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.subscription-button{padding:.625rem 1.25rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.subscription-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.subscription-button.cancel-button{border-color:#ef4444;color:#ef4444}.subscription-button.cancel-button:hover{background:#ef44441a;border-color:#ef4444}.subscription-button.history-button{border-color:var(--primary-color);color:var(--primary-color)}.subscription-button.history-button:hover{background:#fbbf241a;border-color:var(--primary-color)}.subscription-button:disabled{opacity:.5;cursor:not-allowed}.cancel-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cancel-confirm-content{background:var(--bg-primary);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.cancel-confirm-content svg{color:#ef4444}.cancel-confirm-content h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.cancel-confirm-content p{margin:0;color:var(--text-secondary);line-height:1.6}.cancel-confirm-actions{display:flex;gap:.75rem;margin-top:.5rem;width:100%}.cancel-confirm-actions .subscription-button{flex:1;justify-content:center}.plan-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.upgrade-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.upgrade-button:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.upgrade-button:disabled{opacity:.5;cursor:not-allowed}.payment-history-page{min-height:100vh;background:var(--bg-primary);padding:2rem}.payment-history-loading,.payment-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-secondary)}.payment-history-error button{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.payment-history-error button:hover{background:var(--accent-hover)}.payment-history-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.back-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.payment-history-container{max-width:1200px;margin:0 auto}.payment-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-button{padding:.625rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.filter-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.filter-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.payment-list{display:flex;flex-direction:column;gap:1rem}.payment-card{padding:1.5rem;border-radius:12px;transition:transform .2s,box-shadow .2s}.payment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.payment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.payment-status{display:flex;align-items:center;gap:.5rem}.status-icon{flex-shrink:0}.status-icon.paid{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.failed,.status-icon.refunded{color:#ef4444}.status-label{font-weight:600;font-size:.875rem}.status-label.paid{color:#10b981}.status-label.pending{color:#f59e0b}.status-label.failed,.status-label.refunded{color:#ef4444}.payment-amount{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.payment-card-body{display:flex;flex-direction:column;gap:1rem}.payment-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.payment-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.payment-info-item svg{flex-shrink:0;color:var(--text-secondary)}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.info-value.small{font-size:.75rem;font-family:monospace;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.payment-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.download-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.download-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.payment-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.payment-history-empty svg{opacity:.5}.payment-history-empty p{font-size:1.125rem;font-weight:500}@media (max-width: 768px){.payment-history-page{padding:1rem}.payment-history-header{flex-direction:column}.payment-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.payment-info-row{grid-template-columns:1fr}}.checkout-page *,.checkout-page *:before,.checkout-page *:after{box-sizing:border-box}.checkout-page{min-height:100vh;width:100%;max-width:100vw;background:#fff;padding:0;margin:0;display:flex;align-items:stretch;justify-content:flex-start;overflow-x:hidden;box-sizing:border-box}.checkout-steps-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1rem 0;gap:.5rem}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex:0 0 auto}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:#e5e7eb;color:#6b7280;border:2px solid #e5e7eb;transition:all .3s ease}.step-item.active .step-number{background:#0a7c7f;color:#fff;border-color:#0a7c7f}.step-item.completed .step-number{background:#22c55e;color:#fff;border-color:#22c55e}.step-label{font-size:.75rem;color:#6b7280;text-align:center;white-space:nowrap;transition:color .3s ease}.step-item.active .step-label{color:#0a7c7f;font-weight:600}.step-item.completed .step-label{color:#22c55e}.step-connector{height:2px;flex:1;max-width:60px;background:#e5e7eb;margin:0 .5rem;transition:background .3s ease}.step-connector.completed{background:#22c55e}.checkout-step{animation:fadeInSlide .3s ease-in-out;opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.checkout-step.hidden{display:none}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.checkout-container-content{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.checkout-expandable-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);will-change:max-height,opacity}.checkout-expandable-content.expanded{max-height:2000px;opacity:1}.checkout-loading,.checkout-error,.checkout-success{background:#fff;border-radius:12px;padding:2rem;text-align:center;max-width:500px;box-shadow:0 20px 60px #0000004d}.checkout-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.checkout-loading .spinner{animation:spin 1s linear infinite}.checkout-error{color:#dc2626}.checkout-error h2{margin:1rem 0;color:#dc2626}.checkout-success{color:#22c55e}.checkout-success h2{margin:1rem 0;color:#22c55e}.checkout-button{background:#22c55e;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.checkout-button:hover{background:#16a34a;transform:translateY(-1px)}.checkout-container{display:flex;width:100%;max-width:100vw;min-height:100vh;background:#fff;box-shadow:none;padding:0;margin:0;border-radius:0;box-sizing:border-box;overflow-x:hidden}.checkout-back-button{display:inline-flex;align-items:center;gap:.5rem;color:#0a7c7f;background:none;border:none;font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:1.5rem;transition:all .2s;padding:0}.checkout-back-button:hover{color:#0d9ba0}.form-section{margin-bottom:0}.checkout-form-simple{display:flex;flex-direction:column;gap:0}.section-title{font-size:.8125rem;font-weight:600;color:#32325d;margin:0 0 .5rem;text-transform:none;letter-spacing:0}.form-subsection{margin-top:1rem}.form-subsection:first-child{margin-top:.75rem}.subsection-title{font-size:.875rem;font-weight:600;color:#32325d;margin:0 0 .5rem;text-transform:none;letter-spacing:0}.cvc-input-wrapper{position:relative;display:flex;align-items:center}.cvc-input-wrapper input{width:100%;padding:.4375rem 2.25rem .4375rem .75rem;height:36px;font-size:.875rem}.cvc-input-wrapper .cvc-icon{position:absolute;right:.875rem;color:#9ca3af;pointer-events:none}.personal-data-grid{display:flex;flex-direction:column;gap:0}.checkout-content{display:flex;flex-direction:row;width:100%;min-height:100vh;gap:0}.checkout-summary{background:#0a7c7f;padding:2.5rem 2rem;border-radius:0;box-shadow:none;height:auto;min-height:100vh;border:none;flex:0 0 40%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.summary-logo{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:1.5rem}.logo-icon{width:32px;height:32px;border-radius:8px;background:#fff;color:#0a7c7f;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.logo-text{font-size:1.25rem;font-weight:600;color:#fff}.summary-content{flex:1;max-width:360px;margin:0 auto;width:100%}.summary-plan-name{font-size:.95rem;margin:0 0 .5rem;color:#fffc;font-weight:500}.summary-price{display:flex;align-items:baseline;gap:.5rem;margin:0 0 1.25rem}.summary-price-value{font-size:2.25rem;font-weight:700;color:#fff}.summary-price-period{font-size:.9rem;color:#ffffffb3}.summary-details{display:flex;flex-direction:column;gap:.65rem}.summary-item{display:flex;justify-content:space-between;font-size:.875rem;color:#fffc;padding:.25rem 0}.summary-value{font-weight:500;color:#fff}.summary-expiry{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #86efac;font-size:.85rem;color:#6b7280}.checkout-form-container{background:#fff;padding:2rem 3rem;border-radius:0;box-shadow:none;border:none;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;max-width:500px}.checkout-form{display:flex;flex-direction:column;gap:0}.checkout-form-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1.5rem;letter-spacing:-.02em}.quick-payment-buttons{display:flex;gap:.75rem;margin-bottom:.5rem}.apple-pay-button{flex:1;padding:.875rem 1rem;background:#000;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease}.apple-pay-button:hover{background:#1a1a1a}.apple-pay-icon{font-size:1.25rem}.link-pay-button{flex:1;padding:.875rem 1rem;background:#0a7c7f;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease}.link-pay-button:hover{background:#0d9ba0}.link-icon{font-size:1rem}.or-separator{text-align:center;margin:1rem 0;position:relative;color:#8898aa;font-size:.875rem}.or-separator:before,.or-separator:after{content:"";position:absolute;top:50%;width:calc(50% - 3rem);height:1px;background:#e6ebf1}.or-separator:before{left:0}.or-separator:after{right:0}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.checkout-form-simple .form-group{margin-bottom:.875rem}.checkout-form-simple .form-group:last-child{margin-bottom:0}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:500;color:#374151;font-size:.75rem;margin-bottom:.25rem;letter-spacing:-.01em}.form-group input,.form-group select{padding:.4375rem .75rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;height:36px;transition:all .2s ease;background:#fff;color:#111827;font-weight:400;line-height:1.4}.form-group input:focus,.form-group select:focus{border-color:#0a7c7f;outline:none;box-shadow:0 0 0 3px #0a7c7f14;background:#fafafa}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:.875rem}.checkout-form-simple .form-row{margin-bottom:.875rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.875rem;color:#9ca3af;z-index:1}.card-input-wrapper{position:relative}.card-brand-badge{position:absolute;left:.875rem;font-size:.65rem;font-weight:700;color:#0a7c7f;background:linear-gradient(135deg,#e0f2fe,#bae6fd);padding:.25rem .5rem;border-radius:5px;z-index:1;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(10,124,127,.2);box-shadow:0 1px 2px #0000000d}.input-with-icon input{padding-left:2.5rem;width:100%;height:36px;padding-top:.4375rem;padding-bottom:.4375rem}.form-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.9rem}.form-info{padding:.75rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1e40af;font-size:.9rem;text-align:center}.checkout-submit-button{background:#0a7c7f;color:#fff;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:0;width:100%;box-shadow:0 2px 8px #0a7c7f33;letter-spacing:-.01em;height:40px;flex:1}.checkout-submit-button:hover:not(:disabled){background:#088a8e;transform:translateY(-1px);box-shadow:0 3px 10px #0a7c7f4d}.checkout-submit-button:disabled{opacity:.6;cursor:not-allowed}.checkout-submit-button .spinner{animation:spin 1s linear infinite}.inline-icon{display:inline-flex;vertical-align:middle}.checkout-stepper{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem 0}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex:1;max-width:150px;cursor:pointer;background:none;border:none;padding:0;transition:all .2s}.stepper-step:hover{transform:translateY(-2px)}.stepper-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;border:2px solid #e5e7eb;transition:all .3s}.stepper-step.active .stepper-icon{background:#22c55e;color:#fff;border-color:#22c55e;box-shadow:0 4px 12px #22c55e4d}.stepper-step.current .stepper-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stepper-label{font-size:.85rem;color:#6b7280;font-weight:500;text-align:center}.stepper-step.active .stepper-label{color:#22c55e;font-weight:600}.stepper-line{flex:1;height:2px;background:#e5e7eb;margin:0 .5rem;max-width:100px;margin-top:-20px}.stepper-step.active+.stepper-line{background:#22c55e}.payment-methods-radio{display:flex;flex-direction:row;gap:.75rem;margin-bottom:.75rem;width:100%;max-width:100%;box-sizing:border-box}.payment-radio{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:1px solid #e6ebf1;border-radius:6px;background:#fff;cursor:pointer;transition:all .15s ease;flex:1;min-width:0;box-sizing:border-box}.payment-radio:hover{border-color:#0a7c7f}.payment-radio.active{border-color:#0a7c7f;background:#f0fdf4}.payment-radio input[type=radio]{margin:0;cursor:pointer;accent-color:#0a7c7f}.payment-radio svg{color:#8898aa;flex-shrink:0}.payment-radio.active svg{color:#0a7c7f}.payment-radio span{font-size:.9375rem;font-weight:500;color:#32325d}.pix-info{padding:1rem 1.25rem;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:8px;margin-bottom:1.5rem}.pix-info p{margin:0;font-size:.875rem;color:#0369a1;font-weight:500}.summary-divider{height:1px;background:#e6ebf1;margin:1.5rem 0}.checkout-navigation{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.checkout-nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.checkout-nav-button-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;margin-left:auto}.checkout-nav-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #22c55e4d}.checkout-nav-button-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.checkout-nav-button-secondary:hover:not(:disabled){background:#e5e7eb}.checkout-nav-button:disabled{opacity:.6;cursor:not-allowed}.checkout-nav-button .spinner{animation:spin 1s linear infinite}.pix-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pix-modal{background:linear-gradient(180deg,#fff,#fafbfc);border-radius:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:slideUpModal .35s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.2)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pix-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem 1.25rem;border-bottom:none;background:linear-gradient(135deg,#32bcad,#0a7c7f);border-radius:24px 24px 0 0;position:relative;overflow:hidden}.pix-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.2),transparent 70%);pointer-events:none}.pix-modal-header h3{margin:0;font-size:1.375rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.625rem;position:relative;z-index:1}.pix-modal-header h3 svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));flex-shrink:0}.pix-modal-close{background:#fff3;border:none;font-size:1.25rem;color:#fff;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pix-modal-close:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.pix-modal-content{padding:2rem 1.75rem 1.75rem;background:#fff}.pix-status{text-align:center;margin-top:0;padding:1.25rem 1rem;background:linear-gradient(135deg,#fef9c3,#fef08a);border-radius:14px;border:2px solid #facc15;box-shadow:0 4px 6px -1px #facc1533;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 4px 6px -1px #facc1533}50%{box-shadow:0 4px 12px -1px #facc1566}}.pix-status.compact{margin-top:0;margin-bottom:0;padding:1rem;font-size:.9375rem}.pix-status-icon{font-size:2.5rem;margin-bottom:.625rem;animation:iconBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pix-status-text{margin:0;font-weight:600;color:#854d0e;font-size:.9375rem}.pix-status.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;box-shadow:0 4px 6px -1px #10b98133;animation:none}.pix-status.paid .pix-status-icon{animation:none;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.pix-status.paid .pix-status-text{color:#065f46}.pix-qr-section{margin-bottom:1.75rem}.pix-instruction{text-align:center;font-size:.9375rem;color:#4b5563;margin-bottom:1.25rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.pix-instruction svg{flex-shrink:0;color:#32bcad}.pix-qr-container{display:flex;justify-content:center;align-items:center;padding:1.75rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.pix-qr-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(50,188,173,.05) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.pix-qr-image{max-width:260px;width:100%;height:auto;border-radius:12px;position:relative;z-index:1;box-shadow:0 8px 16px #0000001a}.pix-copy-section{margin-bottom:1.75rem}.pix-copy-container{display:flex;gap:.75rem;align-items:stretch}.pix-copy-input{flex:1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.8125rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:linear-gradient(135deg,#fafbfc,#fff);color:#1f2937;transition:all .2s ease;outline:none}.pix-copy-input:focus{border-color:#32bcad;box-shadow:0 0 0 3px #32bcad1a}.pix-copy-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#32bcad,#0a7c7f);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #0a7c7f33,0 2px 4px -1px #0a7c7f1a}.pix-copy-button svg{flex-shrink:0}.pix-copy-button.copied{background:linear-gradient(135deg,#10b981,#059669)}.pix-copy-button:hover{background:linear-gradient(135deg,#3dcdbd,#0b9094);transform:translateY(-2px);box-shadow:0 8px 12px -2px #0a7c7f4d,0 4px 6px -1px #0a7c7f33}.pix-copy-button:active{transform:translateY(0);box-shadow:0 2px 4px #0a7c7f33}.pix-hint{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem}.pix-hint p{margin:.625rem 0;font-size:.875rem;color:#166534;font-weight:500;display:flex;align-items:center;gap:.625rem}.pix-hint-icon{flex-shrink:0;color:#166534}.pix-hint p:first-child{margin-top:0}.pix-hint p:last-child{margin-bottom:0}@media (max-width: 1024px){.checkout-content{flex-direction:column}.checkout-summary{max-width:100%;min-height:auto;border-right:none;border-bottom:1px solid #e6ebf1}.checkout-form-container{max-width:100%}.form-row{grid-template-columns:1fr}.pix-qr-image{max-width:200px}.pix-copy-container{flex-direction:column}.pix-copy-button{width:100%}}@media (max-width: 640px){.payment-methods{flex-direction:column}.payment-card{max-width:100%}.personal-data-grid{grid-template-columns:1fr}}.premium-page-container{padding:0;padding-right:2rem;padding-bottom:2rem;width:100%;margin:0;min-height:100vh}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.premium-banner-container{width:100%;background:#22c55e;background-image:radial-gradient(at 0% 0%,rgba(74,222,128,.8) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(34,197,94,.8) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(21,128,61,.8) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(134,239,172,.8) 0px,transparent 50%);border:none;border-radius:32px;margin-bottom:2.5rem;margin-top:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.5rem 3rem 1.5rem;position:relative;overflow:hidden;min-height:180px}.premium-banner-container:before{content:none}.premium-banner-container:after{content:none}@keyframes banner-glow{0%{transform:rotate(0) translate(0)}to{transform:rotate(5deg) translate(-5%,-5%)}}.banner-shape{position:absolute;pointer-events:none;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.shape-1{top:-10%;left:-5%;width:400px;height:400px;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:40% 60% 70% 30%/40% 50% 60%;animation:morphing 20s infinite alternate linear}.shape-2{bottom:-20%;right:-10%;width:500px;height:500px;background:linear-gradient(225deg,rgba(255,255,255,.1) 0%,transparent 60%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morphing 15s infinite alternate-reverse linear}@keyframes morphing{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.shape-3{top:10%;right:15%;width:200px;height:200px;background:#ffffff0d;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transform:rotate(15deg);animation:floating 8s infinite alternate ease-in-out}@keyframes floating{0%{transform:rotate(15deg) translateY(0)}to{transform:rotate(20deg) translateY(-20px)}}.shape-4{bottom:15%;left:10%;width:120px;height:120px;background:#ffffff08;border-radius:50%}.shape-5{top:40%;right:5%;width:80px;height:80px;background:#ffffff0a;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:rotate(-10deg)}.premium-banner-container .page-title{color:#fff;margin-bottom:.5rem;font-size:2.25rem;font-weight:800;z-index:2;letter-spacing:-.03em;text-shadow:none;position:relative}.premium-banner-container .page-title svg{color:#fff;filter:none}.premium-banner-container .page-subtitle{color:#fff;font-size:1.05rem;font-weight:500;margin:0;z-index:2;text-shadow:none;max-width:600px}.premium-banner-container .inline-icon{display:inline-block;vertical-align:middle;margin-right:.75rem}.premium-page-header{margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.premium-page-header:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.premium-page-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.premium-page-title h1{margin:0;font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.premium-page-title svg{color:var(--warning);filter:drop-shadow(0 0 10px rgba(251,191,36,.4))}.premium-page-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-top:.5rem;font-weight:400}.premium-card{background:#dcfce70d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(34,197,94,.2);border-radius:24px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -1px #0003;position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .3s}.premium-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 20px 40px -5px #0003,var(--shadow-glow)}.premium-card:hover:before{opacity:.5}.premium-section{background:#dcfce708;border:1px solid rgba(34,197,94,.15);border-radius:24px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.premium-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.premium-section h2:before{content:"";width:6px;height:24px;background:var(--gradient-primary);border-radius:3px;box-shadow:0 0 10px #22c55e66}.premium-button{padding:.875rem 1.75rem;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.premium-button:hover{background:var(--bg-hover);border-color:var(--text-tertiary);transform:translateY(-1px)}.premium-button.primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 12px #22c55e4d}.premium-button.primary:hover{box-shadow:0 6px 20px #22c55e80;filter:brightness(1.1)}.premium-button.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 12px #10b9814d}.premium-button.success:hover{box-shadow:0 6px 20px #10b98180;filter:brightness(1.1)}.premium-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 12px #ef44444d}.premium-button.danger:hover{box-shadow:0 6px 20px #ef444480;filter:brightness(1.1)}.premium-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-secondary);border-radius:20px;overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.premium-table thead{background:var(--bg-hover)}.premium-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--border-primary)}.premium-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);transition:background-color .2s}.premium-table tbody tr{transition:background-color .2s}.premium-table tbody tr:hover{background:#ffffff08}.premium-table tbody tr:last-child td{border-bottom:none}.premium-input,.premium-select,.premium-textarea{width:100%;padding:1rem 1.25rem;border:1px solid var(--border-primary);border-radius:14px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000001a}.premium-input:focus,.premium-select:focus,.premium-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #22c55e1a;background:var(--bg-hover)}.premium-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.02em;transition:all .2s;box-shadow:0 2px 4px #0000001a}.premium-badge.success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.premium-badge.warning{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.premium-badge.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.premium-badge.info{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.premium-stat-card{background:var(--bg-secondary);background:linear-gradient(135deg,#141414cc,#0a0a0ae6);border-radius:24px;padding:2rem;border:1px solid var(--border-primary);transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.premium-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);opacity:.5;transition:opacity .3s}.premium-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -5px #0003;border-color:var(--accent-primary)}.premium-stat-card:hover:before{opacity:1;box-shadow:0 0 15px var(--accent-primary)}.premium-stat-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff08;margin-bottom:1rem}.premium-stat-value{font-size:3rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.5rem;letter-spacing:-.04em;background:linear-gradient(to right,#fff,#a1a1aa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.premium-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.nutriclass-events-page{padding:2rem;max-width:1600px;margin:0 auto}.nutriclass-events-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.refresh-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.refresh-btn svg{color:var(--text-primary)}.refresh-btn:active svg{animation:spin .5s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nutriclass-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-align:center}.stat-card.stat-success{border-color:#22c55e4d;background:#22c55e0d}.stat-card.stat-error{border-color:#ef44444d;background:#ef44440d}.stat-card.stat-pending{border-color:#fbbf244d;background:#fbbf240d}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-label{font-size:.85rem;color:var(--text-secondary)}.nutriclass-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.9rem;color:var(--text-secondary)}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:var(--accent-primary)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.nutriclass-events-list{display:flex;flex-direction:column;gap:1rem}.event-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .2s}.event-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.event-type{display:flex;align-items:center;gap:.5rem}.event-type-label{font-weight:600;color:var(--text-primary)}.icon-success{color:#22c55e}.icon-error{color:#ef4444}.icon-warning{color:#fbbf24}.icon-info{color:#3b82f6}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.status-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.status-processing{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.event-card-body{display:flex;flex-direction:column;gap:1rem}.event-paciente{display:flex;flex-direction:column;gap:.5rem}.paciente-info{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.paciente-contact{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.event-dados{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.dado-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.dado-item strong{color:var(--text-primary);margin-right:.25rem}.event-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.9rem}.event-success{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:.9rem}.event-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-secondary)}.event-timestamps{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-tertiary)}.event-timestamps>div{display:flex;align-items:center;gap:.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state svg{color:var(--text-tertiary);margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.nutriclass-events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.spinning{animation:spin 1s linear infinite}.login-container{width:100vw;height:100vh;display:flex;background:#fff;position:fixed;top:0;left:0;overflow:hidden}.login-left-section{width:70%;height:100vh;background:linear-gradient(135deg,#22c55e,#16a34a);background-image:radial-gradient(at 0% 0%,rgba(74,222,128,.8) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(34,197,94,.8) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(21,128,61,.8) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(134,239,172,.8) 0px,transparent 50%);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.promo-content{max-width:600px;position:relative;z-index:2;color:#fff}.promo-title{font-size:48px;font-weight:800;color:#fff;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.1)}.promo-subtitle{font-size:20px;color:#fffffff2;margin:0 0 40px;line-height:1.6;font-weight:400}.promo-image-placeholder{width:100%;height:400px;background:#ffffff1a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;margin-top:40px}.promo-image-placeholder:before{content:"Imagem promocional";color:#fff9;font-size:16px;font-weight:500}.login-right-section{width:30%;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.login-card{background:#fff;border-radius:0;padding:0;width:100%;max-width:100%;position:relative;z-index:1;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.login-header{text-align:center;margin-bottom:32px}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 2px 8px #22c55e40}.login-header h1{color:#22c55e;font-size:26px;font-weight:800;margin:0;letter-spacing:-.02em}.welcome-text{color:#6b7280;font-size:14px;margin:0;font-weight:500}.login-tabs{display:flex;gap:6px;margin-bottom:28px;background:#22c55e1a;padding:4px;border-radius:10px;border:1px solid rgba(34,197,94,.2)}.login-tabs button{flex:1;padding:10px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.login-tabs button:hover{color:#22c55e;background:#22c55e1a}.login-tabs button.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.login-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.form-group label{color:#1f2937;font-size:13px;font-weight:600;letter-spacing:-.01em}.password-label-row{display:flex;justify-content:space-between;align-items:center;width:100%}.input-wrapper{position:relative;display:flex;align-items:center;width:100%;background:transparent;border:none}.input-icon{position:absolute;left:14px;color:#9ca3af;z-index:2;pointer-events:none;width:18px;height:18px;flex-shrink:0}.form-group input{width:100%;padding:13px 16px 13px 44px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:400;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;outline:none;box-shadow:none;line-height:1.5}.form-group input.password-input{padding-right:44px}.form-group input:hover{border-color:#d1d5db}.form-group input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-group input::placeholder{color:#9ca3af;font-weight:400}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:3;width:20px;height:20px;outline:none}.password-toggle:hover{color:#22c55e}.password-toggle:focus{outline:none}.forgot-password-link{background:transparent;border:none;color:#22c55e;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:all .2s;display:inline-block;white-space:nowrap}.forgot-password-link:hover{color:#16a34a;text-decoration:underline}.form-group small{color:#6b7280;font-size:12px;font-weight:500}.error-message{padding:14px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:14px;text-align:center;font-weight:500;box-shadow:0 4px 12px #ef44444d;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;box-shadow:0 2px 8px #22c55e40;letter-spacing:-.01em;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-button:hover:not(:disabled):before{width:300px;height:300px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #22c55e4d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#9ca3af;font-size:13px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{padding:0 12px}.google-button{width:100%;padding:13px 20px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937}.google-button:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.create-account-link{text-align:center;margin-top:24px;color:#4b5563;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.create-account-button{background:transparent;border:none;color:#22c55e;font-size:13px;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.create-account-button:hover{color:#16a34a;text-decoration:underline}.security-footer{margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:6px;color:#22c55e;font-size:12px;font-weight:500}.security-footer svg{color:#22c55e}.legal-links{margin-top:16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#9ca3af}.legal-link{color:#9ca3af;text-decoration:none;transition:color .2s}.legal-link:hover{color:#6b7280;text-decoration:underline}.legal-separator{color:#d1d5db}.two-factor-header{text-align:center;margin-bottom:32px}.two-factor-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.two-factor-header p{color:#666;font-size:14px;margin:0;font-weight:500}.two-factor-input{text-align:center!important;font-size:28px!important;letter-spacing:12px!important;font-family:Courier New,monospace!important;font-weight:700!important;padding:18px!important}.two-factor-buttons{display:flex;gap:12px;margin-top:24px}.back-button{flex:1;padding:14px 20px;background:#f3f4f6cc;border:2px solid rgba(229,231,235,.8);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#f3f4f6;border-color:#e5e7eb;color:#1a1a1a;transform:translateY(-1px)}@media (max-width: 1024px){.login-container{flex-direction:column}.login-left-section{width:100%;height:40vh;min-height:300px}.login-right-section{width:100%;height:60vh}.promo-title{font-size:32px}.promo-subtitle{font-size:16px}}@media (max-width: 480px){.login-left-section{padding:40px 20px}.login-right-section{padding:20px}.login-header h1{font-size:28px}.promo-title{font-size:24px}.two-factor-buttons{flex-direction:column}.back-button{width:100%}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:20px}.forgot-password-container{width:100%;max-width:440px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:40px;box-shadow:var(--shadow-lg)}.forgot-password-header{text-align:center;margin-bottom:32px;position:relative}.back-button{position:absolute;left:0;top:0;background:transparent;border:1px solid var(--border-primary);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.back-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.forgot-password-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.forgot-password-header p{font-size:14px;color:var(--text-muted);margin:0}.error-message{background-color:#ef444426;border:1px solid var(--error);border-radius:8px;padding:12px 16px;color:var(--error);font-size:14px;margin-bottom:24px}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.input-wrapper input{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:12px 16px 12px 48px;color:var(--text-primary);font-size:14px;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-hover)}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.input-wrapper input::placeholder{color:var(--text-muted)}.btn-primary{width:100%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;border-radius:10px;padding:14px 24px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.forgot-password-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid var(--border-primary)}.forgot-password-footer p{font-size:14px;color:var(--text-muted);margin:0}.link-button{background:transparent;border:none;color:var(--accent-primary);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.link-button:hover{color:var(--accent-hover)}.forgot-password-success{text-align:center;padding:24px 0}.success-icon{color:var(--accent-primary);margin-bottom:24px}.forgot-password-success h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.forgot-password-success p{font-size:14px;color:var(--text-muted);margin:0 0 32px;line-height:1.6}.forgot-password-success strong{color:var(--text-primary)}.app{display:flex;min-height:100vh;background-color:var(--bg-primary)}.app-main{flex:1;margin-left:312px;min-height:100vh;background-color:var(--bg-primary);padding:16px}@media (max-width: 768px){.app-main{margin-left:0}}.theme-toggle{position:relative}.theme-toggle:hover{transform:rotate(15deg);transition:transform .2s ease}.checkout-standalone{min-height:100vh;width:100vw;background:#fff;display:flex;align-items:stretch;justify-content:flex-start;padding:0;margin:0;overflow-x:hidden}:root{--font-primary: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #121212;--bg-hover: #1a1a1a;--bg-active: #222222;--glass-bg: rgba(10, 10, 10, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .15);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--text-muted: #3f3f46;--border-primary: #18181b;--border-secondary: #27272a;--border-tertiary: #3f3f46;--accent-primary: #22c55e;--accent-secondary: #16a34a;--accent-hover: #15803d;--accent-glow: rgba(34, 197, 94, .4);--gradient-primary: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-dark: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, 0) 100%);--gradient-glow: radial-gradient(circle at center, rgba(34, 197, 94, .15) 0%, transparent 70%);--success: #22c55e;--warning: #fbbf24;--error: #ef4444;--info: #3b82f6;--status-success: #22c55e;--status-warning: #fbbf24;--status-error: #ef4444;--status-info: #3b82f6;--priority-high: #ef4444;--priority-medium: #fbbf24;--priority-low: #3b82f6;--border-color: var(--border-primary);--accent-primary-hover: var(--accent-hover);--primary-color: #22c55e;--primary-color-dark: #16a34a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(34, 197, 94, .15)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-muted: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-tertiary: #94a3b8;--accent-primary: #22c55e;--accent-secondary: #16a34a;--accent-hover: #15803d;--accent-glow: rgba(34, 197, 94, .25);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--priority-high: #ef4444;--priority-medium: #f59e0b;--priority-low: #3b82f6;--border-color: var(--border-primary);--accent-primary-hover: var(--accent-hover);--primary-color: #22c55e;--primary-color-dark: #16a34a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-glow: 0 0 15px rgba(34, 197, 94, .1)}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}button,a,input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}body.dark-theme,body.light-theme{background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;min-height:100vh}