@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";.notification-panel{position:absolute;top:100%;right:0;margin-top:.5rem;width:380px;max-height:480px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 40px #0006;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.08)}.notification-panel-header h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.notification-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;color:#3b82f6;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.action-btn:hover{background:rgba(59,130,246,.1)}.action-btn.clear{color:#f87171}.action-btn.clear:hover{background:rgba(248,113,113,.1)}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.notification-empty p{margin:0;font-size:.9rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .2s;position:relative;border-bottom:1px solid rgba(0,0,0,.05)}.notification-item:hover,.notification-item.unread{background:rgba(59,130,246,.05)}.notification-item.unread:hover{background:rgba(59,130,246,.1)}.notification-type-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.notification-message{font-size:.8rem;color:#6b7280;line-height:1.4;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:.7rem;color:#9ca3af}.unread-dot{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:8px;height:8px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:50%}@media (max-width: 480px){.notification-panel{width:calc(100vw - 2rem);right:-1rem}}.user-menu-wrapper{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;cursor:pointer;transition:all .2s}.user-menu-trigger:hover,.user-menu-trigger.active{background:var(--color-surface-hover, #F9FAFB);border-color:var(--color-primary, #3B82F6)}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.user-role{font-size:.7rem;color:var(--color-text-muted, #9CA3AF);text-transform:capitalize}.dropdown-arrow{font-size:.625rem;color:var(--color-text-muted, #9CA3AF);transition:transform .2s;margin-left:.25rem}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:280px;background:var(--color-surface, #FFFFFF);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;box-shadow:0 20px 40px #00000026;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:.875rem;padding:1.25rem;background:var(--color-surface-alt, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB)}.dropdown-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.dropdown-user-info{display:flex;flex-direction:column;gap:.25rem}.dropdown-name{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827)}.dropdown-email{font-size:.8rem;color:var(--color-text-secondary, #4B5563)}.dropdown-divider{height:1px;background:var(--color-border, #E5E7EB);margin:0}.dropdown-menu{padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.dropdown-item:hover{background:var(--color-surface-alt, #F3F4F6)}.dropdown-icon{font-size:1rem;color:var(--color-text-secondary, #4B5563)}.dropdown-label{font-size:.875rem;color:var(--color-text-primary, #111827)}.dropdown-item.danger:hover{background:rgba(239,68,68,.1)}.dropdown-item.danger .dropdown-icon,.dropdown-item.danger .dropdown-label{color:#ef4444}.dropdown-item.admin{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2)}.dropdown-item.admin:hover{background:rgba(59,130,246,.12);border-color:#3b82f64d}.dropdown-item.admin .dropdown-label{color:var(--color-primary, #3B82F6);font-weight:600}@media (max-width: 480px){.user-dropdown{width:calc(100vw - 2rem);right:-1rem}.user-info{display:none}}.milestone-progress-card{background:var(--bg-primary);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.milestone-title{font-size:1.5rem;color:var(--text-primary);margin:0 0 20px;display:flex;align-items:center;gap:8px}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.track-card{background:var(--bg-secondary);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-light)}.track-card:hover{transform:translateY(-4px);background:var(--bg-tertiary);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.track-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.track-icon{font-size:1.5rem}.track-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.track-levels{display:flex;gap:8px;margin-bottom:12px}.level-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:2px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-tertiary);transition:all .3s ease}.level-badge.unlocked{background:var(--color-primary);color:#fff;border-color:var(--color-primary);animation:unlockPulse .5s ease-out}@keyframes unlockPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.progress-bar-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:4px;transition:width .5s ease}.track-stats{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.credits{color:var(--color-success);font-weight:500}.next-milestone{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);padding-top:8px;border-top:1px solid var(--border-light)}.next-label{color:var(--text-tertiary)}.next-value{color:var(--text-primary)}.next-progress{color:var(--color-primary);font-weight:500}.credits-widget{background:linear-gradient(145deg,var(--color-success),#22c55e);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(74,222,128,.2)}.credits-info h4{color:#ffffffe6;margin:0 0 4px;font-size:.9rem;font-weight:500}.credits-amount{font-size:2rem;font-weight:700;color:#fff;margin:0}.apply-credits-btn{background:#fff;color:var(--color-success);border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-credits-btn:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-2px)}.apply-credits-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.offers-section{margin-top:24px}.offers-title{font-size:1.25rem;color:var(--text-primary);margin:0 0 16px}.offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.offer-card{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-light);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.offer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover))}.offer-badge{position:absolute;top:12px;right:12px;background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.offer-title{font-size:1.25rem;color:var(--text-primary);margin:0 0 8px}.offer-description{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem}.offer-value{font-size:2rem;font-weight:700;color:var(--color-success);margin-bottom:8px}.offer-details{color:var(--text-secondary);font-size:.85rem;margin-bottom:16px}.offer-expires{color:var(--color-warning);font-size:.8rem;margin-bottom:16px}.claim-offer-btn{width:100%;background:var(--color-primary);color:#fff;border:none;padding:14px;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.claim-offer-btn:hover{transform:translateY(-2px);background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.no-offers{text-align:center;padding:40px;color:var(--text-tertiary)}@media (max-width: 768px){.tracks-grid{grid-template-columns:1fr}.milestone-progress-card{padding:16px}.credits-widget{flex-direction:column;gap:16px;text-align:center}.apply-credits-btn{width:100%}}.milestone-progress-card.compact{background:transparent;border:none;padding:0;margin-bottom:0;box-shadow:none}.milestone-progress-card.compact .milestone-title{display:none}.milestone-progress-card.compact .tracks-grid{display:flex;flex-direction:row;gap:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.milestone-progress-card.compact .tracks-grid::-webkit-scrollbar{height:4px}.milestone-progress-card.compact .tracks-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:2px}.milestone-progress-card.compact .tracks-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.tracks-grid.horizontal{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.milestone-progress-card.compact .track-card{flex:1;min-width:180px;max-width:220px;padding:14px}.milestone-progress-card.compact .track-header{margin-bottom:8px}.milestone-progress-card.compact .track-icon{font-size:1.25rem}.milestone-progress-card.compact .track-name{font-size:.85rem}.milestone-progress-card.compact .track-levels{margin-bottom:8px}.milestone-progress-card.compact .level-badge{width:24px;height:24px;font-size:.65rem}.milestone-progress-card.compact .progress-bar-container{height:4px;margin-bottom:8px}.milestone-progress-card.compact .track-stats{font-size:.7rem}.milestone-progress-card.compact .next-milestone{font-size:.7rem;margin-top:6px}@media (max-width: 768px){.milestone-progress-card.compact .tracks-grid{flex-direction:column;flex-wrap:wrap}.milestone-progress-card.compact .track-card{max-width:none;min-width:auto}}.journey-widget{background:rgba(255,255,255,.9);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:15px;min-width:200px}.widget-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.widget-icon{font-size:18px}.widget-title{color:#111827;font-weight:600;font-size:14px;flex:1}.widget-progress{color:#10b981;font-weight:700;font-size:14px}.widget-progress-bar{height:4px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;margin-bottom:10px}.widget-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2563EB);border-radius:2px;transition:width .5s ease}.widget-current-phase{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:13px}.phase-emoji{font-size:16px}.journey-tracker-sidebar{background:rgba(255,255,255,.9);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:20px}.tracker-title{display:flex;align-items:center;gap:10px;color:#111827;font-weight:600;font-size:16px;margin-bottom:15px}.tracker-icon{font-size:20px}.tracker-percentage{margin-left:auto;color:#10b981;font-weight:700}.sidebar-progress-bar{height:6px;background:rgba(0,0,0,.1);border-radius:3px;overflow:hidden;margin-bottom:20px}.sidebar-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2563EB);border-radius:3px;transition:width .5s ease}.phases-list{display:flex;flex-direction:column;gap:8px}.phase-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease}.phase-item:hover{background:rgba(59,130,246,.05)}.phase-item.current{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.phase-item.completed .phase-icon-container{background:rgba(16,185,129,.2)}.phase-item.completed .phase-icon{color:#10b981}.phase-item.upcoming{opacity:.5}.phase-icon-container{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-icon{font-size:16px}.phase-info{flex:1;min-width:0}.phase-info .phase-name{color:#111827;font-size:14px;font-weight:500;display:block}.mini-progress{height:3px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;margin-top:6px}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2563EB);transition:width .5s ease}.continue-btn{display:block;margin-top:15px;padding:12px;background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff;text-align:center;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.journey-tracker-full{background:rgba(255,255,255,.9);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:30px}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.tracker-header h2{color:#111827;font-size:24px;background:linear-gradient(135deg,#3B82F6,#2563EB);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overall-progress{display:flex;flex-direction:column;align-items:center;gap:5px}.progress-circle{width:70px;height:70px;position:relative}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle .progress-bg{fill:none;stroke:var(--color-gray-200, #E5E7EB);stroke-width:3}.progress-circle .progress-fill{fill:none;stroke:url(#gradient);stroke-width:3;stroke-linecap:round;stroke:#3b82f6;transition:stroke-dasharray .5s ease}.progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary, #111827);font-size:14px;font-weight:700}.progress-label{color:var(--color-text-muted, #9CA3AF);font-size:12px}.phases-timeline{display:flex;flex-direction:column;gap:0}.phase-card{display:flex;gap:20px;padding:20px 0;cursor:pointer;transition:all .3s ease}.phase-card:hover .phase-content{background:var(--color-gray-50, #F9FAFB)}.phase-connector{display:flex;flex-direction:column;align-items:center;position:relative;width:40px}.connector-line{position:absolute;top:-20px;width:2px;height:20px;background:var(--color-gray-200, #E5E7EB)}.phase-card.completed .connector-line{background:#10b981}.phase-dot{width:40px;height:40px;border-radius:50%;background:var(--color-gray-100, #F3F4F6);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary, #4B5563);transition:all .3s ease;z-index:1}.phase-card.completed .phase-dot{background:rgba(16,185,129,.2);color:#10b981;border:2px solid #10b981}.phase-card.current .phase-dot{background:rgba(59,130,246,.3);border:2px solid #3B82F6;box-shadow:0 0 20px #3b82f680}.phase-content{flex:1;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px;transition:all .3s ease}.phase-card.current .phase-content{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.phase-card.upcoming .phase-content{opacity:.6}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.phase-header h3{color:var(--color-text-primary, #111827);font-size:18px;margin:0}.phase-time{color:var(--color-text-muted, #9CA3AF);font-size:13px}.phase-description{color:var(--color-text-secondary, #4B5563);font-size:14px;margin:0 0 15px}.phase-progress{display:flex;align-items:center;gap:10px;margin-bottom:15px}.phase-progress-bar{flex:1;height:6px;background:var(--color-gray-100, #F3F4F6);border-radius:3px;overflow:hidden}.phase-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2575fc);border-radius:3px;transition:width .5s ease}.phase-progress-text{color:#3b82f6;font-size:13px;font-weight:600;min-width:35px}.phase-action{display:inline-block;color:#3b82f6;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s ease}.phase-action:hover{color:#2575fc}@media (max-width: 768px){.journey-tracker-full{padding:20px}.tracker-header{flex-direction:column;gap:20px;text-align:center}.phase-card{gap:15px}.phase-connector{width:30px}.phase-dot{width:30px;height:30px;font-size:14px}.phase-content{padding:15px}.phase-header h3{font-size:16px}}.journey-tracker-dashboard{padding:0}.dashboard-progress-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.progress-stats{display:flex;flex-direction:column;min-width:80px}.progress-stats .progress-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827);line-height:1}.progress-stats .progress-label{font-size:.75rem;color:#9ca3af;margin-top:4px}.dashboard-progress-bar{flex:1;height:8px;background:var(--color-gray-100, #F3F4F6);border-radius:4px;overflow:hidden}.dashboard-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2563EB,#10B981);border-radius:4px;transition:width .5s ease}.phases-horizontal{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.phases-horizontal::-webkit-scrollbar{height:4px}.phases-horizontal::-webkit-scrollbar-track{background:var(--color-gray-100, #F3F4F6);border-radius:2px}.phases-horizontal::-webkit-scrollbar-thumb{background:var(--color-gray-300, #D1D5DB);border-radius:2px}.phase-card-horizontal{flex:1;min-width:140px;max-width:200px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.phase-card-horizontal:hover{background:var(--color-gray-50, #F9FAFB);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.phase-card-horizontal.completed{border-color:#10b9814d;background:rgba(16,185,129,.05)}.phase-card-horizontal.current{border-color:#3b82f666;background:rgba(59,130,246,.1)}.phase-card-horizontal.upcoming{opacity:.6}.phase-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563)}.phase-card-horizontal.completed .phase-icon-wrapper{background:rgba(16,185,129,.2);color:#10b981}.phase-card-horizontal.current .phase-icon-wrapper{background:rgba(59,130,246,.2)}.phase-details{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.phase-card-horizontal .phase-name{font-size:.8rem;font-weight:600;color:var(--color-text-primary, #111827);text-align:center;line-height:1.2}.phase-mini-progress{width:100%;height:4px;background:rgba(59,130,246,.1);border-radius:2px;overflow:hidden}.phase-mini-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #3B82F6),var(--color-data-violet, #A78BFA));border-radius:2px;transition:width .3s ease}.phase-status-text{font-size:.7rem;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:.05em}.phase-card-horizontal.completed .phase-status-text{color:#10b981}@media (max-width: 768px){.phases-horizontal{flex-direction:column}.phase-card-horizontal{max-width:none;flex-direction:row;align-items:center;gap:16px;padding:14px 16px}.phase-details{align-items:flex-start}.phase-card-horizontal .phase-name{text-align:left}}.chart-wrapper{width:100%;min-height:280px;position:relative}.chart-wrapper.mini{min-height:200px}.chart-loading{display:flex;align-items:center;justify-content:center;min-height:280px;background:rgba(249,250,251,.8);border-radius:var(--radius-lg, 12px)}.chart-loading.mini{min-height:200px}.chart-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--color-primary, #3B82F6);border-radius:50%;animation:spin .8s linear infinite}.chart-spinner.small{width:24px;height:24px;border-width:2px}.realtime-stats{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--color-border-light, #F3F4F6);margin-bottom:16px}.realtime-stat{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;min-width:80px}.stat-indicator{position:absolute;top:0;right:-8px;width:8px;height:8px;border-radius:50%;background:#10B981}.stat-indicator.live{animation:pulse 2s infinite}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);line-height:1.2}.stat-label{font-size:.75rem;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:.05em}.chart-card{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.08);border-radius:var(--radius-lg, 16px);padding:var(--space-5, 20px);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .08));transition:all var(--duration-normal, .25s) var(--ease-standard)}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .08));border-color:#3b82f626}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.chart-card-subtitle{font-size:.75rem;color:var(--color-text-secondary, #4B5563);margin-top:2px}.chart-card-actions{display:flex;gap:8px}.chart-action-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:#9ca3af;font-size:.75rem;cursor:pointer;transition:all .2s ease}.chart-action-btn:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d;color:#3b82f6}.chart-action-btn.active{background:rgba(59,130,246,.15);border-color:#3b82f6;color:#3b82f6}.charts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:24px}.charts-grid .chart-full{grid-column:span 12}.charts-grid .chart-half{grid-column:span 6}.charts-grid .chart-third{grid-column:span 4}.charts-grid .chart-quarter{grid-column:span 3}@media (max-width: 1200px){.charts-grid .chart-half{grid-column:span 12}.charts-grid .chart-third,.charts-grid .chart-quarter{grid-column:span 6}}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr;gap:16px}.charts-grid .chart-full,.charts-grid .chart-half,.charts-grid .chart-third,.charts-grid .chart-quarter{grid-column:span 1}.realtime-stats{flex-wrap:wrap;gap:16px}.realtime-stat{flex:1 1 45%}}.apexcharts-canvas{background:transparent!important}.apexcharts-text,.apexcharts-title-text{fill:var(--color-text-secondary, #4B5563)!important}.apexcharts-legend-text{color:var(--color-text-secondary, #4B5563)!important}.apexcharts-gridline{stroke:#3b82f614!important}.apexcharts-xaxis-tick,.apexcharts-yaxis-tick{stroke:#3b82f61a!important}.apexcharts-tooltip{background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--color-border, #E5E7EB)!important;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .08))!important}.apexcharts-tooltip-title{background:var(--color-gray-50, #FAFBFC)!important;border-bottom:1px solid var(--color-border-light, #F3F4F6)!important;color:var(--color-text-primary, #111827)!important}.apexcharts-tooltip-series-group{background:transparent!important;color:var(--color-text-primary, #111827)!important}.apexcharts-menu{background:rgba(255,255,255,.95)!important;border:1px solid var(--color-border, #E5E7EB)!important}.apexcharts-menu-item:hover{background:rgba(59,130,246,.1)!important}.quick-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.quick-stat-card{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.08);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);position:relative;overflow:hidden}.quick-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color) 0%,transparent 100%)}.quick-stat-card.primary{--accent-color: var(--color-primary, #3B82F6)}.quick-stat-card.success{--accent-color: #10B981}.quick-stat-card.warning{--accent-color: #F59E0B}.quick-stat-card.danger{--accent-color: #EF4444}.quick-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.quick-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827)}.quick-stat-label{font-size:.8rem;color:var(--color-text-secondary, #4B5563);margin-top:4px}.quick-stat-change{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:4px}.quick-stat-change.positive{color:#10b981;background:rgba(16,185,129,.1)}.quick-stat-change.negative{color:#ef4444;background:rgba(239,68,68,.1)}.quick-stat-chart{margin-top:12px;height:60px}@media (max-width: 1024px){.quick-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.quick-stats-row{grid-template-columns:1fr}}.dashboard-layout{display:flex;min-height:100vh;background:var(--gray-50)}.dashboard-sidebar{width:260px;background:white;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:width var(--transition-slow);position:fixed;height:100vh;z-index:var(--z-fixed);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-sm)}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm)}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-200)}.logo-icon{font-size:1.75rem;color:var(--primary-main)}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900)}.collapse-btn{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-600);width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.collapse-btn:hover{background:rgba(37,99,235,.1);border-color:var(--primary-main);color:var(--primary-main)}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-nav .nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-xl);color:var(--gray-600);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.sidebar-nav .nav-item:hover{background:rgba(37,99,235,.08);color:var(--gray-900)}.sidebar-nav .nav-item.active{background:rgba(37,99,235,.1);color:var(--primary-main);border:1px solid rgba(37,99,235,.2)}.nav-icon{font-size:var(--text-xl)}.nav-label{font-weight:var(--font-medium)}.sidebar-journey-tracker{padding:0 var(--space-4);margin-top:auto;margin-bottom:var(--space-4)}.sidebar-journey-tracker .journey-tracker-sidebar{padding:var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm)}.sidebar-journey-tracker .phases-list{max-height:150px;overflow-y:auto}.sidebar-journey-tracker .phase-item{padding:var(--space-2) var(--space-2)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--gray-200)}.sidebar-footer .logout{color:var(--error)}.sidebar-footer .logout:hover{background:rgba(239,68,68,.1);color:var(--error)}.dashboard-main{flex:1;margin-left:260px;transition:margin-left var(--transition-slow)}.dashboard-sidebar.collapsed+.dashboard-main{margin-left:80px}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-8);background:white;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.page-subtitle{color:var(--gray-600);font-size:var(--text-base);margin-top:var(--space-1)}.topbar-right{display:flex;align-items:center;gap:var(--space-6)}.time-filters{display:flex;background:var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-1)}.time-btn{padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.time-btn:hover{color:var(--gray-900)}.time-btn.active{background:var(--primary-main);color:#fff;box-shadow:0 2px 8px #2563eb40}.notification-btn{position:relative;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base);color:var(--gray-600)}.notification-btn:hover{background:rgba(37,99,235,.1);border-color:var(--primary-main);color:var(--primary-main)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--error);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);min-width:16px;text-align:center}.credits-btn{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-base)}.credits-btn:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25));border-color:#fbbf2480;transform:translateY(-1px)}.credits-btn .credits-icon{font-size:var(--text-base)}.credits-btn .credits-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-800)}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;background:var(--primary-main);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer}.dashboard-content{padding:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.stat-card.clickable,.table-row.clickable{cursor:pointer}.stat-card:hover{transform:translateY(-4px);border-color:#2563eb4d;box-shadow:var(--shadow-md)}.stat-icon{font-size:var(--text-3xl);width:56px;height:56px;background:rgba(37,99,235,.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900)}.stat-change{font-size:var(--text-xs);font-weight:var(--font-medium)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:#2563eb33;box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.card-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.card-header p{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1)}.chart-card{grid-column:1 / 2}.chart-legend{display:flex;gap:var(--space-4)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-600)}.legend-dot.posts{background:var(--primary-main)}.chart-container{height:220px;display:flex;align-items:flex-end}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;padding-bottom:1.5rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.bar-wrapper{display:flex;gap:4px;align-items:flex-end;height:180px}.bar{width:24px;border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer}.bar:hover{opacity:.8;transform:scaleY(1.05)}.posts-bar{background:linear-gradient(180deg,var(--color-primary, #3B82F6) 0%,#2563EB 100%)}.engagement-bar{background:linear-gradient(180deg,#F97316 0%,#EA580C 100%)}.bar[data-value="10"]{height:10%}.bar[data-value="20"]{height:20%}.bar[data-value="30"]{height:30%}.bar[data-value="40"]{height:40%}.bar[data-value="50"]{height:50%}.bar[data-value="51"]{height:51%}.bar[data-value="54"]{height:54%}.bar[data-value="57"]{height:57%}.bar[data-value="60"]{height:60%}.bar[data-value="61"]{height:61%}.bar[data-value="63"]{height:63%}.bar[data-value="64"]{height:64%}.bar[data-value="65"]{height:65%}.bar[data-value="67"]{height:67%}.bar[data-value="69"]{height:69%}.bar[data-value="70"]{height:70%}.bar[data-value="71"]{height:71%}.bar[data-value="74"]{height:74%}.bar[data-value="76"]{height:76%}.bar[data-value="77"]{height:77%}.bar[data-value="79"]{height:79%}.bar[data-value="80"]{height:80%}.bar[data-value="81"]{height:81%}.bar[data-value="83"]{height:83%}.bar[data-value="84"]{height:84%}.bar[data-value="85"]{height:85%}.bar[data-value="86"]{height:86%}.bar[data-value="87"]{height:87%}.bar[data-value="88"]{height:88%}.bar[data-value="89"]{height:89%}.bar[data-value="90"]{height:90%}.bar[data-value="91"]{height:91%}.bar[data-value="93"]{height:93%}.bar[data-value="94"]{height:94%}.bar[data-value="96"]{height:96%}.bar[data-value="100"]{height:100%}.bar-label{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.platforms-card{grid-column:2 / 3}.view-all-btn{background:none;border:none;color:var(--color-primary, #3B82F6);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.view-all-btn:hover{color:var(--color-primary-dark, #2563EB)}.platforms-list{display:flex;flex-direction:column;gap:1rem}.platform-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;transition:all .2s}.platform-item:hover{background:var(--color-surface, #FFFFFF);border-color:var(--color-primary, #3B82F6);box-shadow:0 4px 12px -2px #3b82f61a}.platform-info{display:flex;align-items:center;gap:.875rem}.platform-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.platform-icon.platform-linkedin{background:rgba(10,102,194,.2);color:#0a66c2}.platform-icon.platform-instagram{background:rgba(228,64,95,.2);color:#e4405f}.platform-icon.platform-twitter{background:rgba(29,161,242,.2);color:#1da1f2}.platform-icon.platform-tiktok{background:rgba(0,0,0,.2);color:#fff}.platform-icon.platform-youtube{background:rgba(255,0,0,.2);color:red}.platform-icon.platform-facebook{background:rgba(24,119,242,.2);color:#1877f2}.platform-details{display:flex;flex-direction:column}.platform-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #111827)}.platform-followers{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.platform-stats{display:flex;flex-direction:column;align-items:flex-end}.platform-growth{font-size:.875rem;font-weight:600}.platform-growth.positive{color:var(--color-success, #10B981)}.platform-posts{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.posts-card{grid-column:1 / 2}.create-btn{background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f640}.posts-table{display:flex;flex-direction:column;gap:.5rem}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #4B5563);border-bottom:1px solid var(--color-border, #E5E7EB)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.875rem 1rem;align-items:center;border-radius:10px;transition:all .2s}.post-title{font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #111827)}.platform-badge{display:inline-block;padding:.25rem .625rem;background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);border-radius:6px;font-size:.75rem;font-weight:500}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500}.status-badge.published{background:rgba(16,185,129,.1);color:var(--color-success, #10B981)}.status-badge.scheduled{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6)}.status-badge.draft{background:rgba(107,114,128,.1);color:var(--color-text-secondary, #4B5563)}.post-engagement{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #111827)}.post-time{font-size:.8125rem;color:var(--color-text-secondary, #4B5563)}.actions-card{grid-column:1 / -1}.actions-card .card-header{margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1.25rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(59,130,246,.03);opacity:0;transition:opacity .3s ease;z-index:0}.action-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.action-btn:hover{background:var(--color-surface, #FFFFFF);border-color:#3b82f64d;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #3b82f61f}.action-btn:hover:before{opacity:1}.action-btn:hover:after{opacity:1}.action-btn:active{transform:translateY(-2px) scale(.98)}.action-icon{position:relative;z-index:1;font-size:2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));transition:transform .3s ease,filter .3s ease}.action-btn:hover .action-icon{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 4px 8px rgba(59,130,246,.2))}.action-label{position:relative;z-index:1;font-size:.875rem;color:var(--color-text-primary, #111827);font-weight:600;text-align:center;transition:color .3s ease}.action-btn:hover .action-label{color:var(--color-primary, #3B82F6)}.action-btn.streaming-action{background:rgba(239,68,68,.05);border-color:#ef444426;position:relative;overflow:hidden}.action-btn.streaming-action:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#EF4444,var(--color-primary, #3B82F6))}.action-btn.streaming-action:hover{border-color:#ef44444d;box-shadow:0 8px 25px #ef44441f}.action-btn.streaming-action .action-icon{animation:pulse-icon 1.5s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.action-btn.content-action{background:rgba(16,185,129,.05);border-color:#10b98126}.action-btn.content-action:hover{border-color:#10b9814d;box-shadow:0 8px 25px #10b9811f}.action-btn.schedule-action{background:rgba(249,115,22,.05);border-color:#f9731626}.action-btn.schedule-action:hover{border-color:#f973164d;box-shadow:0 8px 25px #f973161f}.action-btn.campaign-action{background:rgba(59,130,246,.05);border-color:#3b82f626}.action-btn.campaign-action:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #3b82f61f}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.chart-card,.platforms-card,.posts-card,.actions-card,.streaming-feature-card{grid-column:1 / -1}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dashboard-sidebar{width:80px}.dashboard-sidebar .nav-label,.dashboard-sidebar .logo-text{display:none}.dashboard-main{margin-left:80px}.streaming-feature-card{flex-direction:column;text-align:center;gap:2rem}.streaming-feature-content{max-width:100%}.streaming-highlights{justify-content:center}}@media (max-width: 768px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0}.dashboard-topbar{padding:1rem;flex-wrap:wrap;gap:1rem}.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}.table-header,.table-row{grid-template-columns:1fr 1fr}.table-header span:nth-child(n+3),.table-row span:nth-child(n+3){display:none}.quick-actions-bar .actions-buttons{flex-wrap:wrap;gap:.75rem}.quick-action-btn{flex:1 1 45%;min-width:140px}}.quick-actions-bar{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 1px 3px #0000000d}.actions-header{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.actions-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.actions-subtitle{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.actions-buttons{display:flex;gap:1rem;flex:1;justify-content:flex-end}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-primary, #111827);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.quick-action-btn:hover{transform:translateY(-2px);border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f614}.quick-action-btn .qa-icon{font-size:1.25rem}.quick-action-btn .qa-content{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.quick-action-btn .qa-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #111827)}.quick-action-btn .qa-desc{font-size:.7rem;color:var(--color-text-secondary, #4B5563)}.quick-action-btn.primary{background:rgba(59,130,246,.05);border-color:#3b82f626}.quick-action-btn.primary:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d;box-shadow:0 8px 20px #3b82f61a}.quick-action-btn.success{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(16,185,129,.05) 100%);border-color:#10b98133}.quick-action-btn.success:hover{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(16,185,129,.1) 100%);border-color:#10b98166;box-shadow:0 8px 20px #10b9811f}.quick-action-btn.info{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(59,130,246,.05) 100%);border-color:#3b82f633}.quick-action-btn.info:hover{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.1) 100%);border-color:#3b82f666;box-shadow:0 8px 20px #3b82f61f}.quick-action-btn.warning{background:linear-gradient(135deg,rgba(249,115,22,.08) 0%,rgba(249,115,22,.05) 100%);border-color:#f9731633}.quick-action-btn.warning:hover{background:linear-gradient(135deg,rgba(249,115,22,.15) 0%,rgba(249,115,22,.1) 100%);border-color:#f9731666;box-shadow:0 8px 20px #f973161f}.quick-action-btn.live{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.08) 100%);border-color:#ef444440}.quick-action-btn.live:hover{background:linear-gradient(135deg,rgba(239,68,68,.18) 0%,rgba(220,38,38,.15) 100%);border-color:#ef444466;box-shadow:0 8px 20px #ef444426}.quick-action-btn.live .live-pulse{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.quick-action-btn.avatar{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(99,102,241,.08) 100%);border-color:#8b5cf640}.quick-action-btn.avatar:hover{background:linear-gradient(135deg,rgba(139,92,246,.18) 0%,rgba(99,102,241,.15) 100%);border-color:#8b5cf666;box-shadow:0 8px 20px #8b5cf626}.content-grid.agency-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem}.content-grid.agency-layout .posts-card{grid-column:1 / 2;grid-row:2 / 3}.content-grid.agency-layout .promo-banner{grid-column:1 / -1;grid-row:3 / 4}.promo-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(59,130,246,.06) 0%,rgba(249,115,22,.06) 50%,rgba(59,130,246,.06) 100%);border:1px solid rgba(59,130,246,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.promo-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3B82F6,#F97316,#3B82F6)}.promo-banner:hover{transform:translateY(-2px);border-color:#3b82f64d;box-shadow:0 8px 30px #3b82f61a}.promo-glow{position:absolute;top:50%;left:20%;width:200px;height:100px;background:radial-gradient(ellipse,rgba(59,130,246,.1) 0%,transparent 70%);transform:translateY(-50%);pointer-events:none}.promo-content{display:flex;align-items:center;gap:1.25rem;z-index:1}.promo-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:1rem;font-size:.65rem;font-weight:700;color:var(--color-primary, #3B82F6);text-transform:uppercase;letter-spacing:.05em}.promo-badge .live-dot{width:6px;height:6px;background:var(--color-primary, #3B82F6);border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite}.promo-content h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827)}.promo-content p{margin:0;font-size:.8rem;color:var(--color-text-secondary, #4B5563)}.promo-cta{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(249,115,22,.1) 100%);border:1px solid rgba(59,130,246,.2);border-radius:8px;color:var(--color-text-primary, #111827);font-size:.875rem;font-weight:600;transition:all .2s;z-index:1}.promo-banner:hover .promo-cta{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(249,115,22,.15) 100%);border-color:#3b82f659}.promo-cta .arrow{transition:transform .2s}.promo-banner:hover .promo-cta .arrow{transform:translate(4px)}@media (max-width: 1200px){.quick-actions-bar{flex-direction:column;align-items:flex-start;gap:1rem}.actions-buttons{width:100%;justify-content:flex-start;flex-wrap:wrap}.quick-action-btn{flex:1 1 calc(33% - 1rem);min-width:150px}}@media (max-width: 1024px){.content-grid.agency-layout{grid-template-columns:1fr}.content-grid.agency-layout .chart-card,.content-grid.agency-layout .platforms-card,.content-grid.agency-layout .posts-card,.content-grid.agency-layout .promo-banner{grid-column:1 / -1;grid-row:auto}}@media (max-width: 768px){.quick-action-btn{flex:1 1 45%}.promo-banner{flex-direction:column;text-align:center;gap:1rem;padding:1.25rem}.promo-content{flex-direction:column;gap:.75rem}}.dashboard-footer{margin-top:2rem;padding:1.5rem;text-align:center;border-top:1px solid var(--color-border, #E5E7EB);background:var(--color-surface, #FFFFFF);border-radius:12px}.dashboard-footer p{color:var(--color-text-muted, #9CA3AF);font-size:.875rem;margin:0}.realtime-card.full-width{grid-column:1 / -1}.realtime-card .card-header{border-bottom:1px solid var(--color-border, #E5E7EB);padding-bottom:12px;margin-bottom:8px}.platform-chart-card{grid-column:span 1;min-height:340px}.engagement-chart-card,.trend-card{grid-column:span 1}.trend-card .card-header.compact{padding-bottom:8px}.trend-indicator{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.trend-indicator.positive{color:#10b981;background:rgba(16,185,129,.1)}.trend-indicator.negative{color:#ef4444;background:rgba(239,68,68,.1)}.legend-dot.views{background:#3B82F6}.content-grid.agency-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.content-grid.agency-layout .realtime-card,.content-grid.agency-layout .posts-card,.content-grid.agency-layout .promo-banner{grid-column:1 / -1}@media (max-width: 1024px){.content-grid.agency-layout{grid-template-columns:1fr}.content-grid.agency-layout .chart-card,.content-grid.agency-layout .platform-chart-card,.content-grid.agency-layout .engagement-chart-card,.content-grid.agency-layout .trend-card{grid-column:span 1}}.posts-card.compact{padding:16px 20px}.posts-card.compact .card-header{margin-bottom:12px}.posts-card.compact .create-btn{padding:6px 12px;font-size:.75rem}.posts-compact-list{display:flex;flex-direction:column;gap:8px}.post-compact-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;transition:all .2s ease}.post-compact-row:hover{background:var(--color-surface, #FFFFFF);border-color:#3b82f633;box-shadow:0 2px 8px #3b82f614}.post-compact-row .post-title{flex:1;font-size:.85rem;color:var(--color-text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-compact-row .platform-badge{padding:4px 8px;font-size:.7rem;border-radius:4px;background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6)}.post-compact-row .status-badge{padding:4px 8px;font-size:.65rem;border-radius:4px;text-transform:uppercase;font-weight:600}.post-compact-row .status-badge.published{background:rgba(16,185,129,.1);color:#10b981}.post-compact-row .status-badge.scheduled{background:rgba(59,130,246,.1);color:#3b82f6}.post-compact-row .status-badge.draft{background:rgba(156,163,175,.1);color:#9ca3af}.post-compact-row .post-engagement{font-size:.8rem;color:#10b981;font-weight:600;min-width:40px;text-align:right}@media (max-width: 768px){.post-compact-row{flex-wrap:wrap}.post-compact-row .post-title{width:100%;flex:none}}.milestone-section.compact{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.milestone-section.compact .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.milestone-section.compact .section-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.milestone-section.compact .milestone-progress-card{background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.milestone-section.compact .milestone-tracks{display:flex!important;flex-direction:row!important;gap:16px!important;flex-wrap:nowrap!important;overflow-x:auto}.milestone-section.compact .milestone-track{flex:1;min-width:200px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:16px}.milestone-section.compact .track-header h4{font-size:.9rem!important;margin-bottom:8px}.milestone-section.compact .progress-bar-container{height:6px!important}.journey-dashboard-section{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.journey-dashboard-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.journey-dashboard-section .section-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.journey-dashboard-section .journey-tracker{background:transparent!important;border:none!important;padding:0!important}.journey-dashboard-section .journey-steps{display:flex;flex-direction:row!important;gap:12px;overflow-x:auto;padding-bottom:8px}.journey-dashboard-section .journey-step{flex:1;min-width:160px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease}.journey-dashboard-section .journey-step:hover{background:var(--color-surface, #FFFFFF);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f614}.journey-dashboard-section .journey-step.completed{border-color:#10b9814d;background:rgba(16,185,129,.05)}.journey-dashboard-section .journey-step.current{border-color:#3b82f64d;background:rgba(59,130,246,.05)}.section-header .view-all-btn{padding:6px 14px;font-size:.8rem;background:transparent;border:1px solid var(--color-border, #E5E7EB);border-radius:6px;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .2s ease}.section-header .view-all-btn:hover{background:rgba(59,130,246,.05);border-color:#3b82f633;color:var(--color-primary, #3B82F6)}@media (max-width: 768px){.milestone-section.compact .milestone-tracks{flex-direction:column!important}.milestone-section.compact .milestone-track{min-width:auto}.journey-dashboard-section .journey-steps{flex-direction:column}.journey-dashboard-section .journey-step{min-width:auto}}.users-tab{animation:fadeIn .4s ease}@keyframes softGlow{0%,to{box-shadow:0 8px 32px #1f26871f}50%{box-shadow:0 8px 32px #1f26872e}}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.header-left h2{font-size:1.75rem;margin:0 0 .25rem;color:var(--color-text-primary, #111827);font-weight:700;font-family:Poppins,sans-serif}.header-left p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:.9rem}.header-actions{display:flex;gap:.75rem}.btn-export,.btn-add-user{padding:.6rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-export{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);color:var(--color-primary, #3B82F6)}.btn-export:hover{background:rgba(59,130,246,.08);border-color:var(--color-primary, #3B82F6)}.btn-add-user{background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;color:#fff;box-shadow:0 2px 8px #3b82f640}.btn-add-user:hover{background:linear-gradient(135deg,#60a5fa,#3B82F6);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.success-toast{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:12px;font-weight:600;z-index:1000;animation:slideInRight .3s ease;box-shadow:0 8px 25px #10b9814d}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.users-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;position:relative;transition:all .3s ease;box-shadow:var(--shadow-glass, 0 8px 32px 0 rgba(31, 38, 135, .12));animation:softGlow 3s ease-in-out infinite;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.stat-card:hover{transform:translateY(-3px);border-color:var(--color-primary, #3B82F6);box-shadow:0 12px 32px #3b82f626;background:rgba(224,242,254,.4)}.stat-icon{font-size:2rem;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-gray-100, #F3F4F6)}.stat-total .stat-icon{background:rgba(59,130,246,.1)}.stat-active .stat-icon{background:rgba(16,185,129,.1)}.stat-admins .stat-icon{background:rgba(245,158,11,.1)}.stat-new .stat-icon{background:rgba(59,130,246,.1)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827)}.stat-percentage{position:absolute;top:1rem;right:1rem;background:rgba(16,185,129,.1);color:#10b981;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.plan-distribution{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.plan-distribution h3{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.plan-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.plan-bar-item{display:flex;flex-direction:column;gap:.5rem}.plan-bar-header{display:flex;justify-content:space-between;align-items:center}.plan-name{font-size:.85rem;color:var(--color-text-primary, #111827)}.plan-count{font-weight:700;font-size:1rem}.enterprise .plan-count{color:#f97316}.pro .plan-count{color:#3b82f6}.starter .plan-count{color:#10b981}.free .plan-count{color:var(--color-text-secondary, #4B5563)}.plan-bar-track{height:8px;background:var(--color-gray-100, #F3F4F6);border-radius:4px;overflow:hidden}.plan-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.enterprise .plan-bar-fill{background:linear-gradient(90deg,#F97316,#EA580C)}.pro .plan-bar-fill{background:linear-gradient(90deg,#3B82F6,#2563EB)}.starter .plan-bar-fill{background:linear-gradient(90deg,#10b981,#059669)}.free .plan-bar-fill{background:linear-gradient(90deg,#9CA3AF,#6B7280)}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;box-shadow:0 1px 3px #0000000d;position:relative;z-index:10}.toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;font-size:1rem;color:var(--color-text-muted, #9CA3AF)}.search-box input{width:280px;padding:.6rem 2.5rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.9rem;transition:all .2s ease}.search-clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-muted, #9CA3AF);font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.search-clear:hover{color:var(--color-text-primary, #111827)}.users-toolbar select{padding:.6rem 2rem .6rem .75rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.85rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234B5563' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;min-width:120px}.users-toolbar select:focus{outline:none;border-color:var(--color-primary, #3B82F6)}.toolbar-right{display:flex;align-items:center;gap:.75rem}.results-count{color:var(--color-text-secondary, #4B5563);font-size:.85rem}.view-toggle{display:flex;background:var(--color-gray-100, #F3F4F6);border-radius:10px;overflow:hidden;border:1px solid var(--color-border, #E5E7EB)}.view-toggle button{padding:.5rem .75rem;background:transparent;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text-muted, #9CA3AF);transition:all .2s ease}.view-toggle button:hover{color:var(--color-text-primary, #111827)}.view-toggle button.active{color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.1)}.btn-refresh{padding:.5rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;cursor:pointer;font-size:1.1rem;color:var(--color-text-secondary, #4B5563);transition:all .2s ease}.btn-refresh:hover{background:rgba(59,130,246,.08);color:var(--color-primary, #3B82F6);transform:rotate(180deg)}.users-table-container{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-glass, 0 8px 32px 0 rgba(31, 38, 135, .12));animation:softGlow 3s ease-in-out infinite}.users-table th,.users-table td{padding:.75rem .5rem;text-align:left;vertical-align:middle;position:relative}.users-table td .plan-badge{display:inline-flex;position:relative;z-index:1}.users-table td:last-child{width:130px;min-width:130px}.users-table thead{background:linear-gradient(90deg,rgba(224,242,254,.3),rgba(255,237,213,.2));border-bottom:1px solid rgba(59,130,246,.1)}.users-table th{color:var(--color-text-secondary, #4B5563);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #E5E7EB)}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.users-table th.sortable:hover{color:var(--color-primary, #3B82F6)}.users-table tr{border-bottom:1px solid rgba(59,130,246,.05);transition:all var(--duration-fast, .15s) var(--ease-standard, ease)}.users-table tbody tr:hover{background:rgba(224,242,254,.2);border-left:3px solid var(--color-primary, #3B82F6);padding-left:12px}.user-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3B82F6,#2563EB);flex-shrink:0}.user-avatar[data-role=admin]{background:linear-gradient(135deg,#F97316,#EA580C)}.user-name{font-weight:600;color:var(--color-text-primary, #111827)}.user-email{font-size:.8rem;color:var(--color-text-secondary, #4B5563)}.role-badge,.plan-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge.role-admin{background:rgba(249,115,22,.1);color:#ea580c;border:1px solid rgba(249,115,22,.2)}.role-badge.role-user{background:rgba(59,130,246,.1);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.plan-badge.badge-enterprise{background:rgba(249,115,22,.1);color:#ea580c;border:1px solid rgba(249,115,22,.2)}.plan-badge.badge-pro{background:rgba(59,130,246,.1);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.plan-badge.badge-starter{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}.plan-badge.badge-free{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563);border:1px solid var(--color-border, #E5E7EB)}.status-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.status-toggle.active{background:rgba(16,185,129,.1);color:#059669}.status-toggle.active:hover{background:rgba(239,68,68,.1);color:#dc2626}.status-toggle.inactive{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563)}.status-toggle.inactive:hover{background:rgba(16,185,129,.1);color:#059669}.campaign-count{color:var(--color-text-primary, #111827);font-size:.9rem}.last-active{color:var(--color-text-secondary, #4B5563);font-size:.85rem}.users-tab .action-buttons{display:inline-flex!important;flex-direction:row!important;gap:.4rem;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;white-space:nowrap}.users-tab .btn-action{width:32px;height:32px;min-width:32px;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-view{background:rgba(59,130,246,.1);color:#3b82f6}.btn-view:hover{background:rgba(59,130,246,.2);transform:scale(1.1)}.btn-edit:hover{background:rgba(59,130,246,.2);transform:scale(1.1)}.btn-delete{background:rgba(239,68,68,.1);color:#ef4444}.btn-delete:hover{background:rgba(239,68,68,.2);transform:scale(1.1)}.empty-state{padding:4rem 2rem;text-align:center;color:var(--color-text-secondary, #4B5563)}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.empty-state p{margin-bottom:1rem;color:var(--color-text-secondary, #4B5563)}.empty-state button{padding:.6rem 1.2rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#3b82f6;cursor:pointer;transition:all .2s ease}.empty-state button:hover{background:rgba(59,130,246,.2)}.users-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.user-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.user-card:hover{transform:translateY(-4px);border-color:var(--color-primary, #3B82F6);box-shadow:0 12px 30px #3b82f61f}.user-card.inactive{opacity:.6}.user-card-header{position:relative;display:flex;justify-content:center;padding:1.5rem 1rem .5rem;background:linear-gradient(180deg,rgba(59,130,246,.05),transparent)}.user-avatar-large{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3B82F6,#2563EB);box-shadow:0 8px 20px #2563eb40}.user-avatar-large[data-role=admin]{background:linear-gradient(135deg,#F97316,#EA580C);box-shadow:0 8px 20px #f9731640}.status-dot{position:absolute;top:1rem;right:1rem;width:10px;height:10px;border-radius:50%}.status-dot.active{background:#10b981;box-shadow:0 0 10px #10b98180}.status-dot.inactive{background:#9CA3AF}.user-card-body{padding:1rem;text-align:center}.user-card-body h4{margin:0 0 .25rem;font-size:1.1rem;color:var(--color-text-primary, #111827)}.user-card-body .user-email{font-size:.8rem;color:var(--color-text-secondary, #4B5563);margin-bottom:.75rem;display:block}.user-card-badges{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.user-card-stats{display:flex;justify-content:space-around;padding-top:.75rem;border-top:1px solid var(--color-border, #E5E7EB)}.card-stat{display:flex;flex-direction:column;align-items:center}.card-stat .stat-value{font-size:.95rem;font-weight:700;color:var(--color-text-primary, #111827)}.card-stat .stat-label{font-size:.7rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase}.user-card-actions{display:flex;border-top:1px solid var(--color-border, #E5E7EB)}.user-card-actions button{flex:1;padding:.75rem;background:transparent;border:none;color:var(--color-text-secondary, #4B5563);cursor:pointer;font-size:.8rem;transition:all .2s ease}.user-card-actions button:not(:last-child){border-right:1px solid var(--color-border, #E5E7EB)}.user-card-actions button:hover{background:rgba(59,130,246,.08);color:var(--color-primary, #3B82F6)}.user-card-actions button:last-child:hover{background:rgba(239,68,68,.08);color:#ef4444}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem}.pagination button{padding:.5rem .75rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;cursor:pointer;font-size:1rem;color:var(--color-text-secondary, #4B5563);transition:all .2s ease}.pagination button:hover:not(:disabled){background:rgba(59,130,246,.08);border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--color-text-secondary, #4B5563);font-size:.9rem;padding:0 1rem}.modal-content.user-modal{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease;box-shadow:0 25px 50px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary, #111827)}.modal-close{width:32px;height:32px;border-radius:8px;background:var(--color-gray-100, #F3F4F6);border:none;color:var(--color-text-secondary, #4B5563);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #4B5563)}.form-group input,.form-group select{padding:.75rem 1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3B82F6}.checkbox-label span{color:var(--color-text-primary, #111827)}.form-error{padding:.75rem 1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#dc2626;font-size:.9rem}.form-success{padding:.75rem 1rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:10px;color:#059669;font-size:.9rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--color-border, #E5E7EB)}.btn-cancel,.users-tab .btn-secondary{padding:.7rem 1.25rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover,.users-tab .btn-secondary:hover{background:var(--color-gray-200, #E5E7EB)}.users-tab .btn-primary{padding:.7rem 1.25rem;background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f640}.users-tab .btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3B82F6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.users-tab .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-detail-header{display:flex;align-items:center;gap:1.25rem}.user-avatar-xl{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3B82F6,#2563EB);box-shadow:0 8px 25px #2563eb40}.user-avatar-xl[data-role=admin]{background:linear-gradient(135deg,#F97316,#EA580C);box-shadow:0 8px 25px #f9731640}.user-detail-info h4{margin:0 0 .25rem;font-size:1.35rem;color:var(--color-text-primary, #111827)}.user-detail-info p{margin:0 0 .75rem;color:var(--color-text-secondary, #4B5563)}.user-detail-badges{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600}.status-badge.status-active{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge.status-inactive{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563);border:1px solid var(--color-border, #E5E7EB)}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--color-border, #E5E7EB)}.detail-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.detail-stat .stat-icon{font-size:1.5rem;margin-bottom:.25rem}.detail-stat .stat-value{font-size:1rem;font-weight:700;color:var(--color-text-primary, #111827)}.detail-stat .stat-label{font-size:.7rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-secondary, #4B5563)}.loading-spinner{width:48px;height:48px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1024px){.users-stats-grid,.plan-bars{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.users-header{flex-direction:column;gap:1rem}.header-actions{width:100%}.header-actions button{flex:1}.users-stats-grid{grid-template-columns:1fr 1fr}.users-toolbar{flex-direction:column;gap:1rem}.toolbar-left,.search-box input{width:100%}.users-toolbar select{flex:1}.toolbar-right{width:100%;justify-content:space-between}.users-table{display:block;overflow-x:auto}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.users-stats-grid,.plan-bars{grid-template-columns:1fr}}.settings-tab{padding:0}.settings-sections{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.section-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-secondary, #4B5563);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.section-btn:hover{background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827)}.section-btn.active{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-color:transparent;color:#fff;box-shadow:0 2px 8px #3b82f640}.settings-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.875rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-message.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#059669}.settings-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#dc2626}.settings-section h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary, #111827)}.section-header{margin-bottom:1.5rem}.section-description{color:var(--color-text-secondary, #4B5563);font-size:.875rem;margin-top:.25rem}.settings-form{max-width:500px}.settings-form .form-group{margin-bottom:1.25rem}.settings-form label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #4B5563);margin-bottom:.5rem}.settings-form input[type=text],.settings-form input[type=number]{width:100%;padding:.75rem 1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.9rem;transition:all .2s}.settings-form input[type=text]:focus,.settings-form input[type=number]:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--color-text-primary, #111827)}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#3B82F6;cursor:pointer}.form-hint{font-size:.75rem;color:var(--color-text-muted, #9CA3AF);margin-top:.375rem;margin-left:2rem}.api-keys-container{display:flex;flex-direction:column;gap:1.5rem}.api-key-category{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.category-title{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.api-keys-list{display:flex;flex-direction:column;gap:.75rem}.api-key-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;transition:all .2s}.api-key-item:hover{background:var(--color-surface, #FFFFFF);border-color:var(--color-primary, #3B82F6);box-shadow:0 4px 12px #3b82f614}.api-key-info{flex:1;min-width:0}.api-key-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.api-key-label{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #111827)}.api-key-status{font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:6px}.api-key-status.configured{background:rgba(16,185,129,.1);color:#059669}.api-key-status.not-configured{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-muted, #9CA3AF)}.api-key-description{font-size:.8rem;color:var(--color-text-secondary, #4B5563);margin-bottom:.5rem}.api-key-value{margin-top:.5rem}.api-key-value code{font-family:IBM Plex Mono,Monaco,Menlo,monospace;font-size:.8rem;color:var(--color-text-secondary, #4B5563);background:var(--color-gray-100, #F3F4F6);padding:.375rem .625rem;border-radius:6px}.api-key-edit{margin-top:.75rem}.api-key-edit input{width:100%;padding:.625rem .875rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-primary, #3B82F6);border-radius:8px;color:var(--color-text-primary, #111827);font-size:.85rem;font-family:IBM Plex Mono,Monaco,Menlo,monospace;margin-bottom:.625rem}.api-key-edit input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-actions{display:flex;gap:.5rem}.btn--small{padding:.5rem 1rem;font-size:.8rem;border-radius:8px}.btn--secondary{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827)}.btn--secondary:hover{background:var(--color-gray-200, #E5E7EB)}.api-key-actions{display:flex;gap:.5rem;margin-left:1rem}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;cursor:pointer;transition:all .2s;font-size:1rem;color:var(--color-text-secondary, #4B5563)}.action-btn.edit:hover{background:rgba(59,130,246,.1);border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.action-btn.delete:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary, #4B5563)}@media (max-width: 768px){.settings-sections{flex-direction:column}.api-key-item{flex-direction:column;gap:1rem}.api-key-actions{margin-left:0;align-self:flex-end}.form-row{flex-direction:column}}.smtp-settings-form{display:flex;flex-direction:column;gap:1.5rem}.smtp-settings-form input[type=text],.smtp-settings-form input[type=password],.smtp-settings-form input[type=email],.smtp-settings-form input[type=number]{width:100%;padding:.875rem 1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.9rem;transition:all .2s}.smtp-settings-form input[type=text]:focus,.smtp-settings-form input[type=password]:focus,.smtp-settings-form input[type=email]:focus,.smtp-settings-form input[type=number]:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.smtp-settings-form input::placeholder{color:var(--color-text-muted, #9CA3AF)}.smtp-settings-form .form-group{margin-bottom:0}.smtp-settings-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #4B5563);margin-bottom:.5rem}.smtp-status-card{padding:1.25rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;text-align:center}.status-indicator-large{margin-bottom:.75rem}.status-indicator-large span{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9375rem;font-weight:600}.status-connected{background:rgba(16,185,129,.1);color:#059669}.status-configured{background:rgba(245,158,11,.1);color:#d97706}.status-not-configured{background:rgba(59,130,246,.1);color:#2563eb}.status-description{color:var(--color-text-secondary, #4B5563);font-size:.875rem;margin:0}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.smtp-actions{display:flex;gap:1rem;padding-top:.5rem}.smtp-actions .btn{flex:1}.smtp-help-box{padding:1.25rem;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:12px}.smtp-help-box h4{font-size:.9375rem;font-weight:600;color:var(--color-primary, #3B82F6);margin-bottom:1rem}.provider-examples{display:flex;flex-direction:column;gap:.75rem}.provider{padding:.75rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;font-size:.8125rem;color:var(--color-text-secondary, #4B5563)}.provider strong{color:var(--color-text-primary, #111827)}.provider code{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);padding:.125rem .375rem;border-radius:4px;font-size:.75rem}.provider small{display:block;margin-top:.375rem;color:var(--color-text-muted, #9CA3AF);font-size:.75rem}.proprietary-tab{padding:0}.proprietary-tab.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#a0aec0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.tab-header{margin-bottom:1.5rem}.tab-header h2{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.tab-header p{color:#a0aec0;font-size:.95rem}.error-banner{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#ef4444;margin-bottom:1.5rem}.health-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 1200px){.health-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.health-overview{grid-template-columns:1fr}}.health-status-card{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.status-indicator{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;background:#6b7280}.status-indicator.status-healthy{background:#10b981}.status-indicator.status-degraded{background:#f59e0b}.status-indicator.status-error{background:#ef4444}.status-indicator.status-unknown{background:#6b7280}.status-info h3{font-size:.85rem;color:#a0aec0;margin-bottom:.25rem}.status-text{font-size:1.25rem;font-weight:700;color:#6b7280}.status-text.status-healthy{color:#10b981}.status-text.status-degraded{color:#f59e0b}.status-text.status-error{color:#ef4444}.status-text.status-unknown{color:#6b7280}.health-stat-card{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.stat-label{font-size:.85rem;color:#a0aec0}.section-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.section-card h3{font-size:1.1rem;color:#fff;margin-bottom:1rem}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.component-card{display:flex;align-items:center;gap:.75rem;background:rgba(0,0,0,.2);border-radius:10px;padding:1rem;transition:all .2s}.component-card.online{border-left:3px solid #10b981}.component-card.offline{border-left:3px solid #ef4444}.component-icon{font-size:1.5rem}.component-info{display:flex;flex-direction:column}.component-name{font-size:.9rem;font-weight:500;color:#fff}.component-status{font-size:.8rem}.component-status.online{color:#10b981}.component-status.offline{color:#ef4444}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.category-card{background:rgba(0,0,0,.2);border-radius:10px;padding:1rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-name{font-size:.85rem;color:#a0aec0;text-transform:capitalize}.category-count{font-size:1.1rem;font-weight:600;color:#3b82f6}.category-bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.category-fill{height:100%;width:0%;background:linear-gradient(90deg,#3B82F6,#2563EB);border-radius:3px;transition:width .5s ease}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.model-group{background:rgba(0,0,0,.2);border-radius:10px;padding:1rem}.model-group h4{font-size:.95rem;color:#fff;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.model-group ul{list-style:none;padding:0;margin:0}.model-group li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.model-group li:last-child{border-bottom:none}.model-name{color:#a0aec0;font-size:.85rem}.model-tag{font-size:.7rem;padding:.2rem .5rem;background:rgba(59,130,246,.2);color:#93c5fd;border-radius:4px}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.platform-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:rgba(0,0,0,.2);border-radius:10px;padding:1rem;text-align:center}.platform-card .platform-icon{font-size:1.5rem}.platform-card .platform-name{font-size:.85rem;font-weight:500;color:#fff}.platform-card .platform-formats{font-size:.7rem;color:#a0aec0}.actions-grid{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#93c5fd;font-size:.9rem;cursor:pointer;transition:all .2s}.action-btn:hover{background:rgba(59,130,246,.2);border-color:#3b82f6;color:#fff}.demo-video-section{margin-top:1.5rem;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(37,99,235,.1) 100%);border:1px solid rgba(37,99,235,.3)}.section-description{color:#a0aec0;font-size:.9rem;margin-bottom:1.5rem;line-height:1.6}.demo-video-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.quality-selector{display:flex;align-items:center;gap:.5rem}.quality-selector label{color:#a0aec0;font-size:.9rem}.quality-selector select{padding:.5rem 1rem;background:rgba(30,30,46,.8);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer}.quality-selector select:focus{outline:none;border-color:#3b82f6}.quality-selector select option{background-color:#1e1e2e;color:#fff;padding:10px}.quality-selector select option:hover,.quality-selector select option:checked{background-color:#3b82f6;color:#fff}.generate-demo-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.generate-demo-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.generate-demo-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.demo-result{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem}.demo-result.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.demo-result.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.demo-result h4{margin:0 0 .75rem;font-size:1rem}.demo-result.success h4{color:#10b981}.demo-result.error h4{color:#ef4444}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.result-details p{margin:0;color:#a0aec0;font-size:.85rem}.result-details strong{color:#fff}.video-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#10b981;text-decoration:none;font-size:.9rem;transition:all .2s}.video-link:hover{background:rgba(16,185,129,.3);color:#fff}.demo-specs{background:rgba(30,30,46,.5);border-radius:8px;padding:1rem 1.25rem}.demo-specs h4{margin:0 0 1rem;color:#3b82f6;font-size:1rem}.demo-specs h5{margin:1rem 0 .5rem;color:#a0aec0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.spec-item{display:flex;flex-direction:column;gap:.25rem}.spec-label{color:#6b7280;font-size:.8rem}.spec-value{color:#fff;font-size:1.1rem;font-weight:600}.scene-list,.feature-list{margin:0;padding-left:1.25rem;color:#a0aec0;font-size:.85rem}.scene-list li,.feature-list li{margin-bottom:.35rem}.scene-list strong{color:#fff}@media (max-width: 768px){.specs-grid{grid-template-columns:repeat(2,1fr)}.demo-video-controls{flex-direction:column;align-items:flex-start}.generate-demo-btn{width:100%;justify-content:center}}.email-tab{padding:1.5rem 0}.email-header{margin-bottom:1.5rem}.email-header h2{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.email-description{color:#94a3b8;font-size:.9375rem}.email-config-status{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.06)}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:600}.status-indicator.connected{background:rgba(16,185,129,.15);color:#10b981}.status-indicator.demo{background:rgba(59,130,246,.15);color:#93c5fd}.status-hint{color:#64748b;font-size:.8125rem}.email-message{padding:.875rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.email-message.success{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.email-message.error{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.email-message.info{background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.email-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width: 1200px){.email-content{grid-template-columns:1fr}}.email-compose{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.mode-selector{display:flex;gap:.75rem;margin-bottom:1.5rem}.mode-btn{flex:1;padding:.875rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#94a3b8;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:rgba(255,255,255,.06);color:#f1f5f9}.mode-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.2));border-color:#3b82f666;color:#93c5fd}.form-group label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f1f5f9;font-size:.9375rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.custom-emails-input{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem!important;line-height:1.6}.html-content-input{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem!important;line-height:1.5}.form-hint{margin-top:.5rem;font-size:.8125rem;color:#64748b}.form-hint code{background:rgba(59,130,246,.15);color:#93c5fd;padding:.125rem .375rem;border-radius:4px;font-size:.75rem}.preview-toggle{padding:.25rem .625rem;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#93c5fd;font-size:.75rem;cursor:pointer;transition:all .2s ease}.preview-toggle:hover{background:rgba(59,130,246,.25)}.email-preview{padding:1.5rem;background:#ffffff;border-radius:8px;min-height:200px;color:#1f2937}.email-preview h1,.email-preview h2,.email-preview h3{color:#1f2937}.email-preview p{color:#4b5563;line-height:1.6}.send-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:1.5rem}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.send-btn:disabled{opacity:.7;cursor:not-allowed}.send-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.email-templates{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;height:fit-content}.email-templates h3{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.templates-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.template-card{padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .2s ease}.template-card:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d}.template-card h4{font-size:.9375rem;font-weight:600;color:#f1f5f9;margin-bottom:.375rem}.template-subject{font-size:.8125rem;color:#94a3b8;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.use-template-btn{padding:.375rem .75rem;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#93c5fd;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.use-template-btn:hover{background:rgba(59,130,246,.25)}.template-tips{padding:1rem;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);border-radius:8px}.template-tips h4{font-size:.875rem;font-weight:600;color:#fbbf24;margin-bottom:.625rem}.template-tips ul{list-style:none;padding:0;margin:0}.template-tips li{font-size:.8125rem;color:#94a3b8;padding:.25rem 0 .25rem .75rem;position:relative}.template-tips li:before{content:"•";position:absolute;left:0;color:#fbbf24}.template-tips code{background:rgba(59,130,246,.15);color:#93c5fd;padding:.125rem .375rem;border-radius:4px;font-size:.6875rem}.pricing-tab{padding:0;animation:fadeIn .4s ease}.pricing-tab.loading,.pricing-tab.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.pricing-sections{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border, #E5E7EB);flex-wrap:wrap}.section-btn{padding:10px 20px;border:1px solid var(--color-border, #E5E7EB);border-radius:10px;background:var(--color-surface, #FFFFFF);color:var(--color-text-secondary, #4B5563);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.section-btn:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.08)}.section-btn.active{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px #3b82f640}.pricing-message{position:fixed;top:80px;right:24px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;z-index:1000;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0000001a}.pricing-message.success{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}.pricing-message.error{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.pricing-section .section-header{margin-bottom:24px}.pricing-section .section-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:8px;font-family:Poppins,sans-serif}.section-description{color:var(--color-text-secondary, #4B5563);font-size:14px;margin-bottom:16px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.overview-card{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:24px;box-shadow:var(--shadow-glass, 0 8px 32px 0 rgba(31, 38, 135, .12));transition:all .3s ease}.overview-card:hover{transform:translateY(-2px);border-color:#3b82f633;box-shadow:0 12px 32px #3b82f61f}.overview-card h3{font-size:16px;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary, #4B5563);margin-bottom:6px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=url],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--color-border, #E5E7EB);border-radius:10px;background:var(--color-gray-50, #F9FAFB);font-size:14px;color:var(--color-text-primary, #111827);transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.form-group select option{background-color:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);padding:10px}.form-group select option:hover,.form-group select option:checked{background-color:#3b82f61a;color:var(--color-primary, #3B82F6)}.form-group textarea{resize:vertical;min-height:60px}.toggle-list{display:flex;flex-direction:column;gap:12px}.toggle-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--color-text-primary, #111827)}.toggle-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3B82F6}.stats-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{text-align:center;padding:16px;background:rgba(50,184,198,.05);border-radius:var(--radius-md)}.stat-item .stat-value{display:block;font-size:28px;font-weight:700;color:var(--color-primary)}.stat-item .stat-label{font-size:12px;color:var(--color-text-secondary)}.action-buttons{display:flex;flex-direction:column;gap:12px}.section-actions{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border);text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.plan-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.plan-card.highlighted{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(50,184,198,.05) 0%,transparent 100%)}.plan-header{display:flex;gap:16px;align-items:center;margin-bottom:20px}.plan-icon{font-size:40px}.plan-info h3{font-size:20px;font-weight:700;margin:0}.plan-status{font-size:12px;padding:2px 8px;border-radius:4px}.plan-status.active{background:rgba(34,197,94,.1);color:var(--color-success)}.plan-status.inactive{background:rgba(107,114,128,.1);color:#6b7280}.plan-pricing,.plan-details,.plan-features,.plan-meta{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.price-row,.detail-row,.meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.price-row label,.detail-row label,.meta-row label{font-size:13px;color:var(--color-text-secondary)}.price-row input,.detail-row input{width:100px;text-align:right}.meta-row input{width:60%}.plan-features label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.plan-features textarea{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;line-height:1.6}.plan-toggles{display:flex;gap:20px;margin-bottom:16px}.badge-row{display:flex;align-items:center;gap:12px}.badge-row label{font-size:13px;color:var(--color-text-secondary)}.badge-row input{flex:1}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.addon-card-admin{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.addon-header{display:flex;gap:16px;align-items:center;margin-bottom:20px}.addon-icon{font-size:36px}.addon-info h3{font-size:18px;font-weight:700;margin:0 0 4px}.addon-status{font-size:12px;padding:2px 8px;border-radius:4px}.addon-status.active{background:rgba(34,197,94,.1);color:var(--color-success)}.addon-status.inactive{background:rgba(107,114,128,.1);color:#6b7280}.addon-toggles{margin:16px 0}.payper-content{display:flex;flex-direction:column;gap:24px}.payper-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.payper-card h3{font-size:18px;font-weight:600;margin-bottom:16px}.pricing-table{width:100%;border-collapse:collapse;margin-bottom:16px}.pricing-table th,.pricing-table td{padding:10px;text-align:left;border-bottom:1px solid var(--color-border)}.pricing-table th{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.pricing-table input{width:80px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px}.pricing-table input:focus{outline:none;border-color:var(--color-primary)}.faqs-list{display:flex;flex-direction:column;gap:16px}.faq-card-admin{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.faq-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.faq-order{font-size:14px;font-weight:700;color:var(--color-primary);min-width:30px}.faq-header .toggle-item{flex:1}.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.promo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.promo-card h3{font-size:18px;font-weight:600;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-success)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid #ef4444}.btn-danger:hover{background:#ef4444;color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 32px;font-size:16px}@media (max-width: 768px){.pricing-sections{flex-direction:column}.section-btn{width:100%;text-align:center}.plans-grid,.addons-grid,.promo-grid,.overview-grid{grid-template-columns:1fr}}.enterprise-docs-tab{padding:0}.enterprise-docs-tab .docs-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border, #E5E7EB)}.enterprise-docs-tab .docs-header h2{font-size:1.5rem;color:var(--color-text-primary, #111827);margin:0 0 8px}.enterprise-docs-tab .docs-header p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:.9rem}.enterprise-docs-tab .docs-header strong{color:#f59e0b}.enterprise-docs-tab .docs-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;min-height:calc(100vh - 250px)}.enterprise-docs-tab .docs-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:24px;height:fit-content}.enterprise-docs-tab .doc-nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .3s ease;font-size:.9rem;text-align:left}.enterprise-docs-tab .doc-nav-item:hover{background:rgba(59,130,246,.08);border-color:#2563eb4d;color:var(--color-primary, #3B82F6);transform:translate(4px)}.enterprise-docs-tab .doc-nav-item.active{background:rgba(59,130,246,.1);border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.enterprise-docs-tab .doc-nav-icon{font-size:1.2rem}.enterprise-docs-tab .doc-nav-label{font-weight:500}.enterprise-docs-tab .docs-content{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:32px;overflow-y:auto;max-height:calc(100vh - 250px)}.enterprise-docs-tab .doc-section{animation:fadeIn .3s ease}.enterprise-docs-tab .doc-section h2{font-size:1.75rem;color:var(--color-text-primary, #111827);margin:0 0 8px}.enterprise-docs-tab .section-intro{color:var(--color-text-secondary, #4B5563);font-size:1rem;margin-bottom:24px;line-height:1.6}.enterprise-docs-tab .doc-hero{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:40px;text-align:center;margin-bottom:32px}.enterprise-docs-tab .hero-badge{display:inline-block;background:linear-gradient(135deg,#2563EB,#3b82f6);color:#fff;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:16px}.enterprise-docs-tab .doc-hero h1{font-size:2rem;color:var(--color-text-primary, #111827);margin:0 0 12px}.enterprise-docs-tab .hero-subtitle{color:var(--color-text-secondary, #4B5563);font-size:1.1rem;margin:0 0 32px}.enterprise-docs-tab .hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.enterprise-docs-tab .hero-stat{display:flex;flex-direction:column;align-items:center}.enterprise-docs-tab .stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2563EB,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enterprise-docs-tab .stat-label{color:var(--color-text-muted, #9CA3AF);font-size:.9rem}.enterprise-docs-tab .doc-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:28px;margin-bottom:24px}.enterprise-docs-tab .doc-card h2,.enterprise-docs-tab .doc-card h3{color:var(--color-text-primary, #111827);margin:0 0 16px}.enterprise-docs-tab .highlight-text{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary, #4B5563);margin-bottom:24px}.enterprise-docs-tab .highlight-text strong{color:#2563eb}.enterprise-docs-tab .comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enterprise-docs-tab .comparison-col{background:var(--color-surface-alt, #F9FAFB);border-radius:12px;padding:20px}.enterprise-docs-tab .comparison-col.bad{border:1px solid rgba(239,68,68,.3)}.enterprise-docs-tab .comparison-col.good{border:1px solid rgba(34,197,94,.3)}.enterprise-docs-tab .comparison-col h4{color:var(--color-text-primary, #111827);margin:0 0 12px;font-size:1rem}.enterprise-docs-tab .comparison-col ul{margin:0;padding-left:0;list-style:none}.enterprise-docs-tab .comparison-col li{color:var(--color-text-secondary, #4B5563);padding:6px 0;font-size:.9rem}.enterprise-docs-tab .core-identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.enterprise-docs-tab .identity-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.enterprise-docs-tab .identity-card:hover{background:rgba(59,130,246,.05);border-color:var(--color-primary, #3B82F6);transform:translateY(-4px)}.enterprise-docs-tab .identity-icon{font-size:2rem;display:block;margin-bottom:12px}.enterprise-docs-tab .identity-card h4{color:var(--color-text-primary, #111827);margin:0 0 8px;font-size:1rem}.enterprise-docs-tab .identity-card p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:.85rem}.enterprise-docs-tab .architecture-layers{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.enterprise-docs-tab .arch-layer{display:flex;align-items:center;gap:20px;padding:16px 20px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:12px;transition:all .3s ease}.enterprise-docs-tab .arch-layer:hover{background:rgba(59,130,246,.1);transform:translate(8px)}.enterprise-docs-tab .layer-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563EB,#3b82f6);border-radius:10px;color:#fff;font-weight:700;font-size:.9rem}.enterprise-docs-tab .layer-content h4{color:var(--color-text-primary, #111827);margin:0 0 4px;font-size:1rem}.enterprise-docs-tab .layer-content p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:.85rem}.enterprise-docs-tab .tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.enterprise-docs-tab .tech-category h5{color:var(--color-text-muted, #9CA3AF);font-size:.8rem;text-transform:uppercase;margin:0 0 10px}.enterprise-docs-tab .tech-tags{display:flex;flex-wrap:wrap;gap:8px}.enterprise-docs-tab .tech-tag{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.enterprise-docs-tab .agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.enterprise-docs-tab .agent-category{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;overflow:hidden}.enterprise-docs-tab .category-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(59,130,246,.08);border-bottom:1px solid var(--color-border, #E5E7EB)}.enterprise-docs-tab .category-icon{font-size:1.5rem}.enterprise-docs-tab .category-header h3{color:var(--color-text-primary, #111827);margin:0;font-size:1rem;flex:1}.enterprise-docs-tab .agent-count{background:rgba(59,130,246,.15);color:var(--color-primary, #3B82F6);padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.enterprise-docs-tab .agent-list{padding:16px 20px;max-height:250px;overflow-y:auto}.enterprise-docs-tab .agent-item{padding:8px 0;color:var(--color-text-secondary, #4B5563);font-size:.85rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.enterprise-docs-tab .agent-item:last-child{border-bottom:none}.enterprise-docs-tab .algorithm-suites{display:flex;flex-direction:column;gap:32px}.enterprise-docs-tab .algorithm-suite{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;overflow:hidden}.enterprise-docs-tab .suite-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:rgba(59,130,246,.08);border-bottom:1px solid var(--color-border, #E5E7EB)}.enterprise-docs-tab .suite-icon{font-size:1.5rem}.enterprise-docs-tab .suite-header h3{color:var(--color-text-primary, #111827);margin:0;flex:1}.enterprise-docs-tab .algo-count{background:rgba(59,130,246,.15);color:var(--color-primary, #3B82F6);padding:6px 14px;border-radius:12px;font-size:.8rem;font-weight:600}.enterprise-docs-tab .algo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.enterprise-docs-tab .algo-card{background:var(--color-surface-alt, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:16px;transition:all .3s ease}.enterprise-docs-tab .algo-card:hover{background:rgba(59,130,246,.06);border-color:var(--color-primary, #3B82F6);transform:translateY(-2px)}.enterprise-docs-tab .algo-card h4{color:var(--color-primary, #2563EB);margin:0 0 8px;font-size:1rem}.enterprise-docs-tab .algo-card p{color:var(--color-text-secondary, #4B5563);margin:0 0 8px;font-size:.8rem}.enterprise-docs-tab .algo-desc{color:var(--color-text-muted, #9CA3AF);font-size:.75rem}.enterprise-docs-tab .platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.enterprise-docs-tab .platform-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px;transition:all .3s ease}.enterprise-docs-tab .platform-card:hover{transform:translateY(-4px)}.enterprise-docs-tab .platform-card.tier-1{border-color:#2563eb66}.enterprise-docs-tab .platform-card.tier-1:hover{background:rgba(37,99,235,.06)}.enterprise-docs-tab .platform-card.tier-2{border-color:#3b82f64d}.enterprise-docs-tab .platform-card.tier-2:hover{background:rgba(59,130,246,.06)}.enterprise-docs-tab .platform-card.tier-3{border-color:var(--color-border, #E5E7EB)}.enterprise-docs-tab .platform-card.tier-3:hover{background:var(--color-surface-alt, #F9FAFB)}.enterprise-docs-tab .platform-icon{font-size:2rem;margin-bottom:12px}.enterprise-docs-tab .platform-card h4{color:var(--color-text-primary, #111827);margin:0 0 8px}.enterprise-docs-tab .tier-badge{display:inline-block;background:linear-gradient(135deg,#2563EB,#3b82f6);color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;margin-bottom:12px}.enterprise-docs-tab .tier-badge.tier-2-badge{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.enterprise-docs-tab .tier-badge.tier-3-badge{background:var(--color-surface-alt, #F3F4F6);color:var(--color-text-secondary, #4B5563)}.enterprise-docs-tab .platform-card ul{margin:0;padding:0;list-style:none}.enterprise-docs-tab .platform-card li{color:var(--color-text-secondary, #4B5563);font-size:.8rem;padding:4px 0}.enterprise-docs-tab .deployment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.enterprise-docs-tab .deploy-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.enterprise-docs-tab .deploy-card:hover{background:rgba(59,130,246,.06);border-color:var(--color-primary, #3B82F6);transform:translateY(-4px)}.enterprise-docs-tab .deploy-icon{font-size:2.5rem;margin-bottom:16px}.enterprise-docs-tab .deploy-card h3{color:var(--color-text-primary, #111827);margin:0 0 20px}.enterprise-docs-tab .deploy-details{text-align:left}.enterprise-docs-tab .deploy-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border, #E5E7EB)}.enterprise-docs-tab .item-label{color:var(--color-text-muted, #9CA3AF);font-size:.85rem}.enterprise-docs-tab .item-value{color:var(--color-text-secondary, #4B5563);font-size:.85rem;font-weight:500}.enterprise-docs-tab .requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.enterprise-docs-tab .req-category{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px}.enterprise-docs-tab .req-category h5{color:var(--color-primary, #2563EB);margin:0 0 12px}.enterprise-docs-tab .req-category ul{margin:0;padding-left:16px}.enterprise-docs-tab .req-category li{color:var(--color-text-secondary, #4B5563);font-size:.85rem;padding:4px 0}.enterprise-docs-tab .pricing-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.enterprise-docs-tab .pricing-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.enterprise-docs-tab .pricing-card:hover{transform:translateY(-8px);border-color:var(--color-primary, #3B82F6)}.enterprise-docs-tab .pricing-card.growth{border-color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.04)}.enterprise-docs-tab .pricing-header{padding:24px;text-align:center;background:rgba(59,130,246,.06);border-bottom:1px solid var(--color-border, #E5E7EB);position:relative}.enterprise-docs-tab .pricing-header h3{color:var(--color-text-primary, #111827);margin:0 0 12px}.enterprise-docs-tab .price{font-size:2rem;font-weight:700;color:var(--color-primary, #2563EB)}.enterprise-docs-tab .price span{font-size:.9rem;color:var(--color-text-muted, #9CA3AF);font-weight:400}.enterprise-docs-tab .popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#2563EB,#3b82f6);color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600}.enterprise-docs-tab .pricing-features{padding:24px;margin:0;list-style:none}.enterprise-docs-tab .pricing-features li{color:var(--color-text-secondary, #4B5563);font-size:.85rem;padding:8px 0;border-bottom:1px solid var(--color-border, #E5E7EB)}.enterprise-docs-tab .pricing-features li:last-child{border-bottom:none}.enterprise-docs-tab .compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.enterprise-docs-tab .compliance-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.enterprise-docs-tab .compliance-card:hover{background:rgba(34,197,94,.06);border-color:#22c55e4d;transform:translateY(-4px)}.enterprise-docs-tab .compliance-icon{font-size:2.5rem;margin-bottom:16px}.enterprise-docs-tab .compliance-card h4{color:var(--color-text-primary, #111827);margin:0 0 8px}.enterprise-docs-tab .compliance-card p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:.85rem}.enterprise-docs-tab .security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.enterprise-docs-tab .security-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px}.enterprise-docs-tab .security-icon{font-size:1.5rem}.enterprise-docs-tab .security-item h5{color:var(--color-text-primary, #111827);margin:0 0 4px;font-size:.95rem}.enterprise-docs-tab .security-item p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:.85rem}.enterprise-docs-tab .docs-content::-webkit-scrollbar,.enterprise-docs-tab .agent-list::-webkit-scrollbar{width:6px}.enterprise-docs-tab .docs-content::-webkit-scrollbar-track,.enterprise-docs-tab .agent-list::-webkit-scrollbar-track{background:var(--color-surface-alt, #F9FAFB)}.enterprise-docs-tab .docs-content::-webkit-scrollbar-thumb,.enterprise-docs-tab .agent-list::-webkit-scrollbar-thumb{background:rgba(59,130,246,.4);border-radius:3px}@media (max-width: 1400px){.enterprise-docs-tab .platforms-grid,.enterprise-docs-tab .pricing-tiers,.enterprise-docs-tab .algo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.enterprise-docs-tab .docs-layout{grid-template-columns:220px 1fr}.enterprise-docs-tab .agents-grid,.enterprise-docs-tab .deployment-options,.enterprise-docs-tab .requirements-grid,.enterprise-docs-tab .compliance-grid,.enterprise-docs-tab .tech-grid,.enterprise-docs-tab .core-identity-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.enterprise-docs-tab .docs-layout{grid-template-columns:1fr}.enterprise-docs-tab .docs-nav{flex-direction:row;flex-wrap:wrap;position:static;margin-bottom:20px}.enterprise-docs-tab .doc-nav-item{flex:0 0 auto;padding:10px 14px}.enterprise-docs-tab .doc-nav-label{display:none}.enterprise-docs-tab .docs-content{max-height:none}.enterprise-docs-tab .comparison-grid,.enterprise-docs-tab .security-grid,.enterprise-docs-tab .platforms-grid,.enterprise-docs-tab .pricing-tiers,.enterprise-docs-tab .agents-grid,.enterprise-docs-tab .deployment-options,.enterprise-docs-tab .compliance-grid,.enterprise-docs-tab .algo-grid{grid-template-columns:1fr}}.assistant-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0071e3 0%,#5856d6 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0071e366;transition:all .3s ease;z-index:1000}.assistant-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #0071e399}.fab-icon{font-size:28px}.fab-badge{position:absolute;top:-4px;right:-4px;background:#ff3b30;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.admin-assistant{position:fixed;bottom:24px;right:24px;width:420px;max-height:600px;background:#1d1d1f;border-radius:16px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;z-index:1000;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.admin-assistant.minimized{max-height:60px}.assistant-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#0071e3 0%,#5856d6 100%);cursor:pointer}.header-left{display:flex;align-items:center;gap:12px}.assistant-icon{font-size:24px}.header-info h3{margin:0;font-size:14px;font-weight:600;color:#fff}.status-badge{font-size:11px;opacity:.9}.status-badge.configured{color:#30d158}.status-badge.not-configured{color:#fc0}.header-actions{display:flex;gap:8px}.header-btn{background:rgba(255,255,255,.2);border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s}.header-btn:hover{background:rgba(255,255,255,.3)}.close-btn:hover{background:rgba(255,59,48,.6)}.quick-actions{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.quick-actions-label{font-size:12px;color:#86868b;margin:0 0 8px}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-action-btn{background:rgba(0,113,227,.1);border:1px solid rgba(0,113,227,.3);color:#0071e3;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s;text-align:left}.quick-action-btn:hover{background:rgba(0,113,227,.2);border-color:#0071e380}.assistant-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;max-height:380px;min-height:200px}.welcome-message{text-align:center;padding:24px}.welcome-icon{font-size:48px;display:block;margin-bottom:12px}.welcome-message h4{margin:0 0 8px;color:#fff;font-size:16px}.welcome-message p{margin:0;color:#86868b;font-size:13px;line-height:1.5}.message{display:flex;gap:12px;max-width:100%}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message.user .message-avatar{background:rgba(0,113,227,.2)}.message-content{background:rgba(255,255,255,.05);padding:12px 16px;border-radius:12px;max-width:85%}.message.user .message-content{background:rgba(0,113,227,.2);border-radius:12px 12px 4px}.message.assistant .message-content{border-radius:12px 12px 12px 4px}.message-content p{margin:0;color:#f5f5f7;font-size:14px;line-height:1.5}.message-content h1,.message-content h2,.message-content h3,.message-content h4{color:#fff;margin:0 0 8px;font-size:14px}.message-content ul,.message-content ol{margin:8px 0;padding-left:20px;color:#f5f5f7}.message-content li{margin:4px 0;font-size:13px}.message-content code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-size:12px;color:#ff9f0a}.message-content pre{background:rgba(0,0,0,.3);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.message-content pre code{background:none;padding:0}.message-time{display:block;font-size:10px;color:#86868b;margin-top:6px}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:#86868b;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.assistant-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.assistant-input textarea{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;resize:none;outline:none;font-family:inherit;max-height:100px}.assistant-input textarea::placeholder{color:#86868b}.assistant-input textarea:focus{border-color:#0071e380}.send-btn{width:40px;height:40px;background:linear-gradient(135deg,#0071e3 0%,#5856d6 100%);border:none;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.assistant-messages::-webkit-scrollbar{width:6px}.assistant-messages::-webkit-scrollbar-track{background:transparent}.assistant-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}@media (max-width: 480px){.admin-assistant{width:calc(100vw - 32px);right:16px;bottom:16px;max-height:80vh}.quick-actions-grid{grid-template-columns:1fr}}.storage-browser{position:relative;min-height:500px}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(99,102,241,.95);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px;border:3px dashed white}.drag-content{text-align:center;color:#fff}.drag-icon{font-size:64px;display:block;margin-bottom:16px}.drag-content h3{font-size:24px;margin-bottom:8px}.drag-content p{opacity:.9}.tab-header{margin-bottom:24px}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.tab-header h2{font-size:24px;margin-bottom:4px;color:#1f2937}.tab-header p{color:#6b7280;margin:0}.header-actions{display:flex;gap:12px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #6366f140;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 14px #6366f140}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#374151;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 1px 4px #0000000a}.btn-secondary:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-cancel{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151;border:2px solid #d1d5db;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel:hover{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ef444440}.btn-delete:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.success-banner,.error-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500}.success-banner{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.error-banner{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.success-banner button,.error-banner button{background:transparent;border:none;font-size:18px;cursor:pointer;opacity:.7}.success-banner button:hover,.error-banner button:hover{opacity:1}.storage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:white;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.stat-icon{font-size:32px;background:#f3f4f6;padding:16px;border-radius:12px}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700;color:#1f2937}.stat-sublabel{font-size:13px;color:#6b7280}.file-types{display:flex;flex-wrap:wrap;gap:6px}.file-type-badge{background:#eef2ff;color:#4f46e5;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.browser-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.browser-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.breadcrumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.breadcrumb{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.breadcrumb:hover{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#a5b4fc;transform:translateY(-1px)}.breadcrumb.active{color:#1f2937;font-weight:600;cursor:default;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border-color:#9ca3af;transform:none}.breadcrumb-separator{color:#9ca3af;font-size:12px}.refresh-btn{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#475569;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;gap:4px}.refresh-btn:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.refresh-btn:active{transform:translateY(0)}.loading-bar{height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.files-table{width:100%;border-collapse:collapse}.files-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.files-table td{padding:10px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151;vertical-align:middle}.files-table td:last-child{width:1%;white-space:nowrap}.files-table tbody tr{transition:background .15s}.files-table tbody tr:hover{background:#f9fafb}.files-table tbody tr.selected{background:#eef2ff}.files-table tbody tr.folder-row{cursor:pointer}.checkbox-col{width:40px;text-align:center}.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.file-name{display:flex;align-items:center;gap:10px;font-weight:500}.file-icon{font-size:20px}.file-link{background:none;border:none;color:#6366f1;cursor:pointer;font-weight:500;font-size:14px;text-align:left;padding:0}.file-link:hover{text-decoration:underline}.type-badge{background:#f3f4f6;color:#6b7280;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase}.align-right{text-align:right}.actions-cell{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-left:auto;float:right}.storage-action-btn{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d;white-space:nowrap;height:32px}.storage-action-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.storage-action-btn:active{transform:translateY(0)}.storage-action-btn.copy-url{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd}.storage-action-btn.copy-url:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.storage-action-btn.rename{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.storage-action-btn.rename:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b40}.storage-action-btn.download{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#6ee7b7}.storage-action-btn.download:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);border-color:#10b981;box-shadow:0 4px 12px #10b98140}.storage-action-btn.delete{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#fca5a5}.storage-action-btn.delete:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.storage-action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.empty-state{text-align:center;padding:48px 24px!important}.empty-content{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{font-size:48px;opacity:.5}.empty-content p{color:#6b7280;margin:0}.empty-actions{display:flex;gap:12px;margin-top:8px}.modal-content{background:white;border-radius:12px;padding:24px;max-width:440px;width:100%;box-shadow:0 20px 40px #0003}.modal-content h3{margin:0 0 16px;font-size:20px;color:#1f2937}.modal-content p{color:#4b5563;margin:0 0 16px}.modal-body{margin-bottom:20px}.modal-body label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.modal-body input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.modal-body input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.input-help{font-size:13px;color:#6b7280;margin-top:8px!important;font-family:monospace;background:#f3f4f6;padding:8px;border-radius:4px}.warning-text{color:#b45309!important;background:#fef3c7;padding:12px;border-radius:8px;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.upload-modal .modal-content{max-width:500px}.upload-list{max-height:300px;overflow-y:auto;margin-bottom:20px}.upload-item{padding:12px;border-radius:8px;background:#f9fafb;margin-bottom:8px}.upload-item.complete{background:#d1fae5}.upload-item.error{background:#fee2e2}.upload-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}.upload-icon{font-size:18px}.upload-name{font-weight:500;word-break:break-all}.upload-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease;border-radius:3px}.upload-item.complete .upload-progress-fill{background:#10b981}.upload-item.error .upload-progress-fill{background:#ef4444}.upload-error{display:block;font-size:12px;color:#dc2626;margin-top:4px}.preview-modal .modal-content{max-width:90vw;max-height:90vh;width:auto;padding:0;overflow:hidden}.preview-content{display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.preview-header h3{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s;flex-shrink:0}.close-btn:hover{background:#e5e7eb}.preview-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#1f2937;min-height:300px}.preview-body img{max-width:100%;max-height:60vh;object-fit:contain}.preview-body video{max-width:100%;max-height:60vh}.preview-body audio{width:100%;max-width:400px}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.preview-info{display:flex;gap:20px;color:#6b7280;font-size:13px}.preview-actions{display:flex;gap:12px}@media (max-width: 768px){.header-row{flex-direction:column}.header-actions{width:100%;justify-content:stretch}.header-actions button{flex:1;justify-content:center}.storage-stats-grid{grid-template-columns:1fr}.browser-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{justify-content:space-between}.files-table th:nth-child(3),.files-table td:nth-child(3),.files-table th:nth-child(5),.files-table td:nth-child(5){display:none}.actions-cell{flex-wrap:wrap}.preview-footer{flex-direction:column;align-items:stretch}.preview-info,.preview-actions{justify-content:center}}.nvidia-cloud-config{padding:0}.nvidia-cloud-config.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.nvidia-cloud-config .loading-spinner{width:40px;height:40px;border:3px solid #374151;border-top-color:#76b900;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-banner{display:flex;justify-content:space-between;align-items:center;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 16px;margin-bottom:20px;border-radius:8px}.error-banner button{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:18px}.nvidia-header{background:linear-gradient(135deg,rgba(118,185,0,.08) 0%,rgba(118,185,0,.04) 100%);border:1px solid rgba(118,185,0,.3);border-radius:16px;padding:24px;margin-bottom:24px}.nvidia-logo{display:flex;align-items:center;gap:16px;margin-bottom:24px}.gpu-icon{font-size:48px}.nvidia-logo h2{margin:0 0 4px;color:var(--color-text-primary, #111827);font-size:22px;font-weight:700}.nvidia-logo p{margin:0;color:var(--color-text-secondary, #4B5563);font-size:14px}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.status-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px}.status-card .card-icon{font-size:24px}.status-card .card-content{display:flex;flex-direction:column}.status-card .card-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #9CA3AF);margin-bottom:6px}.status-card .card-value{color:var(--color-text-primary, #111827);font-size:16px;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.enabled{background:rgba(16,185,129,.2);color:#34d399}.status-badge.disabled{background:rgba(107,114,128,.2);color:#9ca3af}.callback-url{display:flex;align-items:center;gap:8px}.url-text{color:#9ca3af;font-size:12px;font-family:monospace}.copy-btn{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;opacity:.7;transition:opacity .2s}.copy-btn:hover{opacity:1}.section-title{font-size:18px;font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 16px}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.provider-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px;position:relative;transition:border-color .2s}.provider-card:hover{border-color:var(--color-primary, #3B82F6)}.provider-card.active{border-color:#76b900;border-width:2px}.active-badge{position:absolute;top:12px;right:12px;background:rgba(16,185,129,.2);color:#34d399;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.provider-header{display:flex;gap:12px;margin-bottom:16px}.provider-icon{font-size:36px}.provider-header h4{margin:0;color:var(--color-text-primary, #111827);font-size:18px;font-weight:600}.provider-desc{margin:4px 0 0;color:var(--color-text-secondary, #4B5563);font-size:13px}.provider-specs{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--color-border, #E5E7EB);border-bottom:1px solid var(--color-border, #E5E7EB);margin-bottom:16px}.spec{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:12px;color:var(--color-text-muted, #9CA3AF)}.spec-value{font-size:14px;color:var(--color-text-secondary, #4B5563);font-weight:500}.provider-status{display:flex;align-items:center;gap:12px;margin-bottom:16px}.config-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid}.config-badge.configured{background:rgba(16,185,129,.1);border-color:#10b9814d;color:#34d399}.config-badge.not-configured{background:rgba(107,114,128,.1);border-color:#6b72804d;color:#9ca3af}.masked-key{color:#6b7280;font-size:12px;font-family:monospace}.provider-details{background:var(--color-surface-alt, #F9FAFB);border-radius:8px;padding:16px;margin-bottom:16px}.provider-details h5{margin:0 0 12px;color:var(--color-text-secondary, #4B5563);font-size:13px;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border, #E5E7EB)}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--color-text-secondary, #4B5563);font-size:13px}.detail-row code{color:var(--color-primary, #3B82F6);font-size:12px;background:rgba(59,130,246,.1);padding:4px 8px;border-radius:4px}.provider-actions{display:flex;justify-content:space-between;align-items:center}.expand-btn{background:none;border:none;color:var(--color-text-muted, #9CA3AF);cursor:pointer;font-size:12px;padding:4px 8px;transition:color .2s}.expand-btn:hover{color:var(--color-text-primary, #111827)}.action-btns{display:flex;gap:8px}.btn-configure{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-configure:hover{background:rgba(59,130,246,.3);border-color:#3b82f680}.btn-activate{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#34d399;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-activate:hover{background:rgba(16,185,129,.3);border-color:#10b98180}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:24px;max-width:500px;width:100%;box-shadow:0 20px 40px #00000026}.modal-content h3{margin:0 0 20px;color:var(--color-text-primary, #111827);font-size:18px}.info-banner{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.warning-banner{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#fcd34d;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.form-group label{display:block;color:var(--color-text-secondary, #4B5563);font-size:13px;font-weight:500;margin-bottom:8px}.form-group input{width:100%;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;padding:12px;color:var(--color-text-primary, #111827);font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#76b900}.form-group input::placeholder{color:var(--color-text-muted, #9CA3AF)}.input-hint{display:block;color:var(--color-text-muted, #9CA3AF);font-size:12px;margin-top:6px}.btn-cancel{background:var(--color-surface-alt, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.btn-cancel:hover{background:var(--color-border, #E5E7EB)}.btn-generate{background:linear-gradient(135deg,#76b900,#5a8f00);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.btn-generate:hover{opacity:.9}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.commands-modal{max-width:700px}.commands-box{background:var(--color-surface-alt, #F9FAFB);border-radius:8px;padding:16px}.command-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border, #E5E7EB)}.command-row:last-child{border-bottom:none}.command-row code{color:var(--color-primary, #3B82F6);font-size:13px;word-break:break-all;flex:1}.btn-copy-all{background:linear-gradient(135deg,#3b82f6,#2563EB);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.btn-copy-all:hover{opacity:.9}.insights-tab{padding:24px;background:var(--bg-secondary, #F9FAFB);min-height:100vh;color:var(--text-primary, #111827);animation:fadeIn .4s ease}.insights-loading,.insights-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.insights-error h3{color:#ef4444;margin-bottom:8px}.insights-error button{margin-top:16px;padding:8px 24px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.insights-error button:hover{background:linear-gradient(135deg,#2563EB 0%,#1D4ED8 100%);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f640}.insights-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.header-left h2{margin:0 0 4px;font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827);font-family:Poppins,sans-serif}.header-left p{margin:0;color:var(--color-text-secondary, #4B5563);font-size:.9rem}.header-right{display:flex;align-items:center;gap:12px}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary, #4B5563);font-size:.85rem;cursor:pointer}.auto-refresh-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#3B82F6}.header-right select{padding:8px 16px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.85rem;cursor:pointer}.header-right select:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 3px #3b82f61a}.header-right select option{background-color:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);padding:10px}.refresh-btn{padding:8px 16px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-secondary, #4B5563);cursor:pointer;font-size:.85rem;transition:all .2s ease}.refresh-btn:hover{background:rgba(59,130,246,.08);border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease;box-shadow:var(--shadow-glass, 0 8px 32px 0 rgba(31, 38, 135, .12));animation:softGlow 3s ease-in-out infinite;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.metric-card:hover{transform:translateY(-3px);border-color:var(--color-primary, #3B82F6);box-shadow:0 12px 32px #3b82f626;background:rgba(224,242,254,.4)}.metric-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:12px}.metric-content{flex:1}.metric-content h3{margin:0 0 4px;font-size:.85rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary, #3B82F6),var(--color-data-teal, #14B8A6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.metric-detail{font-size:.8rem;color:var(--color-text-secondary, #4B5563);margin-top:4px}.progress-bar{height:6px;background:var(--color-gray-100, #F3F4F6);border-radius:3px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10B981,#34D399);border-radius:3px;transition:width .3s ease}.metric-card.cpu .progress-fill{background:linear-gradient(90deg,#3B82F6,#60A5FA)}.metric-card.memory .progress-fill{background:linear-gradient(90deg,#A78BFA,#C4B5FD)}.video-stats-section{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-glass, 0 8px 32px 0 rgba(31, 38, 135, .12))}.video-stats-section h3{margin:0 0 16px;font-size:1.1rem;color:var(--color-text-primary, #111827);font-weight:600}.video-stats-grid{display:flex;flex-wrap:wrap;gap:24px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.8rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.4rem;font-weight:600;color:var(--color-text-primary, #111827)}.stat-item.success .stat-value{color:#10b981}.stat-item.error .stat-value{color:#ef4444}.event-logs-section{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-glass, 0 8px 32px 0 rgba(31, 38, 135, .12))}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border, #E5E7EB);flex-wrap:wrap;gap:12px}.logs-header h3{margin:0;font-size:1.1rem;color:#e6edf3}.logs-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input,.category-input{padding:8px 12px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.85rem;width:150px;transition:all .2s ease}.search-input:focus,.category-input:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder,.category-input::placeholder{color:var(--color-text-muted, #9CA3AF)}.filter-select{padding:8px 12px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:.85rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 3px #3b82f61a}.filter-select option{background-color:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);padding:10px}.filter-select option:hover,.filter-select option:checked{background-color:#3b82f61a;color:var(--color-primary, #3B82F6)}.export-btn,.clear-btn{padding:8px 16px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-secondary, #4B5563);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.export-btn:hover{background:rgba(16,185,129,.1);border-color:#10b981;color:#10b981}.clear-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.logs-container{max-height:500px;overflow-y:auto}.no-logs{padding:48px;text-align:center;color:var(--color-text-secondary, #4B5563)}.logs-table{width:100%;border-collapse:collapse;font-size:.85rem}.logs-table th{position:sticky;top:0;background:linear-gradient(90deg,rgba(224,242,254,.3),rgba(255,237,213,.2));text-align:left;padding:12px 16px;color:var(--color-text-secondary, #4B5563);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.logs-table td{padding:10px 16px;border-bottom:1px solid rgba(59,130,246,.05);vertical-align:middle;color:var(--color-text-primary, #111827)}.logs-table tbody tr:hover{background:rgba(224,242,254,.2)}.log-time{font-family:IBM Plex Mono,SF Mono,Monaco,Fira Mono,monospace;font-size:.8rem;color:var(--color-text-secondary, #4B5563);white-space:nowrap}.log-level{white-space:nowrap}.level-badge{padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-level-error .level-badge{background:rgba(248,81,73,.2);color:#f85149}.log-level-warn .level-badge{background:rgba(245,158,11,.15);color:#d97706}.log-level-info .level-badge{background:rgba(59,130,246,.15);color:#3b82f6}.log-level-success .level-badge{background:rgba(16,185,129,.15);color:#10b981}.log-level-debug .level-badge{background:rgba(156,163,175,.15);color:#6b7280}.log-category{color:#a78bfa;font-weight:500}.log-message{color:var(--color-text-primary, #111827);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-source{color:var(--color-text-secondary, #4B5563);font-size:.8rem}.details-btn{padding:4px 8px;background:transparent;border:1px solid var(--color-border, #E5E7EB);border-radius:6px;color:var(--color-primary, #3B82F6);cursor:pointer;font-size:.75rem;transition:all .2s ease}.details-btn:hover{background:rgba(59,130,246,.08);border-color:var(--color-primary, #3B82F6)}.details-row{background:var(--color-gray-50, #F9FAFB)!important}.details-content{margin:0;padding:12px;background:var(--color-gray-100, #F3F4F6);border-radius:8px;font-family:IBM Plex Mono,SF Mono,Monaco,Fira Mono,monospace;font-size:.8rem;color:var(--color-text-secondary, #4B5563);overflow-x:auto;max-width:100%;border:1px solid var(--color-border, #E5E7EB)}.logs-footer{padding:12px 20px;background:var(--color-gray-50, #F9FAFB);border-top:1px solid var(--color-border, #E5E7EB);text-align:center;color:var(--color-text-secondary, #4B5563);font-size:.8rem}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:var(--color-gray-50, #F9FAFB)}.logs-container::-webkit-scrollbar-thumb{background:var(--color-gray-300, #D1D5DB);border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400, #9CA3AF)}@media (max-width: 768px){.insights-header{flex-direction:column;align-items:flex-start}.header-right{flex-wrap:wrap}.metrics-grid{grid-template-columns:1fr}.logs-controls{width:100%;justify-content:flex-start}.search-input,.category-input{width:100%}.log-message{max-width:200px}}.workers-tab{padding:0}.workers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.workers-header .header-left h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text-primary, #111827)}.workers-header .header-left p{margin:0;color:var(--color-text-secondary, #6B7280)}.workers-header .header-actions{display:flex;gap:1rem}.refresh-btn{padding:.75rem 1.25rem;background:var(--color-surface, #fff);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--color-gray-100, #F3F4F6)}.danger-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#DC2626,#B91C1C);transform:translateY(-1px)}.danger-btn:disabled{opacity:.6;cursor:not-allowed}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;color:#991b1b;margin-bottom:1.5rem}.error-banner button{background:none;border:none;font-size:1.25rem;color:#991b1b;cursor:pointer;padding:0;line-height:1}.formation-controls{background:var(--color-surface, #fff);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.formation-controls h3{margin:0 0 1.25rem;font-size:1.1rem;color:var(--color-text-primary, #111827)}.formation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.formation-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px}.formation-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:white;border-radius:10px;box-shadow:0 2px 4px #0000000d}.formation-info{flex:1}.formation-info h4{margin:0 0 .25rem;font-size:.9rem;color:var(--color-text-secondary, #6B7280)}.formation-count{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary, #111827)}.formation-actions{display:flex;gap:.5rem}.scale-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #E5E7EB);border-radius:8px;background:white;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.scale-btn:hover:not(:disabled){background:var(--color-gray-100, #F3F4F6)}.scale-btn.plus:hover:not(:disabled){background:#ECFDF5;border-color:#10b981;color:#10b981}.scale-btn.minus:hover:not(:disabled){background:#FEF2F2;border-color:#ef4444;color:#ef4444}.scale-btn:disabled{opacity:.5;cursor:not-allowed}.dynos-section{background:var(--color-surface, #fff);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.dynos-section h3{margin:0 0 1.25rem;font-size:1.1rem;color:var(--color-text-primary, #111827)}.dynos-table{overflow-x:auto}.dynos-table table{width:100%;border-collapse:collapse}.dynos-table th{text-align:left;padding:.75rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #6B7280);background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB)}.dynos-table td{padding:1rem;border-bottom:1px solid var(--color-border, #E5E7EB);font-size:.9rem}.dynos-table tr:last-child td{border-bottom:none}.dyno-name{font-weight:600;font-family:monospace;color:var(--color-text-primary, #111827)}.dyno-type{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--color-gray-100, #F3F4F6);border-radius:6px;font-size:.85rem}.dyno-type.web{background:#DBEAFE;color:#1e40af}.dyno-type.worker{background:#FEF3C7;color:#92400e}.dyno-state{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.state-up{background:#D1FAE5;color:#065f46}.state-starting{background:#FEF3C7;color:#92400e}.state-crashed{background:#FEE2E2;color:#991b1b}.state-idle{background:#E5E7EB;color:#4b5563}.state-unknown{background:#F3F4F6;color:#6b7280}.dyno-date{font-size:.85rem;color:var(--color-text-secondary, #6B7280)}.action-btn{padding:.5rem .75rem;border:1px solid var(--color-border, #E5E7EB);border-radius:6px;background:white;cursor:pointer;transition:all .2s ease}.action-btn:hover:not(:disabled){background:var(--color-gray-100, #F3F4F6)}.action-btn.restart:hover:not(:disabled){background:#DBEAFE;border-color:#3b82f6}.action-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary, #6B7280)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state p{margin:.5rem 0}.empty-hint{font-size:.85rem;opacity:.7}.quick-actions{background:var(--color-surface, #fff);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.quick-actions h3{margin:0 0 1.25rem;font-size:1.1rem;color:var(--color-text-primary, #111827)}.actions-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.quick-action-btn{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;cursor:pointer;transition:all .2s ease;min-width:fit-content}.quick-action-btn:hover:not(:disabled){background:white;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.quick-action-btn.warning:hover:not(:disabled){border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-btn .action-icon{font-size:1.25rem}.quick-action-btn .action-label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary, #4B5563);white-space:nowrap}.last-refresh{text-align:center;font-size:.8rem;color:var(--color-text-secondary, #9CA3AF);margin-top:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-secondary, #6B7280)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200, #E5E7EB);border-top-color:var(--color-primary, #3B82F6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.workers-header{flex-direction:column;gap:1rem}.workers-header .header-actions{width:100%;justify-content:flex-start}.formation-grid{grid-template-columns:1fr}.actions-grid{flex-direction:column}.quick-action-btn{width:100%;justify-content:center}.dynos-table{font-size:.85rem}.dynos-table th,.dynos-table td{padding:.75rem .5rem}}.cloud-video-jobs{padding:0;max-width:100%;margin:0}.cloud-video-jobs.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--color-text-secondary, #4B5563)}.spinner{width:40px;height:40px;border:4px solid var(--color-border, #E5E7EB);border-top-color:var(--color-primary, #3B82F6);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.cvj-header{margin-bottom:24px;display:none}.cvj-title{display:flex;align-items:center;gap:16px}.cvj-icon{font-size:48px}.cvj-title h2{margin:0;font-size:24px;color:var(--color-text-primary, #111827);font-weight:600}.cvj-title p{margin:4px 0 0;color:var(--color-text-secondary, #6B7280);font-size:14px}.cvj-tabs{display:flex;gap:0;margin-bottom:24px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:4px;width:fit-content}.cvj-tab{padding:10px 20px;background:transparent;border:none;color:var(--color-text-secondary, #6B7280);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.cvj-tab:hover{color:var(--color-text-primary, #111827);background:var(--color-gray-100, #F3F4F6)}.cvj-tab.active{color:#fff;background:var(--color-primary, #3B82F6);box-shadow:0 2px 4px #3b82f64d}.cvj-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.cvj-alert.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}.cvj-alert.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#16a34a}.cvj-alert button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7}.cvj-alert button:hover{opacity:1}.cvj-wan21-status{display:flex;flex-wrap:wrap;gap:24px;padding:16px 20px;background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(139,92,246,.08) 100%);border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:24px}.cvj-wan21-status-item{display:flex;align-items:center;gap:8px}.cvj-wan21-status-item .label{color:var(--color-text-secondary, #6B7280);font-size:13px;font-weight:500}.cvj-wan21-status-item .status-ok{color:#16a34a;font-weight:600}.cvj-wan21-status-item .status-error{color:#dc2626;font-weight:600}.cvj-generate-section{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}.cvj-generate-section.wan21{background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,rgba(139,92,246,.03) 100%);border-color:#3b82f633}.cvj-generate-section h3{margin:0 0 8px;color:var(--color-text-primary, #111827);font-size:18px;font-weight:600}.cvj-generate-section>p{margin:0 0 20px;color:var(--color-text-secondary, #6B7280);font-size:14px}.cvj-cost-estimate{display:flex;flex-wrap:wrap;gap:32px;padding:20px 24px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;margin:16px 0}.cvj-cost-item{display:flex;flex-direction:column;gap:4px}.cvj-cost-label{font-size:11px;color:var(--color-text-secondary, #6B7280);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.cvj-cost-value{font-size:24px;font-weight:700;color:var(--color-text-primary, #111827)}.cvj-cost-value.highlight{color:#16a34a}.cvj-generate-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.cvj-form-group{display:flex;flex-direction:column;gap:6px}.cvj-form-group label{font-size:12px;color:var(--color-text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cvj-form-group select{padding:10px 14px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;color:var(--color-text-primary, #111827);font-size:14px;min-width:250px;cursor:pointer}.cvj-form-group select:hover{border-color:var(--color-primary, #3B82F6)}.cvj-form-group select:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 3px #3b82f626}.cvj-generate-btn{padding:12px 24px;background:var(--color-primary, #3B82F6);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.cvj-generate-btn:hover:not(:disabled){background:#2563EB;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.cvj-generate-btn:disabled{opacity:.6;cursor:not-allowed}.cvj-generate-btn.wan21{background:linear-gradient(135deg,#3B82F6 0%,#8B5CF6 100%);font-size:15px;padding:14px 28px;margin-top:8px}.cvj-generate-btn.wan21:hover:not(:disabled){background:linear-gradient(135deg,#2563EB 0%,#7C3AED 100%);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.cvj-video-specs{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;padding:16px}.cvj-video-specs h4{margin:0 0 12px;color:var(--color-text-primary, #111827);font-size:14px;font-weight:600}.cvj-video-specs ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.cvj-video-specs li{color:var(--color-text-secondary, #6B7280);font-size:13px}.cvj-providers-section{margin-bottom:24px}.cvj-providers-section h3{margin:0 0 16px;color:var(--color-text-primary, #111827);font-size:16px;font-weight:600}.cvj-providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cvj-provider-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;padding:16px;transition:all .2s}.cvj-provider-card:hover{border-color:var(--color-gray-300, #D1D5DB);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}.cvj-provider-card.active{border-color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.05)}.cvj-provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cvj-provider-name{font-weight:600;color:var(--color-text-primary, #111827);font-size:14px}.cvj-active-badge{background:var(--color-primary, #3B82F6);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;text-transform:uppercase;font-weight:600}.cvj-provider-gpu{color:var(--color-text-secondary, #6B7280);font-size:12px;margin-bottom:4px}.cvj-provider-cost{color:#16a34a;font-size:14px;font-weight:600;margin-bottom:8px}.cvj-provider-status{font-size:11px;padding:4px 8px;border-radius:6px;display:inline-block;font-weight:500}.cvj-provider-status.configured{background:rgba(34,197,94,.1);color:#16a34a}.cvj-provider-status.not-configured{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #6B7280)}.cvj-jobs-section{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}.cvj-jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cvj-jobs-header h3{margin:0;color:var(--color-text-primary, #111827);font-size:16px;font-weight:600}.cvj-refresh-btn{padding:8px 16px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;color:var(--color-text-secondary, #4B5563);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cvj-refresh-btn:hover{background:var(--color-gray-200, #E5E7EB);color:var(--color-text-primary, #111827)}.cvj-no-jobs{text-align:center;padding:48px 20px;color:var(--color-text-secondary, #6B7280)}.cvj-no-jobs span{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.cvj-no-jobs p{margin:4px 0;font-size:14px}.cvj-jobs-table{width:100%;border-collapse:collapse}.cvj-jobs-table th,.cvj-jobs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border, #E5E7EB)}.cvj-jobs-table th{color:var(--color-text-secondary, #6B7280);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;background:var(--color-gray-50, #F9FAFB)}.cvj-jobs-table td{color:var(--color-text-primary, #111827);font-size:13px}.cvj-jobs-table tbody tr:hover{background:var(--color-gray-50, #F9FAFB)}.cvj-status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.cvj-status-badge[style*="rgb(0, 204, 68)"],.cvj-status-badge[style*="#00cc44"]{background:rgba(34,197,94,.15)!important;color:#16a34a!important}.cvj-status-badge[style*="rgb(255, 153, 0)"],.cvj-status-badge[style*="#ff9900"]{background:rgba(245,158,11,.15)!important;color:#d97706!important}.cvj-status-badge[style*="rgb(0, 153, 255)"],.cvj-status-badge[style*="#0099ff"]{background:rgba(59,130,246,.15)!important;color:#2563eb!important}.cvj-status-badge[style*="rgb(255, 68, 68)"],.cvj-status-badge[style*="#ff4444"]{background:rgba(239,68,68,.15)!important;color:#dc2626!important}.cvj-job-id{font-family:Monaco,Menlo,monospace;color:var(--color-text-secondary, #6B7280)!important;font-size:12px}.cvj-scene-preview{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary, #6B7280);font-size:12px}.cvj-progress-bar{position:relative;width:100px;height:8px;background:var(--color-gray-200, #E5E7EB);border-radius:4px;overflow:hidden}.cvj-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:4px;transition:width .3s}.cvj-progress-bar span{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--color-text-secondary, #6B7280);white-space:nowrap}.cvj-download-btn{padding:6px 12px;background:#16A34A;color:#fff;text-decoration:none;border-radius:6px;font-size:12px;font-weight:600;transition:all .2s;display:inline-block}.cvj-download-btn:hover{background:#15803D;transform:translateY(-1px)}.cvj-error-text{color:#dc2626;font-size:12px;cursor:help}.cvj-pending{color:var(--color-text-secondary, #6B7280);font-size:12px;font-style:italic}.cvj-script-section{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}.cvj-script-section h3{margin:0 0 16px;color:var(--color-text-primary, #111827);font-size:16px;font-weight:600}.cvj-script-content{display:flex;flex-direction:column;gap:12px}.cvj-script-scene{background:var(--color-gray-50, #F9FAFB);padding:14px 18px;border-radius:8px;border-left:4px solid var(--color-primary, #3B82F6);color:var(--color-text-secondary, #4B5563);font-size:13px;line-height:1.6}.cvj-script-scene strong{color:var(--color-primary, #3B82F6);display:block;margin-bottom:6px;font-weight:600}@media (max-width: 768px){.cvj-tabs{width:100%}.cvj-tab{flex:1;justify-content:center;text-align:center;padding:10px 12px;font-size:13px}.cvj-generate-form{flex-direction:column;align-items:stretch}.cvj-form-group select{min-width:100%}.cvj-generate-btn{width:100%;justify-content:center}.cvj-video-specs ul,.cvj-providers-grid{grid-template-columns:1fr}.cvj-jobs-table{display:block;overflow-x:auto}.cvj-wan21-status,.cvj-cost-estimate{gap:16px}}.admin-layout{display:flex;min-height:100vh;background:var(--color-bg-secondary, #F9FAFB)}.admin-sidebar{width:260px;background:var(--color-surface, #FFFFFF);border-right:1px solid var(--color-border, #E5E7EB);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;height:100vh;z-index:100;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-sm)}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:var(--color-gray-300, #D1D5DB);border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400, #9CA3AF)}.admin-sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border, #E5E7EB)}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.75rem;color:var(--color-primary, #3B82F6)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #111827);font-family:Poppins,sans-serif}.collapse-btn{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);width:28px;height:28px;border-radius:6px;cursor:pointer;transition:all .2s}.collapse-btn:hover{background:var(--color-gray-200, #E5E7EB);border-color:var(--color-primary, #3B82F6)}.sidebar-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:var(--radius-md, 8px);color:var(--color-text-secondary, #4B5563);font-size:.9375rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.sidebar-nav .nav-item:hover{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827)}.sidebar-nav .nav-item.active{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);border-left:3px solid var(--color-primary, #3B82F6)}.sidebar-nav .nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background-color:var(--color-primary, #3B82F6);border-radius:0 2px 2px 0}.nav-icon{font-size:1.25rem}.nav-label{font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid var(--color-border, #E5E7EB)}.sidebar-footer .logout{color:var(--color-error, #EF4444)}.sidebar-footer .logout:hover{background:rgba(239,68,68,.1);color:var(--color-error, #EF4444)}.admin-main{flex:1;margin-left:260px;transition:margin-left .3s ease}.admin-sidebar.collapsed+.admin-main{margin-left:80px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-surface, #FFFFFF);border-bottom:1px solid var(--color-border, #E5E7EB);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-xs)}.page-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827);display:flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif}.topbar-right{display:flex;align-items:center;gap:1.5rem}.search-box{position:relative}.search-box input{padding:.625rem 1rem .625rem 2.5rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #111827);font-size:.875rem;width:250px;transition:all .2s}.search-box input:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--color-text-muted, #9CA3AF)}.notification-wrapper{position:relative}.notification-btn{position:relative;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);border-radius:var(--radius-md, 8px);padding:.5rem .75rem;font-size:1.125rem;cursor:pointer;transition:all .2s}.notification-btn:hover{background:var(--color-surface, #FFFFFF);border-color:var(--color-primary, #3B82F6);color:var(--color-text-primary, #111827)}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444 0%,#f87171 100%);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:999px;min-width:16px;text-align:center}.user-menu{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s}.user-menu:hover{background:var(--color-surface, #FFFFFF);border-color:var(--color-primary, #3B82F6);box-shadow:var(--shadow-sm)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #111827)}.user-role{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.admin-content{padding:2rem;min-height:calc(100vh - 73px);background:var(--color-bg-secondary, #F9FAFB)}.content-wrapper{animation:fadeIn .3s ease}.campaigns-embed{display:flex;flex-direction:column;height:calc(100vh - 150px);background:var(--color-surface, #FFFFFF);border-radius:var(--radius-lg, 12px);overflow:hidden;border:1px solid var(--color-border, #E5E7EB);box-shadow:var(--shadow-sm)}.campaigns-header{padding:1.5rem 2rem;background:var(--color-bg-secondary, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB);display:flex;flex-direction:column;gap:.5rem}.campaigns-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.campaigns-header p{font-size:.9rem;color:var(--color-text-secondary, #4B5563);margin:0}.open-fullscreen-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;border-radius:var(--radius-md, 8px);text-decoration:none;font-size:.85rem;font-weight:500;width:fit-content;margin-top:.5rem;transition:all .3s ease;box-shadow:0 2px 8px #3b82f633}.open-fullscreen-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.campaigns-iframe{flex:1;width:100%;border:none;background:var(--color-bg-secondary, #F9FAFB)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary, #4B5563)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--color-primary, #3B82F6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.admin-card:hover{border-color:var(--color-primary-light, #93C5FD);box-shadow:var(--shadow-md)}.admin-card h3{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:1rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{border-color:var(--color-primary-light, #93C5FD);box-shadow:var(--shadow-md)}.stat-content h4{font-size:.875rem;color:var(--color-text-secondary, #4B5563);font-weight:500;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary, #111827)}.stat-change{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);font-weight:500}.stat-change.positive{background:rgba(34,197,94,.1);color:#16a34a}.stat-change.negative{background:rgba(239,68,68,.1);color:#dc2626}.stat-icon{font-size:2rem;color:var(--color-primary, #3B82F6);opacity:.7}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #4B5563);background:var(--color-gray-100, #F3F4F6);border-bottom:1px solid var(--color-border, #E5E7EB)}.admin-table td{padding:1rem;color:var(--color-text-primary, #111827);border-bottom:1px solid var(--color-border-light, #F3F4F6)}.admin-table tr:hover td{background:var(--color-gray-50, #F9FAFB)}.btn-primary{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3b82f633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.btn-secondary{background:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);border:1px solid var(--color-border, #E5E7EB);padding:.75rem 1.5rem;border-radius:var(--radius-md, 8px);font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-gray-50, #F9FAFB);border-color:var(--color-primary, #3B82F6)}@media (max-width: 1024px){.admin-sidebar{width:80px}.admin-sidebar .nav-label,.admin-sidebar .logo-text{display:none}.admin-main{margin-left:80px}}@media (max-width: 768px){.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-topbar{padding:1rem;flex-wrap:wrap;gap:1rem}.search-box input{width:100%}.admin-content{padding:1rem}}.overview-tab{animation:fadeIn .3s ease}.overview-header{margin-bottom:2rem}.overview-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:.5rem}.overview-header p{color:var(--color-text-secondary, #4B5563);font-size:.9375rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-light, #F3F4F6);transition:all .2s}.activity-item:hover{background:var(--color-gray-100, #F3F4F6);border-color:var(--color-border, #E5E7EB)}.activity-icon{font-size:1.25rem;flex-shrink:0;color:var(--color-primary, #3B82F6)}.activity-content{flex:1}.activity-content p{color:var(--color-text-primary, #111827);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.activity-time{color:var(--color-text-muted, #9CA3AF);font-size:.75rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.agent-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.agent-card:hover{transform:translateY(-4px);border-color:var(--color-primary-light, #93C5FD);box-shadow:var(--shadow-lg)}.agent-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.agent-icon{font-size:2rem;color:var(--color-primary, #3B82F6)}.agent-name{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827)}.agent-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);background:rgba(34,197,94,.1);color:#16a34a}.agent-status.inactive{background:rgba(239,68,68,.1);color:#dc2626}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.users-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827)}.user-row{display:flex;align-items:center;gap:1rem}.user-avatar-sm{width:32px;height:32px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:500}.badge.admin{background:rgba(37,99,235,.1);color:#2563eb}.badge.user{background:rgba(59,130,246,.1);color:#2563eb}.badge.active{background:rgba(34,197,94,.1);color:#16a34a}.badge.inactive{background:rgba(239,68,68,.1);color:#dc2626}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-placeholder{height:250px;background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #9CA3AF);border:1px dashed var(--color-border, #E5E7EB)}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #4B5563);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #111827);font-size:.9375rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border-light, #F3F4F6);margin-bottom:.75rem}.toggle-label{color:var(--color-text-primary, #111827);font-size:.9375rem}.toggle-description{color:var(--color-text-muted, #9CA3AF);font-size:.8125rem;margin-top:.25rem}.modal-content{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-xl, 16px);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #111827)}.modal-close{background:var(--color-gray-100, #F3F4F6);border:none;color:var(--color-text-secondary, #4B5563);width:32px;height:32px;border-radius:var(--radius-md, 8px);font-size:1.25rem;cursor:pointer;transition:all .2s}.modal-close:hover{background:rgba(239,68,68,.1);color:#dc2626}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--color-border, #E5E7EB)}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form .form-group{margin-bottom:0}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.75rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #111827);font-size:.9375rem;transition:all .2s}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);box-shadow:0 0 0 3px #3b82f61a}.admin-form textarea{resize:vertical;min-height:80px}.admin-form select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234B5563' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.admin-form select option{background:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);padding:.5rem}.platform-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border-light, #F3F4F6);border-radius:var(--radius-md, 8px);cursor:pointer;font-size:.875rem;color:var(--color-text-primary, #111827);transition:all .2s}.checkbox-label:hover{background:var(--color-gray-100, #F3F4F6);border-color:var(--color-border, #E5E7EB)}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--color-primary, #3B82F6)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563);border:1px solid var(--color-border, #E5E7EB);padding:.75rem 1.5rem;border-radius:var(--radius-md, 8px);font-weight:500;cursor:pointer;transition:all .2s}.form-error{padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md, 8px);color:#dc2626;font-size:.875rem}.form-success{padding:.75rem 1rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md, 8px);color:#16a34a;font-size:.875rem}.agents-tab{animation:fadeIn .3s ease}.agents-header{margin-bottom:2rem}.agents-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:.5rem}.agents-header p{color:var(--color-text-secondary, #4B5563);font-size:.9375rem}.agent-category-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.agent-category-card:hover{transform:translateY(-4px);border-color:var(--category-color, #3B82F6);box-shadow:var(--shadow-lg)}.agent-category-card.active{border-color:var(--category-color, #3B82F6);background:rgba(59,130,246,.05)}.category-icon{font-size:2rem;flex-shrink:0;color:var(--color-primary, #3B82F6)}.category-info{flex:1}.category-info h3{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:.25rem}.agent-count{font-size:.875rem;color:var(--color-text-muted, #9CA3AF)}.category-arrow{font-size:1.25rem;color:var(--color-text-muted, #9CA3AF);transition:transform .2s}.agent-category-card:hover .category-arrow{transform:translate(4px);color:var(--color-primary, #3B82F6)}.agents-panel{margin-top:2rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);overflow:hidden;animation:slideUp .3s ease;box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB)}.panel-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827)}.btn-close{background:var(--color-gray-100, #F3F4F6);border:none;color:var(--color-text-secondary, #4B5563);width:28px;height:28px;border-radius:var(--radius-sm, 6px);font-size:1rem;cursor:pointer;transition:all .2s}.btn-close:hover{background:rgba(239,68,68,.1);color:#dc2626}.agents-list{padding:1.5rem;display:grid;gap:1rem}.agent-item{padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border-light, #F3F4F6);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s}.agent-item:hover{background:var(--color-gray-100, #F3F4F6);border-color:var(--color-primary-light, #93C5FD)}.agent-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.agent-item-header h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #111827)}.provider-badge{font-size:.6875rem;padding:.25rem .5rem;border-radius:var(--radius-xs, 4px);font-weight:500;text-transform:uppercase}.badge-openai{background:rgba(16,163,127,.1);color:#059669}.badge-perplexity{background:rgba(59,130,246,.1);color:#2563eb}.badge-grok{background:rgba(249,115,22,.1);color:#ea580c}.agent-description{font-size:.8125rem;color:var(--color-text-secondary, #4B5563);margin-bottom:.75rem;line-height:1.5}.agent-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{font-size:.6875rem;padding:.25rem .5rem;background:rgba(59,130,246,.1);color:#2563eb;border-radius:var(--radius-xs, 4px)}.agent-modal{max-width:550px}.agent-detail-section{margin-bottom:1.25rem}.agent-detail-section label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #9CA3AF);margin-bottom:.5rem}.agent-detail-section p{color:var(--color-text-primary, #111827);font-size:.9375rem;line-height:1.5}.platforms-list{display:flex;flex-wrap:wrap;gap:.5rem}.platform-badge{font-size:.75rem;padding:.375rem .75rem;background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827);border-radius:var(--radius-sm, 6px)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:500}.status-badge.active,.status-active{background:rgba(34,197,94,.1);color:#16a34a}.status-badge.inactive,.status-inactive{background:rgba(239,68,68,.1);color:#dc2626}.empty-state{text-align:center;padding:3rem;color:var(--color-text-muted, #9CA3AF)}.users-tab{animation:fadeIn .3s ease}.users-header{margin-bottom:1.5rem}.users-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:.25rem}.users-header p{color:var(--color-text-secondary, #4B5563);font-size:.875rem}.users-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.users-filters .search-box{flex:1;min-width:200px}.users-filters .search-box input{width:100%}.users-filters select{padding:.625rem 2.5rem .625rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #111827);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234B5563' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.users-filters select:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 3px #3b82f61a}.users-filters select option{background:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);padding:.5rem}.btn-refresh{padding:.625rem 1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md, 8px);color:var(--color-primary, #3B82F6);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:rgba(59,130,246,.15)}.users-table-container{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm)}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:1rem 1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #4B5563);background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB)}.users-table td{padding:1rem 1.25rem;color:var(--color-text-primary, #111827);border-bottom:1px solid var(--color-border-light, #F3F4F6)}.users-table tr:hover td{background:var(--color-gray-50, #F9FAFB)}.users-table tr.inactive-row{opacity:.6}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--color-text-primary, #111827);font-size:.9375rem}.user-email{font-size:.8125rem;color:var(--color-text-muted, #9CA3AF)}.role-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:500}.role-admin{background:rgba(37,99,235,.1);color:#2563eb}.role-user{background:rgba(59,130,246,.1);color:#2563eb}.plan-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:500}.badge-enterprise{background:rgba(245,158,11,.1);color:#d97706}.badge-pro{background:rgba(37,99,235,.1);color:#2563eb}.badge-starter{background:rgba(16,185,129,.1);color:#059669}.badge-free{background:rgba(107,114,128,.1);color:var(--color-text-muted, #9CA3AF)}.action-buttons{display:flex;gap:.5rem}.btn{padding:.375rem .75rem;border-radius:var(--radius-sm, 6px);border:none;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-sm{padding:.25rem .5rem}.btn-view{background:rgba(59,130,246,.1);color:#2563eb}.btn-view:hover{background:rgba(59,130,246,.15)}.btn-edit{background:rgba(59,130,246,.1);color:#3b82f6}.btn-edit:hover{background:rgba(59,130,246,.15)}.btn-delete{background:rgba(239,68,68,.1);color:#dc2626}.btn-delete:hover{background:rgba(239,68,68,.15)}.user-modal{max-width:500px}.user-details-view{display:flex;flex-direction:column;gap:1.5rem}.user-detail-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.user-avatar-large{width:64px;height:64px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.user-detail-header h4{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:.25rem}.user-detail-header p{color:var(--color-text-muted, #9CA3AF);font-size:.875rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.375rem}.detail-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #9CA3AF)}.detail-item span{color:var(--color-text-primary, #111827)}.analytics-tab{animation:fadeIn .3s ease}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:.25rem}.analytics-header p{color:var(--color-text-secondary, #4B5563);font-size:.9375rem}.time-range-selector{display:flex;gap:.5rem;background:var(--color-gray-100, #F3F4F6);padding:.375rem;border-radius:var(--radius-md, 8px)}.range-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm, 6px);color:var(--color-text-secondary, #4B5563);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.range-btn:hover{color:var(--color-text-primary, #111827)}.range-btn.active{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s;box-shadow:var(--shadow-sm)}.metric-card:hover{border-color:var(--color-primary-light, #93C5FD)}.metric-card.warning{border-color:#f59e0b4d}.metric-icon{font-size:1.5rem;color:var(--color-primary, #3B82F6)}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #111827)}.metric-label{font-size:.75rem;color:var(--color-text-muted, #9CA3AF)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.chart-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:1.5rem;box-shadow:var(--shadow-sm)}.chart-header{margin-bottom:1rem}.chart-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:.25rem}.chart-subtitle{font-size:.8125rem;color:var(--color-text-muted, #9CA3AF)}.chart-container{height:180px;margin-bottom:1rem}.bar-container{height:200px}.line-chart,.bar-chart{width:100%;height:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.75rem;border-top:1px solid var(--color-border-light, #F3F4F6)}.legend-item{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.platform-stats{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border-light, #F3F4F6)}.platform-name{color:var(--color-text-primary, #111827)}.platform-engagement{color:#16a34a}.donut-card{display:flex;flex-direction:column}.donut-container{display:flex;justify-content:center;align-items:center;flex:1;min-height:180px}.donut-chart{max-width:180px}.donut-legend{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color-border-light, #F3F4F6)}.legend-row{display:flex;align-items:center;gap:.75rem;font-size:.8125rem}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{flex:1;color:var(--color-text-primary, #111827)}.legend-value{color:var(--color-text-muted, #9CA3AF)}.health-card{display:flex;flex-direction:column}.health-indicators{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.health-item{display:flex;flex-direction:column;gap:.375rem}.health-bar{height:8px;background:var(--color-gray-200, #E5E7EB);border-radius:var(--radius-xs, 4px);overflow:hidden}.health-fill{height:100%;border-radius:var(--radius-xs, 4px);transition:width .5s ease}.health-fill.cpu{background:linear-gradient(90deg,#3B82F6,#2563EB)}.health-fill.memory{background:linear-gradient(90deg,#10b981,#059669)}.health-fill.cache{background:linear-gradient(90deg,#F97316,#EA580C)}.health-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.health-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#16a34a;padding:.75rem 1rem;background:rgba(16,185,129,.1);border-radius:var(--radius-md, 8px);margin-top:auto}.status-indicator{width:8px;height:8px;border-radius:50%;background:#16A34A;animation:pulse 2s infinite}.analytics-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #E5E7EB)}.last-updated{font-size:.8125rem;color:var(--color-text-muted, #9CA3AF)}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}.line-chart-enhanced{overflow:visible}.line-chart-enhanced .area-animate{animation:fadeInArea 1s ease-out forwards}.line-chart-enhanced .line-animate{animation:drawLine 1.5s ease-out forwards}.line-chart-enhanced .data-point-group{cursor:pointer;transition:transform .2s ease}.line-chart-enhanced .data-point-group:hover{transform:scale(1.3)}.line-chart-enhanced .data-point-group:hover .point-glow{animation:pulseGlow 1s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.15;r:8}50%{opacity:.35;r:12}}.line-chart-enhanced .data-point{transition:all .2s ease}.line-chart-enhanced .data-point-group:hover .data-point{r:6;stroke-width:3}@keyframes growBar{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.bar-chart-enhanced{overflow:visible}.bar-chart-enhanced .bar-group{cursor:pointer;transition:filter .2s ease}.bar-chart-enhanced .bar-group:hover{filter:brightness(1.1)}.bar-chart-enhanced .bar-rect{transform-origin:bottom;transition:all .3s ease}.bar-chart-enhanced .bar-group:hover .bar-rect{transform:scaleY(1.02) translateY(-2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.bar-chart-enhanced .bar-value{opacity:.8;transition:all .2s ease}.bar-chart-enhanced .bar-group:hover .bar-value{opacity:1;font-size:14px;transform:translateY(-4px)}@keyframes fadeInSegment{0%{opacity:0;transform:scale(.9);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}@keyframes rotateDonut{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}.donut-chart-enhanced{overflow:visible}.donut-chart-enhanced .donut-segment{cursor:pointer;transition:all .3s ease;transform-origin:center}.donut-chart-enhanced .donut-segment:hover{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 4px 12px rgba(0,0,0,.15))}.donut-chart-enhanced .segment-path{transition:all .3s ease}.donut-chart-enhanced .donut-total{font-family:Inter,-apple-system,sans-serif}.sparkline{display:block}.sparkline polyline{filter:drop-shadow(0 0 2px currentColor)}.sparkline circle{animation:sparkPulse 2s ease-in-out infinite}@keyframes sparkPulse{0%,to{opacity:1;r:3}50%{opacity:.7;r:4}}.chart-card{transition:all .3s ease}.chart-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light, #93C5FD)}.chart-container{padding:1rem 0;min-height:180px;display:flex;align-items:center;justify-content:center}.chart-container svg{max-width:100%;height:auto}.chart-header{position:relative;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-light, #F3F4F6);margin-bottom:.5rem}.chart-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 .25rem}.chart-subtitle{font-size:.75rem;color:var(--color-text-muted, #9CA3AF)}.chart-legend{display:flex;gap:1rem;padding-top:.75rem;border-top:1px solid var(--color-border-light, #F3F4F6);margin-top:.5rem}.legend-item{font-size:.75rem;color:var(--color-text-secondary, #4B5563);padding:.25rem .5rem;background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-xs, 4px)}.donut-legend{padding:1rem}.legend-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border-light, #F3F4F6);transition:all .2s ease}.legend-row:last-child{border-bottom:none}.legend-row:hover{background:var(--color-gray-50, #F9FAFB);padding-left:.5rem;border-radius:var(--radius-sm, 6px)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.legend-label{flex:1;font-size:.8125rem;color:var(--color-text-primary, #111827);font-weight:500}.legend-value{font-size:.8125rem;color:var(--color-text-secondary, #4B5563);font-weight:600}.donut-container{display:flex;justify-content:center;align-items:center;padding:1.5rem}.donut-container svg{max-width:180px;height:auto}.platform-stats{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color-border-light, #F3F4F6)}.platform-stat{display:flex;justify-content:space-between;font-size:.8125rem}.platform-name{color:var(--color-text-primary, #111827);font-weight:500}.platform-engagement{color:#16a34a;font-weight:600}.admin-footer{margin-top:2rem;padding:1.5rem;text-align:center;border-top:1px solid var(--color-border, #E5E7EB);background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-lg, 12px)}.admin-footer p{color:var(--color-text-muted, #9CA3AF);font-size:.875rem;margin:0}.virlbox-logo{display:flex;align-items:center;gap:12px;position:relative}.virlbox-logo.logo-small{--icon-size: 32px;--text-size: 18px;gap:8px}.virlbox-logo.logo-medium{--icon-size: 44px;--text-size: 24px;gap:10px}.virlbox-logo.logo-large{--icon-size: 64px;--text-size: 32px;gap:14px}.virlbox-logo.logo-hero{--icon-size: 100px;--text-size: 48px;gap:20px;flex-direction:column;text-align:center}.logo-icon-container{position:relative;width:var(--icon-size);height:var(--icon-size)}.logo-glow-ring{position:absolute;top:50%;left:50%;width:calc(var(--icon-size) * 1.4);height:calc(var(--icon-size) * 1.4);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,217,255,.3),transparent 70%);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease}.virlbox-logo.animated:hover .logo-glow-ring,.virlbox-logo.logo-hero .logo-glow-ring{opacity:1;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.logo-icon-wrapper{position:relative;width:100%;height:100%}.logo-particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0}.virlbox-logo.animated .particle{animation:floatParticle 3s ease-in-out infinite}.particle.p1{background:#00D9FF;top:10%;left:20%;animation-delay:0s}.particle.p2{background:#7C3AED;top:20%;right:15%;animation-delay:.5s}.particle.p3{background:#EC4899;bottom:25%;left:15%;animation-delay:1s}.particle.p4{background:#10B981;bottom:15%;right:20%;animation-delay:1.5s}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(0) scale(0)}50%{opacity:.8;transform:translateY(-10px) scale(1)}}.logo-svg{width:100%;height:100%;transition:transform .3s ease}.virlbox-logo.animated:hover .logo-svg{transform:scale(1.05)}.logo-v-shape{stroke-dasharray:200;stroke-dashoffset:0}.virlbox-logo.animated .logo-v-shape{animation:drawV 3s ease-in-out infinite}@keyframes drawV{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:20}}.logo-bolt{transform-origin:center;animation:boltPulse 2s ease-in-out infinite}@keyframes boltPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}50%{opacity:.8;filter:drop-shadow(0 0 8px rgba(245,158,11,.8))}}.accent-dot{opacity:.8}.virlbox-logo.animated .accent-dot{animation:dotPulse 2s ease-in-out infinite}.accent-dot.dot-1{animation-delay:0s}.accent-dot.dot-2{animation-delay:.3s}.accent-dot.dot-3{animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.8;r:4}50%{opacity:1;r:5}}.virlbox-logo.animated .logo-outer-ring{animation:ringRotate 8s linear infinite;transform-origin:center}@keyframes ringRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:280}}.logo-outer-ring{stroke-dasharray:10 5}.virlbox-logo.animated .logo-bg-circle{animation:bgPulse 3s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.15}50%{opacity:.25}}.logo-text-container{display:flex;flex-direction:column;gap:4px}.logo-text-main{font-family:Poppins,sans-serif;font-size:var(--text-size);font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline}.text-virl{background:linear-gradient(135deg,#00D9FF 0%,#7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-box{background:linear-gradient(135deg,#7C3AED 0%,#EC4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tagline{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#f8fafc99;letter-spacing:.1em;text-transform:uppercase}.virlbox-logo.white .text-virl,.virlbox-logo.white .text-box{background:#F8FAFC;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.virlbox-logo.white .logo-tagline{color:#f8fafccc}.virlbox-logo.gradient .logo-text-main{animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.virlbox-logo.animated{cursor:pointer}.virlbox-logo.animated:hover .logo-text-main{transform:translate(4px);transition:transform .3s ease}@media (max-width: 768px){.virlbox-logo.logo-hero{--icon-size: 72px;--text-size: 36px;gap:16px}.virlbox-logo.logo-large{--icon-size: 48px;--text-size: 28px}}@media (max-width: 480px){.virlbox-logo.logo-hero{--icon-size: 56px;--text-size: 28px;gap:12px}.logo-tagline{font-size:11px}}:root{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-dark: #2563EB;--color-primary-light: rgba(59, 130, 246, .15);--color-primary-rgb: 59, 130, 246;--color-accent: #F97316;--color-accent-light: #FFEDD5;--color-secondary: #F97316;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-card: #FFFFFF;--bg-dark-primary: #0F172A;--bg-dark-secondary: #1E293B;--bg-dark-tertiary: #334155;--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-muted: #9CA3AF;--text-white: #FFFFFF;--border-light: #E5E7EB;--border-medium: #D1D5DB;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-primary: 0 4px 16px rgba(59, 130, 246, .25);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .12), inset 0 1px 1px 0 rgba(255, 255, 255, .25);--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-accent: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--gradient-hero: linear-gradient(135deg, #F9FAFB 0%, #FFFFFF 50%, #F3F4F6 100%);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .15s cubic-bezier(.16, 1, .3, 1);--transition-slow: all .3s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.premium-landing{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gradient-hero);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}.premium-landing::-webkit-scrollbar{width:8px}.premium-landing::-webkit-scrollbar-track{background:var(--color-bg-secondary, #F9FAFB)}.premium-landing::-webkit-scrollbar-thumb{background:var(--color-border, #E5E7EB);border-radius:4px}.premium-landing::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted, #9CA3AF)}.animated-background{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:float 20s infinite ease-in-out}.blob-1{width:500px;height:500px;background:var(--color-primary, #3B82F6);top:-200px;left:-200px;animation-delay:0s}.blob-2{width:400px;height:400px;background:var(--color-accent, #F97316);bottom:-150px;right:-150px;animation-delay:5s}.blob-3{width:350px;height:350px;background:var(--color-success, #10B981);top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(40px,15px) scale(1.02)}}.premium-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);transition:var(--transition);border-bottom:1px solid transparent}.premium-nav.scrolled{background:rgba(255,255,255,.98);border-bottom:1px solid var(--color-border, #E5E7EB);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-links{display:flex;align-items:center;gap:40px}.nav-links a{color:var(--color-text-secondary, #4B5563);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--color-primary, #3B82F6)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-btn-text{background:none;border:none;color:var(--color-text-secondary, #4B5563);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.nav-btn-text:hover{color:var(--color-primary, #3B82F6)}.nav-btn-primary{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #3b82f633}.nav-btn-primary:hover{background:linear-gradient(135deg,#2563EB 0%,#1D4ED8 100%);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer}.nav-hamburger span{width:22px;height:2px;background:var(--color-text-primary, #111827);transition:var(--transition);border-radius:2px}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-premium{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;z-index:1;background:var(--color-bg-primary, #FFFFFF)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}.hero-content{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.15;color:var(--color-text-primary, #111827);margin-bottom:24px;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary, #4B5563);margin-bottom:32px;font-weight:400;max-width:540px}.hero-ctas{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.btn{padding:14px 28px;border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;box-shadow:0 2px 8px #3b82f633}.btn-primary:hover{background:linear-gradient(135deg,#2563EB 0%,#1D4ED8 100%);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.btn-secondary{background:transparent;border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827)}.btn-secondary:hover{background:var(--color-gray-50, #F9FAFB);border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6);transform:translateY(-1px);box-shadow:0 0 15px #3b82f633}.btn-lg{padding:16px 32px;font-size:1rem;min-height:52px}.btn-full{width:100%;justify-content:center}.btn-icon{font-size:1.1rem}.hero-subtext{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--color-text-muted, #9CA3AF);flex-wrap:wrap}.trust-badge{display:inline-flex;align-items:center;gap:6px}.divider{opacity:.4}.hero-visual{animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.glass-card-premium{position:relative;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-xl, 16px);padding:0;box-shadow:var(--shadow-lg);overflow:hidden}.dashboard-preview{position:relative;z-index:1}.preview-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB)}.preview-dots{display:flex;gap:8px}.preview-dots .dot{width:12px;height:12px;border-radius:50%}.preview-dots .dot.red{background:#FF5F57}.preview-dots .dot.yellow{background:#FEBC2E}.preview-dots .dot.green{background:#28C840}.preview-title{font-size:13px;color:var(--color-text-muted, #9CA3AF);flex:1;text-align:center}.preview-content{display:flex;min-height:350px}.preview-sidebar{width:180px;background:var(--color-gray-50, #F9FAFB);padding:20px 12px;border-right:1px solid var(--color-border, #E5E7EB)}.sidebar-item{padding:10px 12px;border-radius:var(--radius-md, 8px);font-size:13px;color:var(--color-text-secondary, #4B5563);margin-bottom:6px;cursor:pointer;transition:var(--transition)}.sidebar-item:hover{background:var(--color-gray-100, #F3F4F6)}.sidebar-item.active{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6)}.sidebar-item.live{color:var(--color-danger, #DC2626);font-weight:600}.preview-main{flex:1;padding:24px;background:var(--color-surface, #FFFFFF)}.preview-stats{display:flex;gap:16px;margin-bottom:24px}.stat-card-mini{flex:1;background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-lg, 12px);padding:16px;text-align:center;border:1px solid var(--color-border, #E5E7EB)}.stat-card-mini .stat-value{display:block;font-size:24px;font-weight:700;color:var(--color-primary, #3B82F6)}.stat-card-mini .stat-label{font-size:11px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:.5px}.preview-chart{display:flex;align-items:flex-end;gap:12px;height:150px;padding:16px;background:var(--color-gray-50, #F9FAFB);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border, #E5E7EB)}.chart-bar{flex:1;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:6px 6px 0 0;transition:height .5s ease;min-height:20px}.chart-bar.bar-40{height:40%}.chart-bar.bar-45{height:45%}.chart-bar.bar-65{height:65%}.chart-bar.bar-70{height:70%}.chart-bar.bar-80{height:80%}.chart-bar.bar-85{height:85%}.chart-bar.bar-95{height:95%}.section-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:2.75rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:16px;letter-spacing:-.02em;font-family:Poppins,sans-serif}.section-title-center{font-size:2.75rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:48px;letter-spacing:-.02em;text-align:center}.section-subtitle{font-size:1.125rem;color:var(--color-text-secondary, #4B5563);max-width:600px;margin:0 auto}.features-premium{position:relative;padding:120px 24px;background:var(--color-bg-primary, #FFFFFF);z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}.feature-card-glass{padding:32px;transition:var(--transition);cursor:pointer;border:1px solid var(--color-border, #E5E7EB);background:var(--color-surface, #FFFFFF);border-radius:var(--radius-lg, 12px);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.feature-card-glass:hover{transform:translateY(-4px);border-color:var(--color-primary, #3B82F6);box-shadow:var(--shadow-lg)}.feature-icon{font-size:2.5rem;display:inline-block;position:relative;z-index:1;margin-bottom:16px}.feature-title{position:relative;z-index:1;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:12px}.feature-description{position:relative;z-index:1;font-size:.9375rem;color:var(--color-text-secondary, #4B5563);line-height:1.7;margin-bottom:20px}.feature-list{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.feature-list li{font-size:.875rem;color:var(--color-text-muted, #9CA3AF);padding-left:0;transition:var(--transition)}.feature-card-glass:hover .feature-list li{color:var(--color-text-secondary, #4B5563)}.stats-premium{position:relative;padding:80px 24px;background:var(--color-bg-secondary, #F9FAFB);z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card-glass{padding:28px 20px;text-align:center;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);transition:var(--transition);box-shadow:var(--shadow-sm)}.stat-card-glass:hover{transform:translateY(-4px);border-color:var(--color-primary, #3B82F6);box-shadow:var(--shadow-lg)}.stat-number{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.stat-label{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:8px}.stat-description{font-size:.8rem;color:var(--color-text-muted, #9CA3AF);line-height:1.5}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.testimonials-premium{position:relative;padding:120px 24px;background:var(--color-bg-primary, #FFFFFF);z-index:1}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.testimonial-card-glass{padding:36px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);transition:var(--transition);box-shadow:var(--shadow-sm)}.testimonial-card-glass:hover{transform:translateY(-4px);border-color:var(--color-primary, #3B82F6);box-shadow:var(--shadow-lg)}.testimonial-stars{font-size:1.1rem;margin-bottom:20px;color:var(--color-accent, #F97316);letter-spacing:2px}.testimonial-quote{font-size:1rem;line-height:1.8;color:var(--color-text-secondary, #4B5563);margin-bottom:28px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:14px}.author-avatar{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border-radius:50%}.author-info{display:flex;flex-direction:column;gap:4px}.author-name{font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827)}.author-role{font-size:.85rem;color:var(--color-text-muted, #9CA3AF)}.pricing-premium{position:relative;padding:120px 24px;background:var(--color-bg-secondary, #F9FAFB);z-index:1}.billing-toggle{display:inline-flex;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);padding:4px;gap:4px;position:relative;margin-top:28px}.toggle-btn{padding:12px 24px;border:none;background:transparent;color:var(--color-text-muted, #9CA3AF);font-weight:500;cursor:pointer;border-radius:var(--radius-md, 8px);transition:var(--transition)}.toggle-btn.active{background:var(--color-primary, #3B82F6);color:#fff;font-weight:600}.saving-badge{position:absolute;right:-110px;top:50%;transform:translateY(-50%);background:var(--color-success, #10B981);color:#fff;padding:6px 14px;border-radius:var(--radius-full, 999px);font-size:.75rem;font-weight:600;white-space:nowrap}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto}.pricing-card-glass{padding:40px 32px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-xl, 16px);position:relative;transition:var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.pricing-card-glass:hover{transform:translateY(-4px);border-color:var(--color-primary, #3B82F6);box-shadow:var(--shadow-lg)}.pricing-card-glass.highlighted{border:2px solid var(--color-primary, #3B82F6);background:var(--color-surface, #FFFFFF);transform:scale(1.02);box-shadow:var(--shadow-lg)}.pricing-card-glass.highlighted:hover{transform:scale(1.02) translateY(-4px)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;padding:8px 20px;border-radius:var(--radius-full, 999px);font-size:.75rem;font-weight:600;letter-spacing:.05em}.plan-icon{font-size:2.5rem;margin-bottom:16px}.plan-name{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:12px}.plan-price{margin-bottom:8px}.price-currency{font-size:1.5rem;font-weight:400;color:var(--color-primary, #3B82F6);vertical-align:top}.price-amount{font-size:3rem;font-weight:700;color:var(--color-primary, #3B82F6)}.price-period{font-size:1rem;color:var(--color-text-muted, #9CA3AF)}.annual-note{display:block;font-size:.75rem;color:var(--color-success, #10B981);margin-top:4px}.plan-description{font-size:.9375rem;color:var(--color-text-muted, #9CA3AF);margin-bottom:28px}.plan-features{flex:1;margin-top:28px}.features-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.features-list li{font-size:.9375rem;color:var(--color-text-secondary, #4B5563);padding-left:0;position:relative}.pricing-loading{text-align:center;padding:60px 20px;color:var(--color-text-muted, #9CA3AF);font-size:1.1rem}.pricing-cta-link{text-align:center;margin-top:40px}.view-full-pricing{display:inline-block;color:var(--color-primary, #3B82F6);font-size:1.1rem;font-weight:600;text-decoration:none;padding:12px 24px;border:2px solid var(--color-primary, #3B82F6);border-radius:var(--radius-lg, 12px);transition:all .3s ease}.view-full-pricing:hover{background:var(--color-primary, #3B82F6);color:#fff;transform:translateY(-2px)}.cta-premium{position:relative;padding:100px 24px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);text-align:center;overflow:hidden;z-index:1}.cta-premium:before{content:"";position:absolute;width:1000px;height:1000px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:2.75rem;font-weight:700;color:#fff;margin-bottom:16px;font-family:var(--font-primary)}.cta-subtitle{font-size:1.15rem;color:#ffffffd9;margin-bottom:40px}.cta-buttons{display:flex;gap:16px;margin-bottom:28px;justify-content:center;flex-wrap:wrap}.cta-subtext{font-size:.9rem;color:#ffffffb3}.premium-footer{background:var(--color-bg-secondary, #F9FAFB);padding:64px 24px 32px;border-top:1px solid var(--color-border, #E5E7EB);position:relative;z-index:1}.footer-container{max-width:1400px;margin:0 auto}.footer-main{display:flex;gap:80px;margin-bottom:48px}.footer-brand{flex:1;max-width:320px}.footer-logo{display:inline-block;text-decoration:none;margin-bottom:20px}.footer-brand p{font-size:.95rem;color:var(--color-text-secondary, #4B5563);margin-bottom:24px;line-height:1.7}.social-links{display:flex;gap:16px}.social-links a{color:var(--color-text-secondary, #4B5563);font-size:20px;text-decoration:none;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface, #FFFFFF);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #E5E7EB)}.social-links a:hover{color:var(--color-primary, #3B82F6);border-color:var(--color-primary, #3B82F6)}.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;flex:2}.footer-column h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:20px;font-family:var(--font-primary)}.footer-column a{display:block;font-size:.9rem;color:var(--color-text-secondary, #4B5563);text-decoration:none;padding:8px 0;transition:color .3s ease}.footer-column a:hover{color:var(--color-primary, #3B82F6)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--color-border, #E5E7EB)}.footer-bottom p{font-size:.85rem;color:var(--color-text-secondary, #4B5563)}.footer-badges{display:flex;gap:28px;font-size:.85rem;color:var(--color-text-secondary, #4B5563)}.demo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:fadeIn .3s ease}.demo-modal{position:relative;width:90vw;max-width:960px;background:var(--color-surface, #FFFFFF);border:2px solid var(--color-primary, #3B82F6);border-radius:var(--radius-xl, 16px);overflow:hidden;animation:scaleIn .3s ease;box-shadow:0 25px 80px -12px #3b82f640}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.demo-modal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:50%;color:var(--color-text-primary, #111827);font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10}.demo-modal-close:hover{background:var(--color-gray-200, #E5E7EB);transform:rotate(90deg)}.demo-modal-header{padding:20px 32px 16px;text-align:center;background:linear-gradient(90deg,rgba(59,130,246,.08) 0%,rgba(37,99,235,.08) 50%,rgba(249,115,22,.08) 100%);border-bottom:1px solid var(--color-border, #E5E7EB)}.demo-modal-header h3{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary, #111827);font-family:var(--font-primary);background:linear-gradient(90deg,#3B82F6,#2563EB,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-modal-header p{font-size:.95rem;color:var(--color-text-secondary, #4B5563);margin:0}.demo-video-container{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#F9FAFB 0%,#F3F4F6 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-video-container iframe{width:100%;height:100%;border:none}.demo-video-container video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:0}.demo-video-cta{padding:16px 32px;background:linear-gradient(90deg,rgba(59,130,246,.08) 0%,rgba(37,99,235,.08) 100%);display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid var(--color-border, #E5E7EB)}.demo-video-cta .btn{padding:12px 32px;font-size:1rem;font-weight:600;border-radius:var(--radius-lg, 12px);transition:all .3s ease}.demo-video-cta .btn-primary{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);border:none;color:#fff;box-shadow:0 4px 15px #3b82f64d}.demo-video-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.demo-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-gray-50, #F9FAFB)}.demo-video-placeholder span{font-size:64px;margin-bottom:16px;opacity:.5}.demo-video-placeholder p{font-size:1.1rem;color:var(--color-text-secondary, #4B5563);margin:0 0 8px}.demo-video-placeholder small{font-size:.85rem;color:var(--color-text-muted, #9CA3AF)}@media (max-width: 1200px){.hero-title{font-size:2.75rem}.section-title,.section-title-center{font-size:2.25rem}.pricing-card-glass.highlighted{transform:none}.pricing-card-glass.highlighted:hover{transform:translateY(-6px)}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:48px;text-align:center}.hero-content{max-width:600px;margin:0 auto}.hero-subtitle{margin:0 auto 32px}.hero-ctas,.hero-subtext{justify-content:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.footer-main{flex-direction:column;gap:48px}.footer-brand{max-width:none;text-align:center}.social-links{justify-content:center}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.nav-hamburger{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;gap:20px;border-bottom:1px solid var(--color-border, #E5E7EB)}.hero-premium{padding:100px 20px 60px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-ctas{flex-direction:column}.btn-lg{width:100%;justify-content:center}.section-title,.section-title-center{font-size:1.85rem}.features-premium,.stats-premium,.testimonials-premium,.pricing-premium{padding:80px 20px}.features-grid,.stats-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.preview-sidebar{display:none}.cta-title{font-size:1.85rem}.cta-buttons{flex-direction:column}.billing-toggle{margin-top:20px}.saving-badge{position:relative;right:auto;transform:none;display:block;margin-top:16px;width:fit-content;margin-left:auto;margin-right:auto}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width: 480px){.hero-title{font-size:1.85rem}.section-title,.section-title-center{font-size:1.5rem}.stat-number,.price-amount{font-size:2.5rem}.cta-title{font-size:1.5rem}.footer-links-grid{grid-template-columns:1fr;text-align:center}}:root{--pricing-bg: var(--color-bg-secondary, #F9FAFB);--pricing-bg-secondary: var(--color-gray-100, #F3F4F6);--pricing-bg-card: var(--color-surface, #FFFFFF);--pricing-border: var(--color-border, #E5E7EB);--pricing-border-hover: rgba(59, 130, 246, .4);--pricing-text: var(--color-text-primary, #111827);--pricing-text-secondary: var(--color-text-secondary, #4B5563);--pricing-text-muted: var(--color-text-muted, #9CA3AF);--pricing-accent: var(--color-primary, #3B82F6);--pricing-accent-secondary: var(--color-primary-hover, #2563EB);--pricing-success: var(--color-success, #10B981);--pricing-gradient: linear-gradient(135deg, #3B82F6, #F97316);--pricing-glow: 0 8px 30px rgba(59, 130, 246, .15);--pricing-radius: 16px;--pricing-radius-sm: 8px;--pricing-radius-lg: 24px;--pricing-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.pricing-page-premium{min-height:100vh;background:var(--pricing-bg);color:var(--pricing-text);font-family:var(--font-primary, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);overflow-x:hidden;position:relative}.pricing-page-premium *,.pricing-page-premium *:before,.pricing-page-premium *:after{box-sizing:border-box}.pricing-bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.3}.orb-1{width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);top:-300px;right:-200px;animation:orbFloat1 25s ease-in-out infinite}.orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,.06) 0%,transparent 70%);bottom:100px;left:-200px;animation:orbFloat2 30s ease-in-out infinite}.orb-3{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.04) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat3 20s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,60px) scale(1.1)}66%{transform:translate(40px,-40px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-50px) scale(1.15)}66%{transform:translate(-40px,30px) scale(.9)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}.pricing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;transition:var(--pricing-transition)}.pricing-nav.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--pricing-border);padding:16px 40px}.pricing-nav .nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.pricing-nav .nav-logo{text-decoration:none;display:flex;align-items:center}.pricing-nav .nav-links{display:flex;gap:40px}.pricing-nav .nav-links a,.pricing-nav .nav-links span{color:var(--pricing-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;letter-spacing:-.01em}.pricing-nav .nav-links a:hover{color:var(--pricing-text)}.pricing-nav .nav-link-active{color:var(--pricing-accent)!important}.pricing-nav .nav-actions{display:flex;gap:12px;align-items:center}.nav-btn-text{background:none;border:none;color:var(--pricing-text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:10px 20px;transition:color .2s}.nav-btn-text:hover{color:var(--pricing-text)}.nav-btn-primary{background:var(--pricing-gradient);color:#fff;border:none;padding:10px 24px;border-radius:var(--pricing-radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:var(--pricing-transition)}.nav-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f640}.pricing-hero{position:relative;z-index:1;text-align:center;padding:180px 24px 100px;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--pricing-bg-card);border:1px solid var(--pricing-border);border-radius:100px;padding:10px 24px;font-size:14px;color:var(--pricing-accent);margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:16px}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.gradient-text{background:var(--pricing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--pricing-text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.6}.billing-mode-toggle{display:inline-flex;gap:4px;background:var(--pricing-bg-secondary);border:1px solid var(--pricing-border);border-radius:12px;padding:4px;margin-bottom:32px}.mode-btn{padding:14px 32px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--pricing-transition);background:transparent;color:var(--pricing-text-secondary)}.mode-btn:hover{color:var(--pricing-text)}.mode-btn.active{background:var(--pricing-gradient);color:#fff;box-shadow:0 4px 20px #3b82f640}.billing-cycle-toggle{display:flex;align-items:center;justify-content:center;gap:16px;font-size:15px;color:var(--pricing-text-muted)}.billing-cycle-toggle span.active{color:var(--pricing-text);font-weight:600}.toggle-switch{width:56px;height:30px;background:var(--pricing-bg-secondary);border:1px solid var(--pricing-border);border-radius:15px;cursor:pointer;position:relative;transition:var(--pricing-transition)}.toggle-switch.on{background:var(--pricing-accent);border-color:var(--pricing-accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:white;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.toggle-switch.on .toggle-knob{transform:translate(26px)}.save-badge{background:var(--pricing-success);color:#000;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:700;text-align:center;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{font-size:18px;color:var(--pricing-text-secondary);text-align:center;margin-bottom:64px;max-width:600px;margin-left:auto;margin-right:auto}.payper-section{position:relative;z-index:1;padding:40px 24px 120px}.comparison-table-wrapper{overflow-x:auto;margin-bottom:80px;border-radius:var(--pricing-radius-lg);background:var(--pricing-bg-card);border:1px solid var(--pricing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-table{width:100%;border-collapse:collapse;min-width:800px}.comparison-table th,.comparison-table td{padding:24px;text-align:center;border-bottom:1px solid var(--pricing-border)}.comparison-table th{background:var(--color-gray-50, #F9FAFB);color:var(--pricing-text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--color-gray-50, #F9FAFB)}.comparison-table .virlbox-col{background:rgba(59,130,246,.05)}.virlbox-badge{display:inline-flex;align-items:center;gap:6px;background:var(--pricing-gradient);color:#fff;padding:8px 16px;border-radius:100px;font-weight:700;font-size:12px;letter-spacing:.5px}.virlbox-price{font-weight:700;font-size:18px;color:var(--pricing-accent);background:rgba(59,130,246,.05)}.competitor-price{color:var(--pricing-text-muted);font-size:15px}.duration-cell{font-weight:600;text-align:left!important;padding-left:32px!important;color:var(--pricing-text)}.savings-cell .savings-badge{display:inline-block;background:var(--pricing-success);color:#000;padding:8px 16px;border-radius:100px;font-weight:700;font-size:13px}.volume-section{margin-bottom:80px}.volume-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:40px}.volume-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.volume-card{background:var(--pricing-bg-card);border:1px solid var(--pricing-border);border-radius:var(--pricing-radius);padding:32px 20px;text-align:center;position:relative;transition:var(--pricing-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-card:hover{border-color:var(--pricing-border-hover);transform:translateY(-4px);box-shadow:var(--pricing-glow)}.volume-card.best-value{border-color:var(--pricing-success);background:rgba(34,197,94,.08)}.best-value-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--pricing-success);color:#000;font-size:11px;font-weight:700;padding:6px 14px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.volume-range{font-size:14px;color:var(--pricing-text-secondary);margin-bottom:12px;font-weight:500}.volume-price{font-size:28px;font-weight:700;color:var(--pricing-text);margin-bottom:4px}.volume-price span{font-size:14px;color:var(--pricing-text-muted);font-weight:500}.volume-savings{font-size:13px;color:var(--pricing-success);font-weight:600;margin-top:8px}.payper-cta{text-align:center}.cta-btn-primary{background:var(--pricing-gradient);color:#fff;border:none;padding:18px 48px;border-radius:var(--pricing-radius);font-size:16px;font-weight:700;cursor:pointer;transition:var(--pricing-transition);letter-spacing:-.01em}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 48px #3b82f640}.cta-note{color:var(--pricing-text-muted);font-size:14px;margin-top:16px}.plans-section{position:relative;z-index:1;padding:20px 24px 120px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.plan-card{background:var(--pricing-bg-card);border:1px solid var(--pricing-border);border-radius:var(--pricing-radius-lg);padding:40px 32px;position:relative;transition:var(--pricing-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;min-height:680px}.plan-card:hover{border-color:var(--pricing-border-hover);transform:translateY(-8px);box-shadow:var(--pricing-glow)}.plan-card.highlighted{border-color:var(--pricing-accent);background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,transparent 40%);box-shadow:0 8px 40px #3b82f61a}.plan-card.highlighted:hover{transform:translateY(-8px);box-shadow:0 16px 60px #3b82f626}.plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--pricing-gradient);color:#fff;font-size:11px;font-weight:700;padding:8px 20px;border-radius:100px;letter-spacing:1px;text-transform:uppercase}.plan-icon{font-size:40px;margin-bottom:16px}.plan-name{font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.plan-tagline{color:var(--pricing-text-secondary);font-size:15px;margin-bottom:32px;line-height:1.5}.plan-price{margin-bottom:8px;display:flex;align-items:baseline;gap:2px}.price-currency{font-size:24px;font-weight:600;color:var(--pricing-accent)}.price-amount{font-size:56px;font-weight:700;letter-spacing:-.03em;line-height:1}.price-custom{font-size:40px;font-weight:700;letter-spacing:-.02em}.price-period{font-size:16px;color:var(--pricing-text-muted);margin-left:4px}.annual-savings{font-size:14px;color:var(--pricing-success);font-weight:600;margin-bottom:32px}.plan-cta{width:100%;padding:16px 24px;border-radius:var(--pricing-radius);font-size:15px;font-weight:600;cursor:pointer;transition:var(--pricing-transition);margin-bottom:32px;letter-spacing:-.01em}.plan-cta.primary{background:var(--pricing-gradient);color:#fff;border:none}.plan-cta.primary:hover{box-shadow:0 12px 32px #3b82f640;transform:translateY(-2px)}.plan-cta.secondary{background:transparent;color:var(--pricing-text);border:1px solid var(--pricing-border)}.plan-cta.secondary:hover{border-color:var(--pricing-accent);color:var(--pricing-accent);background:rgba(59,130,246,.05)}.plan-includes{flex:1;display:flex;flex-direction:column}.includes-label{font-size:12px;color:var(--pricing-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-weight:600}.plan-features{list-style:none;padding:0;margin:0;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--pricing-text-secondary);margin-bottom:16px;line-height:1.5}.check-icon{color:var(--pricing-success);font-weight:700;font-size:16px;flex-shrink:0}.plan-best-for{font-size:13px;color:var(--pricing-text-muted);padding-top:24px;border-top:1px solid var(--pricing-border);display:flex;align-items:center;gap:8px;margin-top:auto}.best-for-icon{font-size:14px}.addons-section{position:relative;z-index:1;padding:120px 24px;background:var(--pricing-bg-secondary)}.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.addon-card{background:var(--pricing-bg-card);border:1px solid var(--pricing-border);border-radius:var(--pricing-radius-lg);padding:40px 32px;transition:var(--pricing-transition);display:flex;flex-direction:column;min-height:480px}.addon-card:hover{border-color:var(--pricing-accent);transform:translateY(-4px);box-shadow:0 8px 40px #3b82f61a}.addon-icon{font-size:48px;margin-bottom:20px}.addon-name{font-size:22px;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.addon-description{color:var(--pricing-text-secondary);font-size:15px;margin-bottom:32px;line-height:1.6}.addon-tiers{margin-bottom:24px;flex:1}.addon-tier{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--pricing-border)}.addon-tier:last-child{border-bottom:none}.tier-label{font-size:14px;color:var(--pricing-text-secondary);font-weight:500}.tier-price{font-size:16px;font-weight:700;color:var(--pricing-accent)}.addon-features{list-style:none;padding:0;margin:0 0 32px}.addon-features li{font-size:14px;color:var(--pricing-text-muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}.addon-cta{width:100%;padding:14px 24px;background:transparent;border:1px solid var(--pricing-border);color:var(--pricing-text);border-radius:var(--pricing-radius);font-weight:600;font-size:14px;cursor:pointer;transition:var(--pricing-transition);margin-top:auto}.addon-cta:hover{border-color:var(--pricing-accent);color:var(--pricing-accent);background:rgba(59,130,246,.05)}.faq-section{position:relative;z-index:1;padding:120px 24px}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--pricing-bg-card);border:1px solid var(--pricing-border);border-radius:var(--pricing-radius);margin-bottom:12px;overflow:hidden;cursor:pointer;transition:var(--pricing-transition)}.faq-item:hover{border-color:var(--pricing-border-hover)}.faq-item.expanded{border-color:var(--pricing-accent);box-shadow:0 8px 32px #3b82f614}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;font-weight:600;font-size:16px}.faq-toggle{font-size:24px;color:var(--pricing-accent);font-weight:300;transition:transform .3s}.faq-item.expanded .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 28px 24px;color:var(--pricing-text-secondary);line-height:1.7;font-size:15px}.final-cta{position:relative;z-index:1;padding:120px 24px 140px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.02) 100%)}.cta-container{max-width:700px;margin:0 auto}.cta-title{font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:20px;letter-spacing:-.02em;color:var(--pricing-text, #111827)}.cta-subtitle{font-size:18px;color:var(--pricing-text-secondary);margin-bottom:40px}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.cta-btn-secondary{background:transparent;border:1px solid var(--pricing-border);color:var(--pricing-text);padding:18px 40px;border-radius:var(--pricing-radius);font-size:16px;font-weight:600;cursor:pointer;transition:var(--pricing-transition)}.cta-btn-secondary:hover{border-color:var(--pricing-accent);color:var(--pricing-accent);background:rgba(59,130,246,.05)}.trust-badges{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;color:var(--pricing-text-muted);font-size:14px}.trust-badges span{display:flex;align-items:center;gap:8px}.pricing-footer{position:relative;z-index:1;padding:60px 24px;border-top:1px solid var(--pricing-border)}.footer-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-logo{opacity:.8}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--pricing-text-muted);text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--pricing-text)}.footer-copyright{color:var(--pricing-text-muted);font-size:13px}@media (max-width: 1200px){.volume-grid{grid-template-columns:repeat(3,1fr)}.volume-card:nth-child(4),.volume-card:nth-child(5){grid-column:span 1}}@media (max-width: 1024px){.plans-grid,.addons-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.plan-card{min-height:auto}.plan-card.highlighted{order:-1}.volume-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pricing-nav{padding:16px 20px}.pricing-nav .nav-links{display:none}.pricing-hero{padding:140px 20px 80px}.hero-title{font-size:36px}.billing-mode-toggle{flex-direction:column;width:100%;max-width:320px}.mode-btn{width:100%}.section-title{font-size:28px}.comparison-table-wrapper{margin-left:-24px;margin-right:-24px;border-radius:0}.volume-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}.cta-buttons{flex-direction:column;align-items:center}.cta-btn-primary,.cta-btn-secondary{width:100%;max-width:320px}.trust-badges{flex-direction:column;gap:16px;align-items:center}.footer-container{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion: no-preference){.plan-card,.addon-card,.volume-card,.faq-item{animation:fadeInUp .6s ease-out backwards}.plan-card:nth-child(1){animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}.addon-card:nth-child(1){animation-delay:.1s}.addon-card:nth-child(2){animation-delay:.2s}.addon-card:nth-child(3){animation-delay:.3s}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.stat-card:hover{background:var(--color-surface, #FFFFFF);border-color:var(--color-primary, #3B82F6);box-shadow:0 4px 12px #3b82f626}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:var(--color-text-secondary, #4B5563)}.stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary, #111827)}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-tabs{display:flex;gap:8px;background:var(--color-gray-100, #F3F4F6);padding:4px;border-radius:12px}.filter-tab{background:transparent;border:none;color:var(--color-text-secondary, #4B5563);padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tab:hover{color:var(--color-text-primary, #111827)}.filter-tab.active{background:linear-gradient(135deg,#3B82F6,#F97316);color:#fff}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.campaign-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:24px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.campaign-card:hover{transform:translateY(-4px);background:var(--color-surface, #FFFFFF);border-color:#3b82f64d;box-shadow:0 16px 40px #3b82f61f}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.campaign-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-text-primary, #111827)}.campaign-description{margin:0;font-size:14px;color:var(--color-text-secondary, #4B5563)}.campaign-status{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.campaign-status.active{background:rgba(16,185,129,.1);color:#10b981}.campaign-status.scheduled{background:rgba(59,130,246,.1);color:#3b82f6}.campaign-status.draft{background:rgba(245,158,11,.1);color:#f59e0b}.campaign-status.completed{background:rgba(37,99,235,.1);color:#2563eb}.campaign-platforms{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.platform-tag{padding:6px 12px;background:var(--color-gray-100, #F3F4F6);border-radius:8px;font-size:12px;color:var(--color-text-secondary, #4B5563)}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--color-border, #E5E7EB);border-bottom:1px solid var(--color-border, #E5E7EB);margin-bottom:16px}.campaign-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.campaign-stat .value{font-size:18px;font-weight:700;color:var(--color-text-primary, #111827)}.campaign-stat .label{font-size:11px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase}.campaign-footer{display:flex;justify-content:space-between;align-items:center}.campaign-dates{display:flex;flex-direction:column;gap:4px}.date-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary, #4B5563)}.date-icon{font-size:14px}.campaign-budget{text-align:right}.budget-label{font-size:11px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;display:block;margin-bottom:4px}.budget-value{font-size:18px;font-weight:700;color:var(--color-primary, #3B82F6)}@media (max-width: 1200px){.stats-row{grid-template-columns:repeat(2,1fr)}.campaigns-grid{grid-template-columns:1fr}}@media (max-width: 768px){.filters-section{flex-direction:column;gap:16px;align-items:stretch}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content.campaign-modal{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:24px;width:90%;max-width:580px;max-height:85vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 25px 50px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 20px;background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--color-border, #E5E7EB)}.modal-header h2{font-size:1.6rem;font-weight:700;color:var(--color-text-primary, #111827);margin:0}.modal-close{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);font-size:1.25rem;width:40px;height:40px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.modal-body{padding:24px 28px;overflow-y:auto;max-height:calc(85vh - 180px)}.campaign-detail-status{margin-bottom:24px}.campaign-detail-status .status-badge{padding:8px 16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.campaign-detail-status .status-badge.active{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.campaign-detail-status .status-badge.scheduled{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.campaign-detail-status .status-badge.completed{background:rgba(37,99,235,.1);color:#2563eb;border:1px solid rgba(37,99,235,.2)}.campaign-detail-status .status-badge.draft{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563);border:1px solid var(--color-border, #E5E7EB)}.campaign-detail-section{margin-bottom:28px}.campaign-detail-section h3{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:16px;display:flex;align-items:center;gap:8px}.campaign-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-stat{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:20px 16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.detail-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);opacity:0;transition:opacity .3s ease}.detail-stat:hover{background:var(--color-surface, #FFFFFF);border-color:#3b82f64d;transform:translateY(-2px)}.detail-stat:hover:before{opacity:1}.detail-stat-value{display:block;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#3B82F6 0%,#F97316 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.detail-stat-label{font-size:.7rem;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.campaign-detail-platforms{display:flex;gap:10px;flex-wrap:wrap}.campaign-detail-platforms .platform-tag{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:var(--color-primary, #3B82F6);padding:10px 18px;border-radius:12px;font-size:.85rem;font-weight:500;transition:all .2s ease}.campaign-detail-platforms .platform-tag:hover{background:rgba(59,130,246,.15);transform:translateY(-2px)}.campaign-detail-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.date-item{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:14px;padding:18px 20px;transition:all .2s ease}.date-item:hover{border-color:#3b82f633}.date-label{display:block;font-size:.7rem;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.date-value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #111827)}.campaign-detail-budget{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px 24px;border-top:1px solid var(--color-border, #E5E7EB);background:var(--color-gray-50, #F9FAFB)}.modal-footer .btn-secondary{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);padding:12px 24px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer .btn-secondary:hover{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827)}.btn-primary{background:linear-gradient(135deg,#3B82F6 0%,#F97316 100%);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #3b82f640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.content-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.config-panel{display:flex;flex-direction:column;gap:1.5rem}.config-section{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.config-section:hover{border-color:#3b82f64d;box-shadow:0 8px 32px #0000001a,0 0 20px #3b82f61a}.config-section h3{margin:0 0 1.25rem;font-size:1rem;font-weight:700;color:var(--color-text-primary, #111827);display:flex;align-items:center;gap:.5rem}.agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.agent-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3B82F6,#F97316,#3B82F6);opacity:0;transition:opacity .3s ease}.agent-card:hover{transform:translateY(-4px);border-color:#3b82f666;box-shadow:0 12px 24px #3b82f626,0 0 0 1px #3b82f61a}.agent-card:hover:before{opacity:1}.agent-card.selected{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(249,115,22,.1) 100%);border-color:#3b82f680;box-shadow:0 8px 32px #3b82f633,inset 0 0 0 1px #3b82f64d}.agent-card.selected:before{opacity:1}.agent-icon{font-size:2rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.agent-card:hover .agent-icon{transform:scale(1.1)}.agent-name{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #111827);text-align:center;margin-bottom:.25rem}.agent-category{font-size:.6875rem;color:var(--color-text-secondary, #4B5563);padding:.125rem .5rem;background:var(--color-gray-100, #F3F4F6);border-radius:10px}.platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;cursor:pointer;transition:all .3s ease}.platform-btn:hover{background:var(--color-gray-100, #F3F4F6);transform:translateY(-2px)}.platform-btn.selected{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(249,115,22,.1) 100%);border-color:#3b82f680;box-shadow:0 4px 16px #3b82f626,inset 0 0 0 1px #3b82f633}.platform-icon{font-size:1.5rem;transition:transform .3s ease}.platform-btn:hover .platform-icon{transform:scale(1.15)}.platform-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #4B5563)}.platform-btn.selected .platform-name{color:#3b82f6}.tones-grid{display:flex;flex-wrap:wrap;gap:.625rem}.tone-btn{padding:.625rem 1.25rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:25px;color:var(--color-text-secondary, #4B5563);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease}.tone-btn:hover{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827);transform:translateY(-2px)}.tone-btn.selected{background:linear-gradient(135deg,#3B82F6 0%,#F97316 100%);border-color:transparent;color:#fff;box-shadow:0 4px 16px #3b82f666}.topic-input{width:100%;min-height:100px;padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-primary, #111827);font-family:inherit;font-size:.9375rem;line-height:1.6;resize:vertical;outline:none;transition:all .3s ease}.topic-input:focus{border-color:#3b82f680;background:rgba(59,130,246,.05);box-shadow:0 0 0 3px #3b82f61a}.topic-input::placeholder{color:var(--color-text-muted, #9CA3AF)}.generate-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#3B82F6 0%,#F97316 50%,#3B82F6 100%);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.generate-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3b82f666,0 0 0 1px #3b82f680}.generate-btn:hover:before{left:100%}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-btn:disabled:hover:before{left:-100%}.output-panel{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;min-height:600px}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.output-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--color-text-primary, #111827)}.output-actions{display:flex;gap:.5rem}.output-actions .action-btn{padding:.5rem 1rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;color:var(--color-text-primary, #111827);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.output-actions .action-btn:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d;transform:translateY(-1px)}.output-content{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;height:100%}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5;animation:float 3s ease-in-out infinite}.empty-state p{font-size:1.125rem;font-weight:600;color:var(--color-text-secondary, #4B5563);margin:0 0 .5rem}.empty-hint{font-size:.875rem;color:var(--color-text-muted, #9CA3AF)}.content-preview{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:1.5rem;margin:0;font-family:inherit;font-size:.9375rem;line-height:1.8;color:var(--color-text-primary, #111827);white-space:pre-wrap;word-break:break-word;min-height:400px}@media (max-width: 1200px){.content-creator-grid{grid-template-columns:1fr}.output-panel{min-height:400px}}@media (max-width: 768px){.agents-grid{grid-template-columns:1fr}.platforms-grid{grid-template-columns:repeat(2,1fr)}}.platform-buttons{display:flex;flex-wrap:wrap;gap:10px}.platform-btn{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .2s ease}.platform-btn:hover{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827)}.platform-btn.selected{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-color:#3b82f680;color:var(--color-text-primary, #111827)}.platform-icon{font-size:18px}.tone-buttons{display:flex;flex-wrap:wrap;gap:10px}.tone-btn{padding:10px 20px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .2s ease}.tone-btn:hover{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827)}.tone-btn.selected{background:linear-gradient(135deg,#3B82F6,#F97316);border-color:transparent;color:#fff}.topic-textarea{width:100%;min-height:150px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:14px;padding:16px;color:var(--color-text-primary, #111827);font-size:15px;font-family:inherit;resize:vertical;outline:none;transition:all .2s ease}.topic-textarea:focus{border-color:#3b82f6;background:rgba(59,130,246,.05)}.topic-textarea::placeholder{color:var(--color-text-muted, #9CA3AF)}.generate-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;margin-top:8px}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3b82f64d}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.preview-section{display:flex;flex-direction:column;gap:24px}.preview-card{flex:1;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-header h3{margin:0;color:var(--color-text-primary, #111827)}.preview-actions{display:flex;gap:8px}.action-btn{width:40px;height:40px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;cursor:pointer;font-size:16px;transition:all .2s ease}.action-btn:hover{background:var(--color-gray-200, #E5E7EB)}.preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px}.empty-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary, #111827)}.empty-desc{color:var(--color-text-secondary, #4B5563);font-size:14px}.preview-content{flex:1}.content-text{background:var(--color-gray-50, #F9FAFB);border-radius:14px;padding:24px;font-size:15px;line-height:1.7;white-space:pre-wrap;color:var(--color-text-primary, #111827);min-height:200px}.content-meta{display:flex;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border, #E5E7EB)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:var(--color-text-muted, #9CA3AF)}.meta-value{font-weight:600;color:var(--color-text-primary, #111827)}.tips-card{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-color:#3b82f633}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;gap:12px;font-size:14px;color:var(--color-text-secondary, #4B5563)}.tip-icon{font-size:16px}@media (max-width: 1200px){.content-layout{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.agent-grid{grid-template-columns:1fr}}.page-main.opus-style{background:var(--color-bg-secondary, #F9FAFB)}.opus-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.opus-tabs{display:flex;gap:.5rem;background:var(--color-gray-100, #F3F4F6);padding:.25rem;border-radius:12px}.opus-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:10px;color:var(--color-text-secondary, #4B5563);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.opus-tab:hover{color:var(--color-text-primary, #111827)}.opus-tab.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.1));color:var(--color-text-primary, #111827);box-shadow:0 2px 8px #3b82f626}.opus-header-right{display:flex;align-items:center;gap:1rem}.platform-pills{display:flex;gap:.375rem}.platform-pill{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;font-size:1.125rem;cursor:pointer;transition:all .2s ease}.platform-pill:hover{background:var(--color-gray-200, #E5E7EB);transform:translateY(-2px)}.platform-pill.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.1));border-color:#3b82f666;box-shadow:0 4px 12px #3b82f633}.opus-main{flex:1;padding:1.5rem 2rem;overflow-y:auto}.opus-video-studio{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;height:calc(100vh - 160px)}.opus-video-area{display:flex;flex-direction:column;gap:1rem}.opus-upload-zone{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(249,115,22,.03) 100%);border:2px dashed rgba(59,130,246,.3);border-radius:20px;cursor:pointer;transition:all .4s ease;min-height:400px}.opus-upload-zone:hover{border-color:#3b82f680;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(249,115,22,.05) 100%)}.upload-visual{text-align:center}.upload-icon-ring{width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.1));border:2px solid rgba(59,130,246,.3);border-radius:50%;font-size:2.5rem;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #3b82f64d}50%{transform:scale(1.02);box-shadow:0 0 0 15px #3b82f600}}.upload-visual h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827)}.upload-visual p{margin:0 0 1.5rem;color:var(--color-text-secondary, #4B5563);font-size:.9375rem}.upload-formats{display:flex;justify-content:center;gap:.5rem}.upload-formats span{padding:.375rem .75rem;background:var(--color-gray-100, #F3F4F6);border-radius:6px;color:var(--color-text-secondary, #4B5563);font-size:.75rem;font-weight:500}.opus-player-container{flex:1;display:flex;flex-direction:column;background:#000;border-radius:16px;overflow:hidden}.opus-player-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000}.opus-video-player{width:100%;max-height:450px;object-fit:contain}.viral-score-badge{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(249,115,22,.9));border-radius:12px;box-shadow:0 8px 24px #3b82f666}.viral-score-badge .score-number{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.viral-score-badge .score-label{font-size:.625rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.opus-player-info{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--color-gray-100, #F3F4F6)}.file-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary, #4B5563);font-size:.8125rem}.btn-reset{padding:.5rem .875rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:rgba(239,68,68,.25)}.opus-processing{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem 1.5rem}.processing-steps{display:flex;justify-content:space-between;margin-bottom:1.25rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.step:after{content:"";position:absolute;top:12px;left:60%;width:80%;height:2px;background:var(--color-border, #E5E7EB)}.step:last-child:after{display:none}.step.done:after{background:linear-gradient(90deg,#3B82F6,#F97316)}.step-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-200, #E5E7EB);border:2px solid var(--color-border, #E5E7EB);border-radius:50%;color:var(--color-text-secondary, #4B5563);font-size:.75rem;font-weight:600;z-index:1;transition:all .3s ease}.step.active .step-dot{background:linear-gradient(135deg,#3B82F6,#F97316);border-color:transparent;color:#fff;box-shadow:0 0 20px #3b82f680;animation:pulse 1.5s ease-in-out infinite}.step.done .step-dot{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff}.step span{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.step.active span,.step.done span{color:var(--color-text-primary, #111827)}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 10px #3b82f600}}.opus-process-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#3B82F6 0%,#F97316 50%,#3B82F6 100%);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.opus-process-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f666}.processing-animation{text-align:center}.processing-bar{height:6px;background:var(--color-gray-200, #E5E7EB);border-radius:3px;overflow:hidden;margin-bottom:.75rem}.processing-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#F97316);border-radius:3px;transition:width .5s ease}.processing-fill.step-2{width:33%}.processing-fill.step-3{width:66%}.processing-fill.step-4{width:99%}.processing-animation p{color:var(--color-text-secondary, #4B5563);font-size:.875rem;margin:0}.opus-action-bar{display:flex;gap:.75rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px}.opus-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.opus-btn.secondary{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827)}.opus-btn.secondary:hover{background:var(--color-gray-200, #E5E7EB)}.opus-btn.primary{background:linear-gradient(135deg,#3B82F6,#F97316);color:#fff}.opus-btn.primary:hover{box-shadow:0 8px 20px #3b82f659;transform:translateY(-2px)}.opus-btn.accent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.opus-btn.accent:hover{box-shadow:0 8px 20px #10b98159;transform:translateY(-2px)}.opus-sidebar-panel{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem;overflow-y:auto}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.empty-visual{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.08));border-radius:50%;font-size:2rem;margin-bottom:1.5rem}.sidebar-empty h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827)}.sidebar-empty p{margin:0 0 1.5rem;color:var(--color-text-secondary, #4B5563);font-size:.875rem;line-height:1.5}.feature-list{display:flex;flex-direction:column;gap:.625rem;width:100%}.feature-item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--color-gray-50, #F9FAFB);border-radius:8px;color:var(--color-text-secondary, #4B5563);font-size:.8125rem}.feature-item span{color:#10b981}.opus-insights{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.opus-insights h4,.opus-clips h4{margin:0 0 1rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.insight-meters{display:flex;flex-direction:column;gap:.875rem}.meter{display:flex;flex-direction:column;gap:.375rem}.meter-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.meter-header span:last-child{color:var(--color-text-primary, #111827);font-weight:600}.meter-bar{height:6px;background:var(--color-gray-200, #E5E7EB);border-radius:3px;overflow:hidden}.meter-bar div{height:100%;background:linear-gradient(90deg,#3B82F6,#F97316);border-radius:3px;transition:width .5s ease}.meter-bar div[data-value="85"]{width:85%}.meter-bar div[data-value="88"]{width:88%}.meter-bar div[data-value="92"]{width:92%}.meter-bar div[data-value="78"]{width:78%}.meter-bar div[data-value="95"]{width:95%}.meter-bar div[data-value="90"]{width:90%}.meter-bar div[data-value="80"]{width:80%}.meter-bar div[data-value="75"]{width:75%}.meter-bar div[data-value="70"]{width:70%}.meter-bar div[data-value="65"]{width:65%}.meter-bar div[data-value="60"]{width:60%}.clip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:rgba(59,130,246,.15);border-radius:10px;color:#3b82f6;font-size:.6875rem;font-weight:600;margin-left:.5rem}.clips-list{display:flex;flex-direction:column;gap:.5rem}.clip-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;cursor:pointer;transition:all .2s ease}.clip-card:hover{background:rgba(59,130,246,.05);border-color:#3b82f633}.clip-card.selected{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.08));border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626}.clip-thumbnail{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-200, #E5E7EB);border-radius:8px;font-size:1.25rem}.clip-info{flex:1;min-width:0}.clip-title{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-time{font-size:.6875rem;color:var(--color-text-secondary, #4B5563);font-family:monospace}.clip-score-ring{position:relative;width:36px;height:36px}.clip-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.clip-score-ring span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6875rem;font-weight:700;color:var(--color-text-primary, #111827)}.opus-text-studio{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;height:calc(100vh - 160px)}.opus-text-main{display:flex;flex-direction:column;gap:1.5rem}.opus-input-section{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem}.opus-textarea{width:100%;padding:1rem 1.25rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-primary, #111827);font-family:inherit;font-size:1rem;line-height:1.6;resize:none;outline:none;transition:all .3s ease}.opus-textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.opus-textarea::placeholder{color:var(--color-text-muted, #9CA3AF)}.input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.tone-selector{display:flex;flex-wrap:wrap;gap:.375rem}.tone-pill{padding:.5rem 1rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;color:var(--color-text-secondary, #4B5563);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tone-pill:hover{background:var(--color-gray-200, #E5E7EB);color:var(--color-text-primary, #111827)}.tone-pill.active{background:linear-gradient(135deg,#3B82F6,#F97316);border-color:transparent;color:#fff}.opus-generate-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3B82F6 0%,#F97316 50%,#3B82F6 100%);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.opus-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.opus-generate-btn:disabled{opacity:.5;cursor:not-allowed}.opus-generate-btn .spin{display:inline-block;animation:spin 1s linear infinite}.opus-output-section{flex:1;display:flex;flex-direction:column}.opus-content-card{flex:1;display:flex;flex-direction:column;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;overflow:hidden}.content-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.content-meta{display:flex;align-items:center;gap:.75rem}.agent-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:rgba(59,130,246,.1);border-radius:8px;color:#3b82f6;font-size:.75rem;font-weight:500}.platform-badges{font-size:1rem;letter-spacing:2px}.content-actions{display:flex;gap:.25rem}.action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.action-icon:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d}.content-body{flex:1;margin:0;padding:1.25rem;font-family:inherit;font-size:.9375rem;line-height:1.7;color:var(--color-text-primary, #111827);white-space:pre-wrap;word-break:break-word;overflow-y:auto}.content-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--color-border, #E5E7EB)}.content-footer .opus-btn{flex:1}.opus-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;text-align:center;padding:3rem}.opus-empty-state span{font-size:3rem;margin-bottom:1rem;opacity:.5}.opus-empty-state h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-secondary, #4B5563)}.opus-empty-state p{margin:0;color:var(--color-text-muted, #9CA3AF);font-size:.875rem}.opus-agent-sidebar{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:1.25rem}.opus-agent-sidebar h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #111827)}.agent-list{display:flex;flex-direction:column;gap:.5rem}.agent-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.agent-option:hover{background:rgba(59,130,246,.05);border-color:#3b82f633}.agent-option.active{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.08));border-color:#3b82f666}.agent-option .agent-icon{font-size:1.25rem}.agent-option .agent-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #111827)}.agent-option .agent-tag{padding:.25rem .5rem;background:var(--color-gray-100, #F3F4F6);border-radius:6px;font-size:.625rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.agent-option.active .agent-tag{background:rgba(59,130,246,.15);color:#3b82f6}@media (max-width: 1200px){.opus-video-studio{grid-template-columns:1fr}.opus-sidebar-panel{max-height:350px}.opus-text-studio{grid-template-columns:1fr}.opus-agent-sidebar{display:none}}@media (max-width: 768px){.opus-header{flex-direction:column;gap:1rem;padding:1rem}.opus-main{padding:1rem}.opus-action-bar{flex-direction:column}.input-actions{flex-direction:column;align-items:stretch}.tone-selector{justify-content:center}}:root{--virlbox-teal: #F97316;--virlbox-navy: #F9FAFB;--virlbox-purple: #3B82F6;--virlbox-pink: #F97316;--virlbox-gold: #F59E0B;--virlbox-success: #10B981;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(229, 231, 235, .8)}.marketing-hub{background:var(--color-surface, #FFFFFF);border-radius:16px;padding:24px;margin-top:24px;border:1px solid var(--color-border, #E5E7EB)}.hub-header{text-align:center;margin-bottom:24px}.hub-header h2{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#3B82F6,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.hub-header p{color:var(--text-secondary, #4B5563);font-size:.95rem}.hub-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:16px;background:var(--color-gray-50, #F9FAFB);border-radius:12px;margin-bottom:24px}.hub-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;border:1px solid var(--color-border, #E5E7EB);border-radius:8px;color:var(--text-secondary, #4B5563);font-size:.9rem;cursor:pointer;transition:all .3s ease}.hub-tab:hover{background:rgba(59,130,246,.08);border-color:var(--color-primary, #3B82F6);color:var(--text-primary, #111827)}.hub-tab.active{background:linear-gradient(135deg,var(--virlbox-teal),var(--virlbox-purple));border-color:transparent;color:#fff;font-weight:600}.hub-tab span{font-size:1.1rem}.hub-content{min-height:400px}.hub-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.hub-loading .loader{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--virlbox-teal);border-radius:50%;animation:spin 1s linear infinite}.hub-loading p{margin-top:16px;color:var(--color-text-secondary, #4B5563)}.hub-error{background:rgba(255,51,102,.1);border:1px solid var(--virlbox-pink);color:var(--virlbox-pink);padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center}.empty-state-mini{text-align:center;padding:40px;color:var(--color-text-muted, #9CA3AF)}.scripts-container{display:grid;grid-template-columns:280px 1fr;gap:24px}.scripts-sidebar{background:var(--glass-bg);border-radius:12px;padding:16px;border:1px solid var(--glass-border)}.scripts-sidebar h4{color:var(--virlbox-teal);margin-bottom:16px;font-size:1rem}.script-item{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:1px solid var(--glass-border);border-radius:8px;width:100%;margin-bottom:8px;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--color-text-primary, #111827)}.script-item:hover{background:rgba(0,217,255,.1);border-color:var(--virlbox-teal)}.script-item.active{background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(37,99,235,.2));border-color:var(--virlbox-teal)}.script-icon{font-size:1.2rem}.script-title{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.script-duration{font-size:.75rem;color:var(--color-text-muted, #9CA3AF);background:var(--glass-bg);padding:2px 8px;border-radius:4px}.script-detail{background:var(--glass-bg);border-radius:12px;padding:24px;border:1px solid var(--glass-border)}.script-header h3{font-size:1.4rem;color:var(--color-text-primary, #111827);margin-bottom:12px}.script-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.meta-badge{background:var(--glass-bg);border:1px solid var(--glass-border);padding:6px 12px;border-radius:20px;font-size:.8rem;color:var(--color-text-secondary, #4B5563)}.platform-badge{background:linear-gradient(135deg,var(--virlbox-teal),var(--virlbox-purple));padding:6px 12px;border-radius:20px;font-size:.75rem;color:#fff;font-weight:500;text-transform:uppercase}.script-segments{display:flex;flex-direction:column;gap:12px}.segment-card{background:var(--color-gray-50, #F9FAFB);border-radius:8px;padding:16px;border-left:3px solid var(--virlbox-teal)}.segment-time{font-size:.75rem;color:var(--virlbox-teal);font-weight:600;margin-bottom:4px}.segment-type{font-size:.7rem;text-transform:uppercase;color:var(--virlbox-purple);letter-spacing:1px;margin-bottom:8px}.segment-text{color:var(--color-text-primary, #111827);line-height:1.6;margin-bottom:8px}.segment-overlay,.segment-visual{font-size:.85rem;color:var(--color-text-secondary, #4B5563);font-style:italic}.segment-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.action-tag{background:rgba(0,217,255,.1);border:1px solid var(--virlbox-teal);color:var(--virlbox-teal);padding:4px 10px;border-radius:4px;font-size:.75rem}.viral-elements{margin-top:24px;padding-top:24px;border-top:1px solid var(--glass-border)}.viral-elements h4{color:var(--virlbox-gold);margin-bottom:12px}.elements-grid{display:flex;flex-wrap:wrap;gap:8px}.viral-element{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,51,102,.1));border:1px solid var(--virlbox-gold);color:var(--virlbox-gold);padding:6px 14px;border-radius:20px;font-size:.8rem}.hooks-container{padding:16px}.hooks-header{text-align:center;margin-bottom:24px}.hooks-header h3{font-size:1.5rem;color:var(--color-text-primary, #111827);margin-bottom:8px}.hooks-header p{color:var(--color-text-secondary, #4B5563);margin-bottom:16px}.platform-selector{display:flex;justify-content:center;gap:10px}.platform-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .2s ease}.platform-tab:hover{background:rgba(0,217,255,.1);border-color:var(--virlbox-teal)}.platform-tab.active{background:var(--virlbox-teal);border-color:var(--virlbox-teal);color:#000;font-weight:600}.hooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.hook-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.hook-card:hover{background:rgba(0,217,255,.1);border-color:var(--virlbox-teal);transform:translateY(-2px)}.hook-number{position:absolute;top:8px;right:8px;font-size:.7rem;color:var(--color-text-muted, #9CA3AF)}.hook-text{color:var(--color-text-primary, #111827);font-size:.95rem;line-height:1.5;margin:0;padding-right:24px}.copy-btn{position:absolute;bottom:8px;right:8px;background:transparent;border:none;font-size:1rem;cursor:pointer;opacity:0;transition:opacity .2s ease}.hook-card:hover .copy-btn{opacity:1}.captions-container{padding:16px}.captions-container h3{font-size:1.5rem;color:var(--color-text-primary, #111827);text-align:center;margin-bottom:8px}.captions-container>p{color:var(--color-text-secondary, #4B5563);text-align:center;margin-bottom:24px}.captions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.caption-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.caption-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--glass-border)}.caption-platform{font-weight:600;color:var(--virlbox-teal);font-size:.85rem;display:flex;align-items:center;gap:6px}.caption-text{padding:16px;color:var(--color-text-primary, #111827);line-height:1.6;font-size:.9rem;margin:0;white-space:pre-wrap}.bios-container{padding:16px}.bios-container h3{font-size:1.5rem;color:var(--color-text-primary, #111827);text-align:center;margin-bottom:8px}.bios-container>p{color:var(--color-text-secondary, #4B5563);text-align:center;margin-bottom:24px}.bios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.bio-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.bio-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--color-gray-50, #F9FAFB);border-bottom:1px solid var(--glass-border)}.bio-platform{font-weight:600;color:var(--virlbox-purple);font-size:.8rem;display:flex;align-items:center;gap:6px;text-transform:capitalize}.bio-text{padding:14px;color:var(--color-text-primary, #111827);line-height:1.5;font-size:.85rem;margin:0}.broll-container{padding:16px}.broll-container h3{font-size:1.5rem;color:var(--color-text-primary, #111827);text-align:center;margin-bottom:8px}.broll-container>p{color:var(--color-text-secondary, #4B5563);text-align:center;margin-bottom:24px}.broll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.broll-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:16px;position:relative}.broll-number{position:absolute;top:8px;right:12px;font-size:.7rem;color:var(--color-text-muted, #9CA3AF)}.broll-category{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--virlbox-pink);margin-bottom:8px}.broll-description{color:var(--color-text-primary, #111827);line-height:1.5;font-size:.9rem;margin:0 0 12px}.broll-duration,.broll-mood{font-size:.75rem;color:var(--color-text-muted, #9CA3AF);margin-right:12px}.thumbnails-container{padding:16px}.thumbnails-container h3{font-size:1.5rem;color:var(--color-text-primary, #111827);text-align:center;margin-bottom:8px}.thumbnails-container>p{color:var(--color-text-secondary, #4B5563);text-align:center;margin-bottom:24px}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.thumbnail-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:transform .2s ease}.thumbnail-card:hover{transform:translateY(-4px)}.thumbnail-preview{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.thumbnail-text{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);text-shadow:none}.thumbnail-subtext{font-size:.9rem;color:var(--color-text-secondary, #4B5563);margin-top:8px}.thumbnail-info{padding:16px;background:var(--color-gray-50, #F9FAFB)}.thumbnail-info h4{color:var(--color-text-primary, #111827);margin:0 0 8px;font-size:1rem}.thumb-dimensions{font-size:.75rem;color:var(--virlbox-teal);background:rgba(0,217,255,.1);padding:4px 10px;border-radius:4px;margin-right:8px}.thumb-style{font-size:.75rem;color:var(--color-text-secondary, #4B5563)}.thumb-platforms{display:flex;gap:6px;margin-top:10px}.thumb-platform{font-size:.7rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:3px 8px;border-radius:4px;color:var(--color-text-secondary, #4B5563)}.virality-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px}@media (max-width: 900px){.virality-container{grid-template-columns:1fr}}.virality-formula-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px}.virality-formula-section h3{color:var(--color-text-primary, #111827);margin-bottom:16px}.formula-display{background:var(--color-gray-100, #F3F4F6);border-radius:8px;padding:20px;margin-bottom:24px;overflow-x:auto}.formula-display code{font-family:Fira Code,Consolas,monospace;font-size:.95rem;color:var(--virlbox-gold);white-space:nowrap}.formula-weights h4{color:var(--color-text-secondary, #4B5563);margin-bottom:16px;font-size:.95rem}.weights-grid{display:flex;flex-direction:column;gap:12px}.weight-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--color-gray-50, #F9FAFB);border-radius:8px;position:relative}.weight-label{width:80px;font-size:.85rem;color:var(--color-text-secondary, #4B5563)}.weight-value{width:50px;font-weight:700;font-size:.9rem}.weight-item.saves .weight-value{color:var(--virlbox-gold)}.weight-item.shares .weight-value{color:var(--virlbox-pink)}.weight-item.comments .weight-value{color:var(--virlbox-purple)}.weight-item.likes .weight-value{color:var(--virlbox-teal)}.weight-item.views .weight-value{color:var(--color-text-muted, #9CA3AF)}.weight-bar{height:8px;border-radius:4px;transition:width .3s ease}.weight-bar.w-full{width:100%}.weight-bar.w-87{width:87.5%}.weight-bar.w-37{width:37.5%}.weight-bar.w-12{width:12.5%}.weight-bar.w-2{width:2.5%}.weight-item.saves .weight-bar{background:var(--virlbox-gold)}.weight-item.shares .weight-bar{background:var(--virlbox-pink)}.weight-item.comments .weight-bar{background:var(--virlbox-purple)}.weight-item.likes .weight-bar{background:var(--virlbox-teal)}.weight-item.views .weight-bar{background:var(--color-gray-300, #D1D5DB)}.swatch-preview[data-color]{background-color:var(--swatch-color, #00D9FF)}.font-preview[data-font]{font-family:var(--font-family, inherit)}.spacing-preview[data-spacing]{width:var(--spacing-width, 20px);height:20px;background:#00D9FF}.thumbnail-preview[data-thumb]{background:var(--thumb-bg, linear-gradient(135deg, #00D9FF, #0A1428))}.virality-calculator{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px}.virality-calculator h4{color:var(--color-text-primary, #111827);margin-bottom:20px}.calculator-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.8rem;color:var(--color-text-secondary, #4B5563)}.input-group input,.input-group select{padding:10px 14px;background:var(--color-surface, #FFFFFF);border:1px solid var(--glass-border);border-radius:6px;color:var(--color-text-primary, #111827);font-size:.95rem}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--virlbox-teal)}.input-group select option{background-color:#fffffff2;color:#1a1a2e;padding:10px}.input-group select option:hover,.input-group select option:checked{background-color:var(--virlbox-teal, #00ff9a);color:#0a0a0f}.input-group.highlight{grid-column:span 2}.input-group.highlight label{color:var(--virlbox-gold);font-weight:600}.input-group.highlight input{border-color:var(--virlbox-gold)}.calculate-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--virlbox-teal),var(--virlbox-purple));border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.virality-result{margin-top:24px;padding:20px;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--glass-border)}.result-score{text-align:center;margin-bottom:20px}.score-label{display:block;font-size:.8rem;color:var(--color-text-muted, #9CA3AF);margin-bottom:4px}.score-value{display:block;font-size:3rem;font-weight:700;margin-bottom:4px}.score-value.viral{color:var(--virlbox-success)}.score-value.high{color:var(--virlbox-gold)}.score-value.medium{color:var(--virlbox-teal)}.score-value.low{color:var(--virlbox-pink)}.score-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;background:rgba(0,255,136,.1);color:var(--virlbox-success)}.result-details{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.detail-item{text-align:center}.detail-item span:first-child{display:block;font-size:.7rem;color:var(--color-text-muted, #9CA3AF);margin-bottom:4px}.detail-item span:last-child{font-size:.9rem;color:var(--color-text-primary, #111827);font-weight:500}.result-recommendation{padding-top:16px;border-top:1px solid var(--glass-border)}.result-recommendation h5{color:var(--virlbox-gold);margin-bottom:8px;font-size:.9rem}.result-recommendation p{color:var(--color-text-secondary, #4B5563);font-size:.85rem;line-height:1.5;margin:0}.design-container{padding:16px}.design-container>h3{font-size:1.5rem;color:var(--color-text-primary, #111827);text-align:center;margin-bottom:24px}.design-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin-bottom:20px}.design-section h4{color:var(--virlbox-teal);margin-bottom:16px;font-size:1rem}.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.color-swatch{text-align:center}.swatch-preview{height:60px;border-radius:8px;margin-bottom:8px;border:2px solid var(--glass-border)}.swatch-name{display:block;font-size:.8rem;color:var(--color-text-primary, #111827);margin-bottom:2px;text-transform:capitalize}.swatch-value{font-size:.7rem;color:var(--color-text-muted, #9CA3AF);font-family:Fira Code,monospace}.typography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.font-item{background:var(--color-gray-50, #F9FAFB);padding:16px;border-radius:8px}.font-name{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted, #9CA3AF);margin-bottom:8px}.font-value{font-size:1.2rem;color:var(--color-text-primary, #111827)}.spacing-grid{display:flex;flex-direction:column;gap:12px}.spacing-item{display:flex;align-items:center;gap:16px}.spacing-preview{border-radius:2px}.spacing-name{width:60px;font-size:.8rem;color:var(--color-text-secondary, #4B5563)}.spacing-value{font-size:.75rem;color:var(--color-text-muted, #9CA3AF);font-family:Fira Code,monospace}@media (max-width: 768px){.scripts-container{grid-template-columns:1fr}.scripts-sidebar{max-height:200px;overflow-y:auto}.hooks-grid,.captions-grid,.bios-grid,.broll-grid,.thumbnails-grid{grid-template-columns:1fr}.hub-tabs{gap:6px}.hub-tab{padding:8px 12px;font-size:.8rem}.calculator-inputs{grid-template-columns:1fr}.input-group.highlight{grid-column:span 1}}.niche-prompt-generator{background:transparent;border-radius:16px;padding:24px;min-height:600px}.generator-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.generator-header h2{font-size:1.75rem;background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.generator-header p{color:#64748b;font-size:.95rem}.generator-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1024px){.generator-content{grid-template-columns:1fr}}.generator-form{background:#ffffff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-section{margin-bottom:24px}.form-section h3{font-size:1rem;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;color:#475569;font-size:.875rem;margin-bottom:8px;font-weight:500}.form-input,.form-textarea,.form-select{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;color:#1e293b;font-size:.95rem;transition:all .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26;background:#ffffff}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer}.form-select option{background:#ffffff;color:#1e293b}.toggle-container{display:flex;flex-direction:column;gap:12px}.toggle-switch{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.toggle-switch:hover{background:#f1f5f9;border-color:#7c3aed}.toggle-switch:focus{outline:none;box-shadow:0 0 0 3px #7c3aed33}.toggle-switch.active{background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,rgba(6,182,212,.08) 100%);border-color:#7c3aed}.toggle-track{position:relative;width:52px;height:28px;background:#cbd5e1;border-radius:14px;transition:all .3s ease;flex-shrink:0}.toggle-switch.active .toggle-track{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);box-shadow:0 0 20px #7c3aed4d}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.toggle-switch.active .toggle-thumb{left:27px;background:#fff;color:#7c3aed}.toggle-label{font-size:.95rem;color:#64748b;transition:color .3s ease}.toggle-switch.active .toggle-label{color:#1e293b;font-weight:500}.auto-detect-hint{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,rgba(6,182,212,.1) 100%);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#16a34a;font-size:.85rem;animation:slideIn .3s ease}.auto-detect-hint svg{flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#1e293b}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#7c3aed}.niche-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}@media (max-width: 768px){.niche-grid{grid-template-columns:repeat(2,1fr)}}.niche-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:left}.niche-card:hover{background:#f1f5f9;border-color:#7c3aed;transform:translateY(-1px)}.niche-card.selected{background:linear-gradient(135deg,rgba(124,58,237,.1) 0%,rgba(6,182,212,.1) 100%);border-color:var(--niche-color, #7c3aed);box-shadow:0 4px 12px #7c3aed33}.niche-name{display:block;font-weight:600;color:#1e293b;font-size:.85rem;margin-bottom:4px;text-transform:capitalize}.niche-keywords{display:block;font-size:.7rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-result{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,rgba(6,182,212,.08) 100%);border-radius:8px;border:1px solid rgba(124,58,237,.2)}.badge{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.detection-method{color:#64748b;font-size:.85rem}.platform-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;transition:all .25s ease;min-width:80px}.platform-btn:hover{background:#f1f5f9;border-color:var(--platform-color, #7c3aed);color:#1e293b;transform:translateY(-2px)}.platform-btn:hover .platform-logo{color:var(--platform-color, #7c3aed)}.platform-btn.selected{background:linear-gradient(135deg,rgba(124,58,237,.15) 0%,rgba(6,182,212,.15) 100%);border-color:var(--platform-color, #7c3aed);color:#1e293b;box-shadow:0 4px 15px #7c3aed33}.platform-btn.selected .platform-logo{color:var(--platform-color, #7c3aed)}.platform-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#64748b;transition:all .25s ease}.platform-logo svg{width:28px;height:28px}.platform-logo-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:currentColor}.platform-logo-small svg{width:20px;height:20px}.platform-name{font-size:.75rem;font-weight:500;text-transform:capitalize;color:#475569}.form-range{width:100%;height:6px;background:#e2e8f0;border-radius:3px;outline:none;-webkit-appearance:none;margin-bottom:8px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);border-radius:50%;cursor:pointer;transition:transform .2s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-labels{display:flex;justify-content:space-between;color:#64748b;font-size:.75rem}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{flex:1;padding:14px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#7c3aed;color:#7c3aed}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;margin-top:16px}.generator-results{background:#ffffff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:500px}.results-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.results-placeholder h3{color:#1e293b;font-size:1.25rem;margin-bottom:8px}.results-placeholder p{color:#64748b;max-width:300px}.features-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.feature{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.85rem}.feature-icon{font-size:1.2rem}.results-tabs{display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;overflow-x:auto}.tab{padding:10px 16px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:all .2s ease}.tab:hover{background:#f8fafc;color:#1e293b;border-color:#7c3aed}.tab.active{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);border-color:transparent;color:#fff}.script-sections{display:flex;flex-direction:column;gap:16px}.script-section{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h4{color:#7c3aed;font-size:.9rem;font-weight:600}.copy-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.85rem;color:#475569;transition:all .2s ease}.copy-btn:hover{background:linear-gradient(135deg,rgba(124,58,237,.1) 0%,rgba(6,182,212,.1) 100%);border-color:#7c3aed;color:#7c3aed}.script-section p{color:#1e293b;font-size:.9rem;line-height:1.6}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.spec-item{background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.spec-label{color:#64748b;font-size:.75rem;text-transform:capitalize}.spec-value{color:#1e293b;font-size:.95rem;font-weight:600}.music-recommendation{background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,rgba(6,182,212,.08) 100%);border-radius:10px;padding:16px;border:1px solid rgba(124,58,237,.2)}.music-recommendation h4{color:#1e293b;font-size:.95rem;margin-bottom:12px}.music-details{display:flex;flex-wrap:wrap;gap:16px}.music-details span{color:#64748b;font-size:.85rem}.platform-optimizations{display:flex;flex-direction:column;gap:16px}.platform-card{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.platform-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.platform-header h4{color:#1e293b;font-size:1rem;text-transform:capitalize}.platform-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.platform-specs .spec{display:flex;flex-direction:column;gap:2px}.platform-specs .spec span:first-child{color:#64748b;font-size:.75rem}.platform-specs .spec span:last-child{color:#1e293b;font-size:.85rem}.posting-tips h5{color:#64748b;font-size:.8rem;margin-bottom:8px}.posting-tips ul{list-style:none;padding:0;margin:0}.posting-tips li{color:#1e293b;font-size:.85rem;padding:4px 0 4px 16px;position:relative}.posting-tips li:before{content:"•";color:#7c3aed;position:absolute;left:0}.ai-prompt-section{display:flex;flex-direction:column;gap:20px}.prompt-box,.voiceover-box{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prompt-header h4{color:#1e293b;font-size:.95rem}.prompt-text{background:#ffffff;border-radius:8px;padding:16px;color:#475569;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;font-family:Fira Code,Monaco,monospace;border:1px solid #e2e8f0}.niche-generator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.loading-spinner{width:48px;height:48px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.tab-content::-webkit-scrollbar,.prompt-text::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track,.prompt-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tab-content::-webkit-scrollbar-thumb,.prompt-text::-webkit-scrollbar-thumb{background:rgba(124,58,237,.4);border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover,.prompt-text::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.6)}.ai-studio-content{padding:0 2rem 2rem;max-width:1600px;margin:0 auto}.studio-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--color-gray-100, #F3F4F6);padding:.5rem;border-radius:16px;border:1px solid var(--color-border, #E5E7EB);box-shadow:inset 0 1px 2px #0000000d;overflow-x:auto}.studio-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:12px;color:var(--color-text-secondary, #4B5563);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.studio-tab:hover{color:var(--color-text-primary, #111827);background:var(--color-surface, #FFFFFF)}.studio-tab.active{color:#fff;background:linear-gradient(135deg,#3B82F6,#F97316);box-shadow:0 4px 12px #3b82f64d}.studio-tab span{position:relative;z-index:1}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 1200px){.studio-grid{grid-template-columns:1fr}}.studio-config{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:1.75rem;box-shadow:0 1px 3px #0000000d}.config-section{margin-bottom:1.75rem}.config-section:last-of-type{margin-bottom:1rem}.config-section label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--color-text-secondary, #4B5563);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.08em}.config-section label:before{content:"";width:3px;height:14px;background:linear-gradient(135deg,#3B82F6,#F97316);border-radius:2px}.config-section textarea,.config-section input[type=text],.config-section select{width:100%;padding:1rem 1.25rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-primary, #111827);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.config-section textarea{min-height:100px;line-height:1.6}.config-section textarea::placeholder,.config-section input::placeholder{color:var(--color-text-muted, #9CA3AF)}.config-section textarea:focus,.config-section input:focus,.config-section select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #3b82f614;background:var(--color-surface, #FFFFFF)}.config-section select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233B82F6' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.config-section select option{background:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);padding:.5rem}.duration-slider{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1rem;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--color-border, #E5E7EB)}.duration-slider input[type=range]{flex:1;height:8px;background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(249,115,22,.2));border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.duration-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#3B82F6,#F97316);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3b82f64d;transition:transform .2s,box-shadow .2s}.duration-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3b82f666}.duration-value{font-size:1.1rem;font-weight:700;color:#3b82f6;min-width:50px;text-align:center;padding:.25rem .75rem;background:rgba(59,130,246,.1);border-radius:8px}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.625rem}.style-btn{padding:.75rem 1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-secondary, #4B5563);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.style-btn:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d;color:var(--color-text-primary, #111827);transform:translateY(-2px)}.style-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.1));border-color:#3b82f6;color:var(--color-text-primary, #111827);box-shadow:0 4px 12px #3b82f626}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .5rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-secondary, #4B5563);font-size:.75rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.platform-btn:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d;color:var(--color-text-primary, #111827);transform:translateY(-2px)}.platform-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.1));border-color:#3b82f6;color:var(--color-text-primary, #111827);box-shadow:0 4px 12px #3b82f626}.platform-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.platform-icon svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s ease,filter .2s ease}.platform-btn:hover .platform-icon svg{transform:scale(1.1)}.platform-btn.active .platform-icon svg{filter:drop-shadow(0 0 6px rgba(59,130,246,.4));transform:scale(1.15)}.platform-name{text-transform:capitalize;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 2rem;background:linear-gradient(135deg,#3B82F6,#F97316);background-size:200% 200%;border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b82f64d}.generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.generate-btn:hover:not(:disabled):before{left:100%}.generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #3b82f659}.generate-btn:active:not(:disabled){transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:12px;color:#f87171;font-size:.9rem;margin-bottom:1rem}.error-message:before{content:"⚠️"}.studio-results{background:linear-gradient(145deg,rgba(30,30,50,.8),rgba(20,20,35,.9));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.75rem;min-height:500px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff0d}.progress-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.progress-bar{width:100%;height:10px;background:var(--color-gray-100, #F3F4F6);border-radius:5px;overflow:hidden;margin-bottom:1.5rem;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{height:100%;width:var(--progress-width, 0%);background:linear-gradient(90deg,#3B82F6,#F97316,#3B82F6);background-size:200% 100%;border-radius:5px;transition:width .5s ease;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-stage{color:var(--color-text-secondary, #4B5563);font-size:1rem;margin-bottom:.75rem;font-weight:500}.progress-percent{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#3B82F6,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-card{flex:1;animation:fadeInUp .5s ease}.result-card h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);margin-bottom:1.75rem;display:flex;align-items:center;gap:.75rem}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.metric{background:var(--color-gray-50, #F9FAFB);padding:1.25rem;border-radius:14px;text-align:center;border:1px solid var(--color-border, #E5E7EB);transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.metric-label{display:block;font-size:.7rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.625rem;font-weight:600}.metric-value{display:block;font-size:1.75rem;font-weight:800;color:var(--color-text-primary, #111827)}.metric-value.viral{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-outputs{background:var(--color-gray-50, #F9FAFB);border-radius:14px;padding:1.25rem;border:1px solid var(--color-border, #E5E7EB)}.result-outputs h4{font-size:.8rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-weight:700}.output-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--color-surface, #FFFFFF);border-radius:10px;margin-bottom:.5rem;border:1px solid var(--color-border, #E5E7EB);transition:all .2s}.output-item:hover{background:rgba(59,130,246,.05);border-color:#3b82f633}.output-item:last-child{margin-bottom:0}.output-item span{color:var(--color-text-primary, #111827);text-transform:capitalize;font-weight:500}.preview-section{margin:1.5rem 0}.video-placeholder,.audio-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(249,115,22,.03));border:2px dashed rgba(59,130,246,.2);border-radius:16px;text-align:center;position:relative;overflow:hidden}.video-placeholder:before,.audio-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(59,130,246,.08),transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.placeholder-icon{position:relative;font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(59,130,246,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.video-placeholder p,.audio-placeholder p{position:relative;color:var(--color-text-primary, #111827);font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.placeholder-note{position:relative;color:var(--color-text-secondary, #4B5563);font-size:.85rem;background:var(--color-gray-100, #F3F4F6);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--color-border, #E5E7EB)}.preview-badge{color:#10b981;font-size:.85rem;font-weight:600;background:rgba(16,185,129,.15);padding:.375rem 1rem;border-radius:20px;border:1px solid rgba(16,185,129,.2)}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s;margin-top:1rem}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.download-btn:disabled{background:rgba(255,255,255,.1);color:#666;cursor:not-allowed}.download-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer}.download-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.video-preview-container,.audio-preview-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(59,130,246,.03));border:2px solid rgba(16,185,129,.2);border-radius:16px;text-align:center}.video-success-badge,.audio-success-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));border:1px solid rgba(16,185,129,.4);border-radius:20px;color:#10b981;font-weight:700;font-size:.9rem;margin-bottom:1rem;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 20px 5px #10b98133}}.video-demo{width:100%;max-width:500px;margin:1rem 0}.demo-frame{position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080}.generated-video-player{display:block;width:100%;max-height:400px;object-fit:contain;background:#000;border-radius:12px}.video-overlay-info{display:flex;justify-content:space-between;padding:.75rem 1rem;background:rgba(0,0,0,.6);font-size:.75rem;border-radius:0 0 12px 12px;margin-top:-4px}.video-id,.video-quality{color:#ffffffb3;background:rgba(0,0,0,.5);padding:.25rem .5rem;border-radius:4px}.video-ready-text,.audio-ready-text{color:#10b981;font-weight:600;font-size:1rem;margin-top:1rem}.generated-audio-player{width:100%;max-width:400px;margin:1rem 0;border-radius:8px}.download-link{color:#10b981;text-decoration:none;font-weight:600;padding:.375rem .75rem;background:rgba(16,185,129,.15);border-radius:8px;transition:all .2s}.download-link:hover{background:rgba(16,185,129,.25);transform:translateY(-1px)}.ready-badge{color:#10b981;font-size:.85rem;font-weight:600}.demo-note{color:var(--color-text-secondary, #4B5563);font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem;background:rgba(59,130,246,.05);border-radius:8px;border:1px dashed rgba(59,130,246,.2)}.generation-summary{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.generation-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.75rem;padding:.75rem;background:var(--color-gray-50, #F9FAFB);border-radius:12px}.generation-stats span{color:var(--color-text-secondary, #4B5563);font-size:.8rem;padding:.25rem .75rem;background:rgba(59,130,246,.08);border-radius:20px}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.875rem 2rem;background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #10b98140}.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98159;background:linear-gradient(135deg,#059669,#2563EB)}.download-btn:active{transform:translateY(0)}.script-preview{max-height:400px;overflow-y:auto;padding-right:.5rem}.script-preview::-webkit-scrollbar{width:6px}.script-preview::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.script-preview::-webkit-scrollbar-thumb{background:rgba(59,130,246,.4);border-radius:3px}.script-segment{background:var(--color-gray-50, #F9FAFB);padding:1.25rem;border-radius:12px;margin-bottom:.75rem;border-left:4px solid #3B82F6;transition:all .2s}.script-segment:hover{background:rgba(59,130,246,.05)}.segment-time{display:inline-block;font-size:.75rem;color:#3b82f6;background:rgba(59,130,246,.1);padding:.3rem .6rem;border-radius:6px;margin-bottom:.625rem;font-weight:600}.script-segment p{color:var(--color-text-primary, #111827);line-height:1.7;margin-bottom:.625rem;font-size:.95rem}.segment-emotion{font-size:.75rem;color:var(--color-text-secondary, #4B5563);text-transform:capitalize;background:var(--color-gray-100, #F3F4F6);padding:.25rem .5rem;border-radius:4px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,rgba(249,115,22,.05) 100%);border-radius:20px;border:1px solid rgba(148,163,184,.2)}.empty-icon{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(59,130,246,.25));animation:float 3s ease-in-out infinite}.empty-state h3{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #e5e7eb);margin-bottom:.75rem;background:linear-gradient(135deg,#3B82F6,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:var(--color-text-secondary, #9CA3AF);max-width:420px;line-height:1.7;margin-bottom:2rem;font-size:.95rem}.feature-highlights{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.highlight{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.05));border:1px solid rgba(59,130,246,.2);border-radius:25px;color:var(--color-text-primary, #111827);font-size:.875rem;font-weight:500;transition:all .2s}.highlight:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.highlight span:first-child{font-size:1.25rem}.action-buttons-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:2rem;padding:1.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 3rem;border:3px solid transparent;border-radius:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:200px;min-height:180px;text-align:center;position:relative;overflow:visible}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;border-radius:inherit;z-index:0}.action-btn:hover{transform:translateY(-8px) scale(1.05)}.action-btn .action-icon{font-size:4rem;line-height:1;margin-bottom:1.25rem;display:block;width:100%;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.action-btn .action-label{font-size:1.25rem;font-weight:800;margin-bottom:.5rem;display:block;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.08em}.action-btn .action-desc{font-size:.9rem;display:block;position:relative;z-index:1;opacity:.9}.action-btn.preview-btn{background:linear-gradient(145deg,#3B82F6 0%,#1D4ED8 100%);border-color:#60a5fa;box-shadow:0 8px 32px #3b82f666,inset 0 1px #fff3}.action-btn.preview-btn .action-label,.action-btn.preview-btn .action-desc{color:#fff}.action-btn.preview-btn:hover{background:linear-gradient(145deg,#2563EB 0%,#1E40AF 100%);border-color:#93c5fd;box-shadow:0 12px 40px #3b82f680,inset 0 1px #ffffff40}.action-btn.edit-btn{background:linear-gradient(145deg,#F97316 0%,#EA580C 100%);border-color:#fb923c;box-shadow:0 8px 32px #f9731666,inset 0 1px #fff3}.action-btn.edit-btn .action-label,.action-btn.edit-btn .action-desc{color:#fff}.action-btn.edit-btn:hover{background:linear-gradient(145deg,#EA580C 0%,#C2410C 100%);border-color:#fdba74;box-shadow:0 12px 40px #f9731680,inset 0 1px #ffffff40}.action-btn.submit-btn{background:linear-gradient(145deg,#10B981 0%,#059669 100%);border-color:#34d399;box-shadow:0 8px 32px #10b98166,inset 0 1px #fff3}.action-btn.submit-btn .action-label,.action-btn.submit-btn .action-desc{color:#fff}.action-btn.submit-btn:hover{background:linear-gradient(145deg,#059669 0%,#047857 100%);border-color:#6ee7b7;box-shadow:0 12px 40px #10b98180,inset 0 1px #ffffff40}@media (max-width: 768px){.ai-studio-content{padding:0 1rem 1.5rem}.studio-tabs{padding:.375rem}.studio-tab{padding:.625rem 1rem;font-size:.8rem}.studio-config,.studio-results{padding:1.25rem}.result-metrics{grid-template-columns:1fr;gap:.75rem}.style-grid,.platform-grid{grid-template-columns:repeat(2,1fr)}.feature-highlights{flex-direction:column}}.studio-tab.marketing-tab{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border:1px solid rgba(59,130,246,.2)}.studio-tab.marketing-tab:hover{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.15));border-color:#3b82f666}.studio-tab.marketing-tab.active{background:linear-gradient(135deg,#3B82F6,#F97316);border-color:transparent;box-shadow:0 4px 16px #3b82f64d}.result-card h3{font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #E5E7EB);background:linear-gradient(90deg,#3B82F6,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-predictions{margin-bottom:1.5rem}.performance-predictions h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}.predictions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.prediction-item{display:flex;gap:.75rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease}.prediction-item:hover{border-color:#3b82f666;transform:translateY(-2px)}.prediction-icon{font-size:1.5rem;display:flex;align-items:center}.prediction-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.prediction-label{font-size:.75rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.prediction-value{font-size:1.25rem;font-weight:700;color:#3b82f6}.prediction-bar{height:4px;background:rgba(59,130,246,.15);border-radius:2px;overflow:hidden;margin-top:.25rem}.prediction-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#F97316);border-radius:2px;transition:width 1s ease-out}.prediction-item.viral-score .prediction-value{color:#f97316}.prediction-item.hook-score .prediction-value{color:#3b82f6}.prediction-item.engagement .prediction-value{color:#10b981}.prediction-item.conversion .prediction-value{color:#2563eb}.thumbnails-section{margin-bottom:1.5rem}.thumbnails-section h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}.thumbnails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.thumbnail-option{background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--color-border, #E5E7EB);overflow:hidden;cursor:pointer;transition:all .3s ease}.thumbnail-option:hover{border-color:#3b82f6;transform:scale(1.02)}.thumbnail-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#F3F4F6,#E5E7EB);display:flex;align-items:center;justify-content:center}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-secondary, #4B5563)}.thumbnail-icon{font-size:2rem}.thumbnail-label{font-size:.75rem;font-weight:600}.thumbnail-score{padding:.75rem;text-align:center;font-size:.8rem;color:#3b82f6;font-weight:600}.captions-section{margin-bottom:1.5rem}.captions-section h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}.captions-list{display:flex;flex-direction:column;gap:.75rem}.caption-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease}.caption-item:hover{border-color:#3b82f666}.caption-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3B82F6,#F97316);border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.caption-text{flex:1;font-size:.9rem;color:var(--color-text-primary, #111827);line-height:1.5;margin:0}.copy-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;opacity:.6;transition:all .2s ease}.copy-btn:hover{opacity:1;transform:scale(1.1)}.hashtags-section{margin-bottom:1.5rem}.hashtags-section h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}.hashtags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hashtag-tag{padding:.5rem .875rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:.8rem;color:#3b82f6;font-weight:600;cursor:pointer;transition:all .3s ease}.hashtag-tag:hover{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(249,115,22,.2));transform:translateY(-2px)}.copy-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-all-btn:hover{background:rgba(59,130,246,.25);border-color:#3b82f6}.posting-times-section{margin-bottom:1.5rem}.posting-times-section h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}.posting-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.posting-time-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px solid var(--color-border, #E5E7EB)}.platform-icon{font-size:1.5rem}.time-details{display:flex;flex-direction:column;gap:.25rem}.platform-name{font-size:.85rem;font-weight:600;color:var(--color-text-primary, #111827);text-transform:capitalize}.best-time{font-size:.75rem;color:#3b82f6;font-weight:500}.result-outputs{margin-bottom:1.5rem}.result-outputs h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}.outputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.output-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--color-gray-50, #F9FAFB);border-radius:10px;border:1px solid var(--color-border, #E5E7EB)}.output-platform{font-size:.85rem;color:var(--color-text-primary, #111827);text-transform:capitalize}.ready-badge{font-size:.75rem;color:#10b981}.generation-stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-radius:16px;border:1px solid rgba(59,130,246,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#3B82F6,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.7rem;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.video-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border, #E5E7EB)}.download-btn.primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.download-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.video-id{font-size:.8rem;color:var(--color-text-secondary, #4B5563);font-family:monospace}.preview-section{margin-bottom:1.5rem}.preview-section h4{font-size:.95rem;color:var(--color-text-primary, #111827);margin-bottom:1rem}@media (max-width: 768px){.predictions-grid{grid-template-columns:1fr}.thumbnails-grid,.generation-stats-section{grid-template-columns:repeat(2,1fr)}.posting-times-grid{grid-template-columns:1fr}}.video-edit-toolbar{background:var(--color-gray-100, #F3F4F6);border-radius:16px;padding:1.25rem;margin:1.5rem 0;border:1px solid var(--color-border, #E5E7EB)}.video-edit-toolbar h4{font-size:.95rem;font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:1rem}.edit-tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.edit-tool-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-tool-btn:hover{background:linear-gradient(135deg,#EEF2FF,#FEF3C7);border-color:#818cf8;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.edit-tool-btn .tool-icon{font-size:1.5rem}.edit-tool-btn .tool-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #4B5563)}.edit-tool-btn:hover .tool-label{color:#4f46e5}.video-action-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.video-action-buttons .download-btn,.video-action-buttons .save-library-btn,.video-action-buttons .publish-btn{flex:1;min-width:140px;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.video-action-buttons .download-btn{background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff}.video-action-buttons .download-btn:hover{background:linear-gradient(135deg,#2563EB,#1D4ED8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.save-library-btn{background:linear-gradient(135deg,#10B981,#059669);color:#fff}.save-library-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.publish-btn{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff}.publish-btn:hover{background:linear-gradient(135deg,#7C3AED,#6D28D9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}@media (max-width: 768px){.edit-tools-grid{grid-template-columns:repeat(3,1fr)}.video-action-buttons{flex-direction:column}.video-action-buttons .download-btn,.video-action-buttons .save-library-btn,.video-action-buttons .publish-btn{width:100%}}.ai-content-studio-main{flex:1;margin-left:260px;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#f0f4ff 0%,#fef3e2 50%,#f0f4ff 100%)}.ai-studio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.ai-studio-title-group h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;color:#111827}.ai-studio-icon{font-size:2rem}.ai-studio-title-group p{color:#6b7280;margin:0;font-size:.95rem}.ai-studio-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.6rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3B82F6);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.btn-secondary{background:white;color:#374151;border:1px solid #E5E7EB}.btn-secondary:hover{background:#F9FAFB;border-color:#d1d5db}.btn-small{padding:.4rem .8rem;font-size:.8rem}.btn-publish{background:linear-gradient(135deg,#10B981,#059669);box-shadow:0 4px 12px #10b98140}.btn-publish:hover{background:linear-gradient(135deg,#34D399,#10B981)}.ai-studio-tabs{display:inline-flex;align-items:center;padding:.25rem;border-radius:100px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);margin-bottom:1.5rem;gap:.25rem;box-shadow:0 4px 16px #0000000f}.ai-tab{border:none;background:transparent;padding:.6rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.ai-tab:hover{background:rgba(59,130,246,.08);color:#374151}.ai-tab-active{background:white;color:#3b82f6;box-shadow:0 2px 8px #00000014;font-weight:600}.ai-studio-panels{margin-top:.5rem}.ai-panel{display:none;animation:fadeIn .3s ease}.ai-panel-active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-progress{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #0000000f}.wizard-progress-bar{width:100%;height:6px;background:#E5E7EB;border-radius:100px;margin-bottom:1rem;overflow:hidden}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#F97316);border-radius:100px;transition:width .4s ease}.wizard-progress-steps{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600}.wizard-step{color:#9ca3af;transition:color .2s ease}.wizard-step-active{color:#3b82f6}.content-wizard{display:flex;flex-direction:column;gap:2rem}.wizard-stage{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:2rem;display:none;box-shadow:0 8px 32px #00000014}.wizard-stage-active{display:block;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-stage-header{margin-bottom:2rem;border-bottom:2px solid #F3F4F6;padding-bottom:1.5rem}.wizard-stage-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.wizard-stage-subtitle{color:#6b7280;font-size:.95rem;margin:0}.wizard-stage-content{margin-bottom:2rem}.wizard-stage-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;border-top:1px solid #F3F4F6;padding-top:1.5rem}.upload-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.upload-option-card{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:16px;padding:1.5rem;text-align:center}.upload-option-card h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#111827}.upload-zone{border:2px dashed #3B82F6;border-radius:12px;padding:2rem;cursor:pointer;transition:all .2s ease;background:white}.upload-zone:hover{background:rgba(59,130,246,.05);border-color:#2563eb}.upload-zone.uploading{border-style:solid;cursor:default}.upload-zone-icon{font-size:2.5rem;margin-bottom:.75rem}.upload-zone-text{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.25rem}.upload-zone-hint{color:#6b7280;font-size:.8rem}.record-preview,.library-preview{background:#F3F4F6;border-radius:12px;aspect-ratio:9/16;max-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:3rem}.option-hint{font-size:.75rem;color:#6b7280;margin-top:.75rem}.create-video-card{background:linear-gradient(135deg,#F0F9FF 0%,#E0F2FE 100%)!important;border:1px solid #BAE6FD!important}.create-video-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.create-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;border:2px solid #E5E7EB;border-radius:12px;background:white;cursor:pointer;transition:all .2s ease;text-align:center;min-height:80px}.create-option-btn:hover{border-color:#3b82f6;background:rgba(59,130,246,.05);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.create-option-btn.ai-studio-btn{background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-color:#fcd34d}.create-option-btn.ai-studio-btn:hover{border-color:#f59e0b;background:linear-gradient(135deg,#FDE68A,#FCD34D)}.create-option-icon{font-size:1.5rem;margin-bottom:.25rem}.create-option-label{font-weight:600;font-size:.75rem;color:#111827;display:block}.create-option-desc{font-size:.65rem;color:#6b7280;display:block;margin-top:.15rem}.upload-progress{text-align:center}.upload-progress p{margin-bottom:.5rem;font-size:.9rem}.progress-bar{width:100%;height:8px;background:#E5E7EB;border-radius:100px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2563EB);transition:width .3s ease}.selected-video-preview{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:16px;padding:1.5rem}.selected-video-preview h3{margin-bottom:1rem;color:#10b981}.preview-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}.preview-container video{width:100%;max-height:300px;border-radius:12px;background:black}.preview-info p{margin-bottom:.5rem;font-size:.9rem;color:#374151}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.edit-preview{background:#F9FAFB;border-radius:16px;padding:1.5rem}.edit-preview h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.edit-preview video{width:100%;border-radius:12px;background:black;aspect-ratio:9/16;object-fit:cover}.edit-analysis{background:#F9FAFB;border-radius:16px;padding:1.5rem}.edit-analysis h3{margin-bottom:1.5rem;font-size:1rem;font-weight:600}.analysis-section{margin-bottom:1.5rem}.analysis-section label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:#374151}.viral-score-section{background:white;border-radius:12px;padding:1rem}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.score-header span:first-child{font-weight:600;font-size:.9rem}.score-value{font-size:1.5rem;font-weight:700;color:#10b981}.score-bar{width:100%;height:8px;background:#E5E7EB;border-radius:100px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#10B981,#059669);transition:width .5s ease}.score-hint{margin-top:.5rem;font-size:.75rem;color:#6b7280}.hook-status{padding:.75rem;border-radius:8px;font-size:.85rem}.hook-strong{background:rgba(16,185,129,.1);border-left:3px solid #10B981;color:#059669}.hook-medium{background:rgba(245,158,11,.1);border-left:3px solid #F59E0B;color:#d97706}.hook-weak{background:rgba(239,68,68,.1);border-left:3px solid #EF4444;color:#dc2626}.analysis-section textarea,.analysis-section select,.analysis-section input{width:100%;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.9rem;transition:border-color .2s ease;background:white}.analysis-section textarea:focus,.analysis-section select:focus,.analysis-section input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-hint{margin-top:.5rem;font-size:.75rem;color:#6b7280}.hashtags-container{display:flex;flex-wrap:wrap;gap:.5rem}.hashtag-badge{background:rgba(59,130,246,.1);color:#2563eb;padding:.35rem .75rem;border-radius:100px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.hashtag-badge:hover{background:rgba(59,130,246,.2)}.platform-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.platform-preview-card{background:white;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.platform-preview-header{background:#F3F4F6;padding:.75rem 1rem;font-weight:600;font-size:.85rem}.platform-preview-image{background:#1F2937;display:flex;align-items:center;justify-content:center}.platform-preview-image video{width:100%;height:100%;object-fit:cover}.ratio-9-16{aspect-ratio:9/16;max-height:200px}.ratio-16-9{aspect-ratio:16/9}.ratio-1-1{aspect-ratio:1/1}.platform-preview-info{padding:.75rem}.preview-caption{font-size:.75rem;color:#6b7280;line-height:1.4}.approval-section{background:#F9FAFB;border-radius:16px;padding:1.5rem}.approval-section h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.approval-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.approval-option{background:white;border:2px solid #E5E7EB;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.approval-option:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.approval-option.selected{border-color:#3b82f6;background:rgba(59,130,246,.05)}.approval-icon{font-size:2rem;display:block;margin-bottom:.5rem}.approval-title{display:block;font-weight:600;margin-bottom:.25rem}.approval-desc{display:block;font-size:.75rem;color:#6b7280}.changes-notes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.changes-notes label{display:block;font-weight:600;margin-bottom:.5rem}.changes-notes textarea{width:100%;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.9rem}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.selection-card{background:#F9FAFB;border-radius:16px;padding:1.5rem}.selection-card h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.platform-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.platform-checkbox-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s ease;border:1px solid transparent}.platform-checkbox-item:hover{background:rgba(59,130,246,.05)}.platform-checkbox-item input{margin-right:.75rem;width:18px;height:18px}.platform-info{display:flex;flex-direction:column}.platform-name{font-weight:600;font-size:.9rem}.platform-reach{font-size:.75rem;color:#6b7280}.total-reach-box,.agent-count-box{background:white;padding:.75rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.reach-value{font-size:1.25rem;font-weight:700;color:#3b82f6;margin-left:.5rem}.agent-mode-selector{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #E5E7EB}.agent-mode-selector p{margin-bottom:.75rem}.agent-mode-option{display:flex;align-items:flex-start;margin-bottom:.5rem;cursor:pointer}.agent-mode-option input{margin-right:.75rem;margin-top:.25rem}.agent-mode-option span{display:flex;flex-direction:column}.agent-mode-option small{font-size:.75rem;color:#6b7280}.recommended-agents,.manual-agents{margin-top:1rem}.recommended-agents p,.manual-agents p{margin-bottom:.75rem;font-weight:600;font-size:.9rem}.recommended-agent{background:rgba(16,185,129,.1);border-left:3px solid #10B981;border-radius:8px;padding:.75rem;margin-bottom:.5rem;display:flex;flex-direction:column}.agent-check{color:#10b981;font-weight:700}.agent-name{font-weight:600;font-size:.9rem}.agent-desc{font-size:.75rem;color:#6b7280}.agent-checkbox-item{display:flex;align-items:center;padding:.5rem;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:.5rem;cursor:pointer}.agent-checkbox-item input{margin-right:.5rem}.publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.publish-section{display:flex;flex-direction:column;gap:1.5rem}.schedule-card,.campaign-card,.final-review-card{background:#F9FAFB;border-radius:16px;padding:1.5rem}.schedule-card h3,.campaign-card h3,.final-review-card h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.strategy-options{display:flex;flex-direction:column;gap:.75rem}.strategy-option{display:flex;align-items:flex-start;padding:1rem;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s ease}.strategy-option.selected{border-color:#3b82f6;background:rgba(59,130,246,.05)}.strategy-option input{margin-right:.75rem;margin-top:.25rem}.strategy-option span{display:flex;flex-direction:column}.strategy-option small{font-size:.75rem;color:#6b7280}.schedule-options{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.9rem}.campaign-card p{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.campaign-card select{width:100%;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.9rem;margin-bottom:.75rem}.new-campaign-form{background:white;padding:1rem;border-radius:8px}.new-campaign-form input{width:100%;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.9rem}.review-items{display:flex;flex-direction:column;gap:.75rem}.review-item{background:white;padding:1rem;border-radius:8px}.review-label{display:block;font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.review-value{font-weight:600;font-size:.9rem;color:#111827}.reach-highlight{font-size:1.25rem;color:#3b82f6}.ready-message{margin-top:1rem;padding:1rem;background:rgba(16,185,129,.1);border-left:3px solid #10B981;border-radius:8px;font-size:.9rem;color:#059669}.overview-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.overview-stat-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px #0000000f}.stat-icon{font-size:2rem;width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:#F3F4F6;border-radius:12px}.stat-value{font-size:1.75rem;font-weight:700;color:#111827}.stat-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.overview-recent,.overview-quick-actions{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #0000000f}.overview-recent h3,.overview-quick-actions h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.content-list{display:flex;flex-direction:column;gap:.75rem}.content-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#F9FAFB;border-radius:10px}.content-thumbnail{width:50px;height:50px;background:#E5E7EB;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.content-info{flex:1}.content-info h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.content-info p{font-size:.75rem;color:#6b7280}.content-status{padding:.35rem .75rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-published{background:rgba(16,185,129,.1);color:#059669}.status-scheduled{background:rgba(59,130,246,.1);color:#2563eb}.status-draft{background:rgba(107,114,128,.1);color:#4b5563}.status-processing{background:rgba(245,158,11,.1);color:#d97706}.status-ready,.status-active{background:rgba(16,185,129,.1);color:#059669}.status-paused{background:rgba(245,158,11,.1);color:#d97706}.status-completed{background:rgba(59,130,246,.1);color:#2563eb}.content-score{font-weight:600;color:#f97316}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quick-action-card{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.quick-action-card:hover{background:rgba(59,130,246,.05);border-color:#3b82f6;transform:translateY(-2px)}.quick-action-icon{font-size:2rem;display:block;margin-bottom:.5rem}.quick-action-card span:last-child{font-weight:600;font-size:.875rem}.content-library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.content-library-header h3{font-size:1.25rem;font-weight:600}.content-library-actions{display:flex;gap:.75rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.content-error-banner{background:#FEE2E2;color:#b91c1c;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.content-error-banner button{background:#B91C1C;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer}.content-loading{text-align:center;padding:4rem 2rem;color:#6b7280}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite}.content-empty{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.6);border-radius:16px;border:2px dashed #E5E7EB}.content-empty .empty-icon{font-size:4rem;margin-bottom:1rem}.content-empty h4{font-size:1.25rem;margin-bottom:.5rem;color:#374151}.content-empty p{color:#6b7280;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.content-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .2s ease}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.content-card-thumbnail{background:linear-gradient(135deg,#E5E7EB 0%,#D1D5DB 100%);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.content-card-thumbnail img,.content-card-thumbnail video{width:100%;height:100%;object-fit:cover}.content-card-thumbnail .thumbnail-emoji{font-size:3rem}.content-card-thumbnail .duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.75);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.content-card-thumbnail .viral-score-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:700}.viral-score-badge.high{background:linear-gradient(135deg,#10B981,#059669);color:#fff}.viral-score-badge.medium{background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff}.viral-score-badge.low{background:rgba(107,114,128,.9);color:#fff}.content-card-body{padding:1rem}.content-card-body h4{font-size:.95rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#6b7280;margin-bottom:.5rem}.content-date{color:#9ca3af}.status-badge{padding:.2rem .5rem;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase}.status-draft{background:#F3F4F6;color:#6b7280}.status-processing{background:#FEF3C7;color:#92400e}.status-ready{background:#D1FAE5;color:#065f46}.status-scheduled{background:#DBEAFE;color:#1e40af}.status-published{background:#10B981;color:#fff}.status-failed{background:#FEE2E2;color:#b91c1c}.status-archived{background:#E5E7EB;color:#6b7280}.content-card-platforms{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.platform-tag{background:#F3F4F6;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;color:#6b7280}.scheduled-info{font-size:.75rem;color:#1e40af;background:#EFF6FF;padding:.25rem .5rem;border-radius:4px;margin-bottom:.5rem}.content-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #F3F4F6}.btn-icon{width:32px;height:32px;border:1px solid #E5E7EB;border-radius:8px;background:white;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#F3F4F6;transform:scale(1.05)}.btn-icon.btn-danger:hover{background:#FEE2E2;border-color:#fecaca}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.campaigns-header h3{font-size:1.25rem;font-weight:600}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.campaign-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #0000000f}.campaign-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.campaign-card-header h4{font-size:1rem;font-weight:600}.campaign-desc{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid #E5E7EB}.campaign-stat{text-align:center}.campaign-stat .stat-value{font-size:1.25rem;font-weight:700;color:#111827;display:block}.campaign-stat .stat-label{font-size:.7rem;color:#6b7280;text-transform:uppercase}.schedule-header{margin-bottom:1.5rem}.schedule-header h3{font-size:1.25rem;font-weight:600}.schedule-calendar{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000000f}.calendar-placeholder{text-align:center;color:#6b7280}.calendar-icon{font-size:4rem;display:block;margin-bottom:1rem}.scheduled-items{margin-top:2rem;text-align:left}.scheduled-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#F9FAFB;border-radius:10px;margin-bottom:.75rem}.scheduled-date{font-weight:600;color:#3b82f6;min-width:100px}.scheduled-title{flex:1;font-weight:500}.scheduled-platforms{font-size:.8rem;color:#6b7280}.agents-header{margin-bottom:1.5rem}.agents-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.agents-header p{font-size:.9rem;color:#6b7280}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.agent-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #0000000f;position:relative}.agent-card.disabled{opacity:.6}.agent-icon{font-size:2.5rem;margin-bottom:.75rem}.agent-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.agent-card p{font-size:.85rem;color:#6b7280;margin-bottom:.75rem}.agent-category{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.category-optimization{background:rgba(59,130,246,.1);color:#2563eb}.category-generation{background:rgba(16,185,129,.1);color:#059669}.category-analysis{background:rgba(245,158,11,.1);color:#d97706}.agent-toggle{position:absolute;top:1rem;right:1rem}.agent-toggle input{display:none}.toggle-slider{display:block;width:44px;height:24px;background:#E5E7EB;border-radius:100px;position:relative;cursor:pointer;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:3px;left:3px;transition:transform .2s ease;box-shadow:0 2px 4px #0000001a}.agent-toggle input:checked+.toggle-slider{background:#3B82F6}.agent-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.analytics-header{margin-bottom:1.5rem}.analytics-header h3{font-size:1.25rem;font-weight:600}.analytics-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.analytics-stat-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px #0000000f}.analytics-icon{font-size:2rem}.analytics-stat-content{display:flex;flex-direction:column}.analytics-value{font-size:1.5rem;font-weight:700;color:#111827}.analytics-label{font-size:.8rem;color:#6b7280}.analytics-charts-placeholder{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:4rem;text-align:center;color:#6b7280;box-shadow:0 4px 16px #0000000f}@media (max-width: 1200px){.upload-options-grid,.overview-stats-grid,.analytics-overview,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.ai-content-studio-main{margin-left:0;padding:1rem}.edit-grid,.selection-grid,.publish-grid,.approval-options{grid-template-columns:1fr}}@media (max-width: 768px){.ai-studio-header{flex-direction:column;align-items:stretch}.ai-studio-actions{flex-direction:column}.ai-studio-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.upload-options-grid,.overview-stats-grid,.analytics-overview,.quick-actions-grid,.preview-container{grid-template-columns:1fr}.wizard-stage-footer{flex-direction:column}.platform-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.platform-preview-grid{grid-template-columns:1fr}.campaign-stats{grid-template-columns:1fr;text-align:left}}.avatar-video-studio{min-height:100vh;background:var(--gray-50, #f8fafc);color:var(--gray-900, #1e293b);display:flex;flex-direction:column}.page-subtitle{font-size:.9rem;color:var(--gray-500, #64748b);margin:0}.studio-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:white;border-bottom:1px solid var(--gray-200, #e2e8f0);box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100}.header-left{display:flex;flex-direction:column;gap:.25rem}.header-left h1{font-size:1.5rem;font-weight:700;color:var(--gray-900, #1e293b);margin:0}.back-btn{padding:.5rem 1rem;background:var(--gray-100, #f1f5f9);border:1px solid var(--gray-200, #e2e8f0);border-radius:8px;color:var(--gray-600, #475569);cursor:pointer;transition:all .2s;font-weight:500}.back-btn:hover{background:var(--gray-200, #e2e8f0);color:var(--gray-900, #1e293b)}.header-right{display:flex;align-items:center;gap:2rem}.credits-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(139,92,246,.1));border:1px solid rgba(37,99,235,.2);border-radius:20px}.credits-icon{font-size:1.2rem}.credits-value{font-weight:600;color:var(--primary-main, #2563eb)}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:36px;height:36px;background:var(--primary-main, #2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-name{color:var(--gray-700, #334155);font-weight:500}.studio-tabs{display:flex;gap:.75rem;padding:1rem 2rem;background:white;border-bottom:1px solid var(--gray-200, #e2e8f0)}.studio-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:8px;color:var(--gray-600, #475569);cursor:pointer;transition:all .2s;font-weight:500;font-size:.95rem}.studio-tab-btn:hover{background:var(--gray-50, #f8fafc);border-color:var(--gray-300, #cbd5e1);color:var(--gray-900, #1e293b)}.studio-tab-btn.active{background:var(--primary-main, #2563eb);color:#fff;border-color:var(--primary-main, #2563eb)}.studio-tab-btn.primary{background:linear-gradient(135deg,var(--primary-main, #2563eb),#3b82f6);color:#fff;border-color:var(--primary-main, #2563eb)}.studio-tab-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.studio-tab-btn .tab-icon{font-size:1.1rem}.studio-tab-btn .tab-label{font-weight:600}.studio-main{flex:1;padding:2rem;overflow-y:auto}.create-wizard{display:flex;flex-direction:column;min-height:calc(100vh - 280px)}.wizard-body{flex:1}.wizard-steps{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;background:white;border:2px solid var(--gray-200, #e2e8f0);border-radius:12px;cursor:default;transition:all .3s;opacity:.6}.wizard-step.clickable{cursor:pointer;opacity:1}.wizard-step.clickable:hover{border-color:var(--primary-main, #2563eb);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.wizard-step.active{background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(139,92,246,.05));border-color:var(--primary-main, #2563eb);box-shadow:0 4px 12px #2563eb26;opacity:1;cursor:default}.wizard-step.completed{background:rgba(16,185,129,.05);border-color:#10b981;opacity:1;cursor:pointer}.wizard-step.completed:hover{background:rgba(16,185,129,.1);transform:translateY(-2px)}.step-icon{font-size:1.5rem}.step-label{font-size:.875rem;color:var(--gray-600, #475569);font-weight:500}.wizard-step.active .step-label{color:var(--primary-main, #2563eb);font-weight:600}.wizard-step.completed .step-label{color:#10b981}.wizard-content{max-width:1200px;margin:0 auto;padding:2rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000000d}.wizard-content h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--gray-900, #1e293b);font-weight:700}.simple-progress-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.95rem;line-height:2}.simple-progress-display .progress-line{color:#334155}.simple-progress-display .progress-line strong{color:#1e293b}.step-description{color:var(--gray-600, #475569);margin-bottom:2rem}.avatar-filters{margin-bottom:2rem}.category-tabs{display:flex;gap:1rem;margin-bottom:1rem}.category-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:white;border:2px solid var(--gray-200, #e2e8f0);border-radius:12px;color:var(--gray-700, #334155);cursor:pointer;transition:all .2s;font-weight:500}.category-tab:hover{border-color:var(--primary-main, #2563eb);box-shadow:0 2px 8px #2563eb1a}.category-tab.active{background:var(--primary-main, #2563eb);color:#fff;border-color:var(--primary-main, #2563eb)}.tab-count{font-size:.75rem;padding:.25rem .5rem;background:rgba(0,0,0,.1);border-radius:10px}.category-tab.active .tab-count{background:rgba(255,255,255,.2)}.filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:.5rem;min-width:250px;max-width:350px;padding:.75rem 1rem;background:var(--gray-50, #f8fafc);border:1px solid var(--gray-200, #e2e8f0);border-radius:8px}.search-input input{flex:1;background:transparent;border:none;color:var(--gray-900, #1e293b);outline:none;font-size:.95rem}.search-input input::placeholder{color:var(--gray-400, #94a3b8)}.gender-filter{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:6px;color:var(--gray-600, #475569);cursor:pointer;transition:all .2s;font-weight:500}.filter-btn:hover{border-color:var(--primary-main, #2563eb)}.filter-btn.active{background:var(--primary-main, #2563eb);color:#fff;border-color:var(--primary-main, #2563eb)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;max-height:450px;overflow-y:auto;padding:.5rem}.avatar-card{background:white;border:2px solid var(--gray-200, #e2e8f0);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s}.avatar-card:hover{transform:translateY(-4px);border-color:var(--primary-main, #2563eb);box-shadow:0 8px 24px #2563eb26}.avatar-card.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.avatar-thumbnail{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--gray-100, #f1f5f9),var(--gray-200, #e2e8f0));overflow:hidden}.avatar-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.avatar-card:hover .avatar-thumbnail img{transform:scale(1.05)}.selected-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 2px 8px #10b98166}.avatar-info h4{font-size:1rem;font-weight:600;color:var(--gray-900, #1e293b);margin-bottom:.25rem}.avatar-info p{font-size:.85rem;color:var(--gray-500, #64748b);margin-bottom:.5rem}.avatar-features{display:flex;flex-wrap:wrap;gap:.25rem}.feature-tag{font-size:.7rem;padding:.2rem .5rem;background:rgba(37,99,235,.1);color:var(--primary-main, #2563eb);border-radius:4px;font-weight:500}.selected-preview{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(37,99,235,.05));border:2px solid #10b981;border-radius:12px}.selected-preview h3{color:#10b981;margin-bottom:1rem;font-weight:600}.preview-content{display:flex;gap:2rem;align-items:center}.preview-content img{width:120px;height:120px;border-radius:12px;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #0000001a}.preview-details h4{font-size:1.25rem;color:var(--gray-900, #1e293b);margin-bottom:.5rem}.preview-details p{color:var(--gray-600, #475569);margin:.25rem 0}.preview-details p strong{color:var(--gray-800, #1e293b)}.voice-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:2rem}.language-selector{display:flex;flex-direction:column;gap:.5rem}.language-selector label{font-size:.85rem;font-weight:600;color:var(--gray-700, #334155)}.language-selector select{padding:.75rem 1rem;min-width:200px;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:8px;color:var(--gray-900, #1e293b);font-size:.95rem;cursor:pointer}.language-selector select:focus{outline:none;border-color:var(--primary-main, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.gender-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(139,92,246,.1));border:1px solid rgba(37,99,235,.2);border-radius:20px;color:var(--primary-main, #2563eb);font-weight:500;font-size:.9rem}.gender-badge .badge-icon{font-size:1rem}.language-regions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.region-btn{padding:.5rem 1rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:20px;color:var(--gray-600, #475569);cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.region-btn:hover{border-color:var(--primary-main, #2563eb)}.region-btn.active{background:var(--primary-main, #2563eb);color:#fff;border-color:var(--primary-main, #2563eb)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-height:400px;overflow-y:auto}.voice-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:white;border:2px solid var(--gray-200, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s}.voice-card:hover{border-color:var(--primary-main, #2563eb);box-shadow:0 4px 12px #2563eb1a}.voice-card.selected{border-color:#10b981;background:rgba(16,185,129,.02)}.voice-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-main, #2563eb),#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.voice-info{flex:1}.voice-info h4{font-size:.95rem;font-weight:600;color:var(--gray-900, #1e293b)}.voice-info p{font-size:.8rem;color:var(--gray-500, #64748b)}.voice-tags{display:flex;gap:.25rem;margin-top:.25rem}.voice-tag{font-size:.65rem;padding:.15rem .4rem;background:var(--gray-100, #f1f5f9);color:var(--gray-600, #475569);border-radius:4px}.voice-preview-btn{width:36px;height:36px;background:var(--gray-100, #f1f5f9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-preview-btn:hover{background:var(--primary-main, #2563eb);color:#fff}.script-editor-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.script-section{background:var(--gray-50, #f8fafc);border-radius:12px;padding:1.5rem;border:1px solid var(--gray-200, #e2e8f0)}.script-section h3{font-size:1.1rem;font-weight:600;color:var(--gray-900, #1e293b);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.script-textarea{width:100%;min-height:200px;padding:1rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:8px;font-family:inherit;font-size:.95rem;color:var(--gray-900, #1e293b);resize:vertical;outline:none}.script-textarea:focus{border-color:var(--primary-main, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.script-controls{display:flex;gap:.75rem;margin-top:1rem;align-items:center}.ai-optimize-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-main, #2563eb),#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.ai-optimize-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.ai-optimize-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.optimization-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(16,185,129,.1);border-radius:20px;color:#10b981;font-weight:600}.optimized-section{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(37,99,235,.05));border:1px solid #10b981}.optimized-section h3{color:#10b981}.optimized-content{padding:1rem;background:white;border-radius:8px;border:1px solid var(--gray-200, #e2e8f0);min-height:200px;white-space:pre-wrap;color:var(--gray-800, #1e293b);font-size:.95rem;line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.setting-group{background:var(--gray-50, #f8fafc);border-radius:12px;padding:1.5rem;border:1px solid var(--gray-200, #e2e8f0)}.setting-group h3{font-size:1.1rem;font-weight:600;color:var(--gray-900, #1e293b);margin-bottom:1rem}.setting-item{margin-bottom:1.25rem}.setting-item label{display:block;font-size:.9rem;font-weight:500;color:var(--gray-700, #334155);margin-bottom:.5rem}.setting-slider{width:100%;height:8px;background:var(--gray-200, #e2e8f0);border-radius:4px;outline:none;-webkit-appearance:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-main, #2563eb);border-radius:50%;cursor:pointer}.setting-value{text-align:right;font-size:.85rem;color:var(--primary-main, #2563eb);font-weight:600;margin-top:.25rem}.resolution-options,.framerate-options,.preset-options{display:flex;gap:.75rem;flex-wrap:wrap}.resolution-btn,.framerate-btn,.preset-option{flex:1;min-width:120px;padding:1rem;background:white;border:2px solid var(--gray-200, #e2e8f0);border-radius:10px;cursor:pointer;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem}.resolution-btn:hover,.framerate-btn:hover,.preset-option:hover{border-color:var(--primary-main, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.resolution-btn.active,.framerate-btn.active,.preset-option.active{border-color:var(--primary-main, #2563eb);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(139,92,246,.08));box-shadow:0 4px 12px #2563eb33}.res-label,.fps-label,.preset-name{display:block;font-weight:600;font-size:.95rem;color:var(--gray-900, #1e293b)}.res-desc,.fps-desc,.preset-details{display:block;font-size:.75rem;color:var(--gray-500, #64748b);margin-top:.125rem}.option-btn{flex:1;padding:.75rem;background:white;border:2px solid var(--gray-200, #e2e8f0);border-radius:8px;cursor:pointer;text-align:center;transition:all .2s}.option-btn:hover{border-color:var(--primary-main, #2563eb)}.option-btn.active{border-color:var(--primary-main, #2563eb);background:rgba(37,99,235,.05)}.option-btn .option-label{display:block;font-weight:600;color:var(--gray-900, #1e293b)}.option-btn .option-desc{display:block;font-size:.75rem;color:var(--gray-500, #64748b);margin-top:.25rem}.generation-container{max-width:700px;margin:0 auto;text-align:center}.progress-visualization{margin:3rem 0}.progress-ring{position:relative;width:200px;height:200px;margin:0 auto}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:12}.progress-ring .bg{stroke:var(--gray-200, #e2e8f0)}.progress-ring .progress{stroke:var(--primary-main, #2563eb);stroke-linecap:round;transition:stroke-dashoffset .3s}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{font-size:2.5rem;font-weight:700;color:var(--gray-900, #1e293b)}.progress-stage{font-size:.9rem;color:var(--gray-600, #475569)}.stage-list{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.stage-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:8px}.stage-item.active{border-color:var(--primary-main, #2563eb);background:rgba(37,99,235,.05)}.stage-item.completed{border-color:#10b981;background:rgba(16,185,129,.05)}.stage-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray-100, #f1f5f9)}.stage-item.active .stage-icon{background:var(--primary-main, #2563eb);color:#fff}.stage-item.completed .stage-icon{background:#10b981;color:#fff}.stage-info{flex:1;text-align:left}.stage-name{font-weight:600;color:var(--gray-900, #1e293b)}.stage-status{font-size:.8rem;color:var(--gray-500, #64748b)}.video-result{text-align:center}.video-player-container{max-width:800px;margin:2rem auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000026}.video-player{width:100%;aspect-ratio:16/9;background:#000}.video-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary{background:var(--primary-main, #2563eb);color:#fff}.action-btn.primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.action-btn.secondary{background:white;border:1px solid var(--gray-200, #e2e8f0);color:var(--gray-700, #334155)}.action-btn.secondary:hover{background:var(--gray-50, #f8fafc)}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:1.5rem 2rem;background:white;border-top:1px solid var(--gray-200, #e2e8f0);position:sticky;bottom:0}.wizard-nav-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.wizard-nav-btn .btn-icon{font-size:1.1rem}.wizard-nav-btn .btn-text{font-weight:600}.wizard-nav-btn.prev-btn{background:white;border:2px solid var(--gray-200, #e2e8f0);color:var(--gray-700, #334155)}.wizard-nav-btn.prev-btn:hover:not(:disabled){background:var(--gray-50, #f8fafc);border-color:var(--gray-300, #cbd5e1)}.wizard-nav-btn.next-btn{background:linear-gradient(135deg,var(--primary-main, #2563eb),#3b82f6);color:#fff;box-shadow:0 4px 12px #2563eb40}.wizard-nav-btn.next-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.wizard-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.nav-btn{display:none}transform: none; } .studio-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:white;border-top:1px solid var(--gray-200, #e2e8f0);font-size:.85rem;color:var(--gray-500, #64748b)}.footer-left{display:flex;align-items:center;gap:.5rem}.footer-badges{display:flex;gap:.75rem}.tech-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--gray-100, #f1f5f9);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--gray-700, #334155)}.tech-badge.gpu{background:rgba(16,185,129,.1);color:#10b981}.tech-badge.ai{background:rgba(139,92,246,.1);color:#8b5cf6}.settings-summary{margin-top:2rem;padding:1.5rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:12px}.settings-summary h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--gray-900, #1e293b)}.summary-grid-clean{display:flex;flex-direction:column;gap:1rem}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.summary-cell{display:flex;flex-direction:column;gap:.25rem}.summary-cell .summary-label{font-size:.75rem;font-weight:500;color:var(--gray-500, #64748b);text-transform:uppercase;letter-spacing:.5px}.summary-cell .summary-value{font-size:.95rem;font-weight:600;color:var(--gray-900, #1e293b)}.summary-cell .summary-value.highlight{color:var(--primary-main, #2563eb)}.summary-cell .summary-value.credit{color:#10b981}.loading{animation:pulse 1.5s ease-in-out infinite}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:60px;height:60px;border:4px solid var(--gray-200, #e2e8f0);border-top-color:var(--primary-main, #2563eb);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;font-size:1.1rem;color:var(--gray-600, #475569);font-weight:500}@media (max-width: 1024px){.script-editor-container,.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.studio-header{flex-direction:column;gap:1rem;padding:1rem}.wizard-steps{flex-wrap:wrap}.wizard-step{padding:.75rem 1rem}.category-tabs{flex-wrap:wrap}.avatar-grid{grid-template-columns:repeat(2,1fr)}.preview-content{flex-direction:column;text-align:center}}.generation-info{margin-top:2rem;padding:1.5rem;background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:12px}.generation-info h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--gray-700, #334155);display:flex;align-items:center;gap:.5rem}.pipeline-stages.horizontal{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:0!important;padding:1rem 0;flex-wrap:nowrap;overflow-x:auto}.pipeline-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--gray-50, #f8fafc);border:2px solid var(--gray-200, #e2e8f0);border-radius:12px;min-width:90px;flex-shrink:0;transition:all .3s ease}.pipeline-stage .stage-icon{font-size:1.5rem;line-height:1}.pipeline-stage .stage-label{font-size:.75rem;font-weight:600;color:var(--gray-500, #64748b);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pipeline-stage.active{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(139,92,246,.1));border-color:var(--primary-main, #2563eb);transform:scale(1.05);box-shadow:0 4px 12px #2563eb33}.pipeline-stage.active .stage-label{color:var(--primary-main, #2563eb)}.pipeline-stage.completed{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border-color:#10b981}.pipeline-stage.completed .stage-label{color:#10b981}.pipeline-connector{width:40px;height:3px;background:var(--gray-200, #e2e8f0);position:relative;flex-shrink:0}.pipeline-stage.completed+.pipeline-connector{background:linear-gradient(90deg,#10b981,#10b981)}.pipeline-stage.active+.pipeline-connector{background:linear-gradient(90deg,var(--primary-main, #2563eb),var(--gray-200, #e2e8f0))}.job-status{background:white;border:1px solid var(--gray-200, #e2e8f0);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-badge.queued,.status-badge.processing{background:rgba(37,99,235,.1);color:var(--primary-main, #2563eb)}.status-badge.completed,.status-badge.complete{background:rgba(16,185,129,.1);color:#10b981}.status-badge.failed,.status-badge.error{background:rgba(239,68,68,.1);color:#ef4444}.progress-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:8px;background:var(--gray-200, #e2e8f0);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-main, #2563eb),#8b5cf6);border-radius:4px;transition:width .3s ease}.progress-percent{font-size:1.5rem;font-weight:700;color:var(--primary-main, #2563eb);min-width:70px;text-align:right}.progress-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:180px}.poll-attempts{font-size:.75rem;color:var(--gray-500, #64748b);font-weight:500;background:rgba(99,102,241,.1);padding:2px 8px;border-radius:4px}.stage-info{display:flex;gap:.5rem;font-size:.9rem;color:var(--gray-600, #475569)}.stage-label{font-weight:500}.stage-value{color:var(--gray-900, #1e293b)}.completion-section{margin-top:2rem;text-align:center}.completion-section h3{margin-bottom:1rem;font-size:1.25rem;color:#10b981}.generated-video-preview{width:100%;max-width:640px;border-radius:12px;margin:1rem auto;box-shadow:0 4px 20px #0000001a}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.download-btn,.share-btn,.new-video-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.download-btn{background:linear-gradient(135deg,var(--primary-main, #2563eb),#3b82f6);color:#fff}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.share-btn{background:white;color:var(--gray-700, #334155);border:1px solid var(--gray-300, #cbd5e1)}.share-btn:hover{background:var(--gray-50, #f8fafc)}.new-video-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.new-video-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.error-section{margin-top:2rem;text-align:center;padding:2rem;background:rgba(239,68,68,.05);border-radius:12px}.error-section h3{color:#ef4444;margin-bottom:.5rem}.error-message{color:var(--gray-600, #475569);margin-bottom:1rem}.retry-btn{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.retry-btn:hover{background:#dc2626}.progress-bar.animated{position:relative;height:12px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:shimmer-bg 2s linear infinite}.progress-bar.animated .progress-fill{background:linear-gradient(90deg,#2563eb 0%,#8b5cf6 25%,#06b6d4 50%,#8b5cf6 75%,#2563eb 100%);background-size:200% 100%;animation:gradient-shift 2s ease infinite;box-shadow:0 0 12px #8b5cf680}.progress-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer-bg{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.parallel-processing-section{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(139,92,246,.08));border-radius:16px;border:1px solid rgba(139,92,246,.2)}.parallel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.parallel-title{font-size:1.1rem;font-weight:600;color:var(--gray-800, #1e293b)}.parallel-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.parallel-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:white;border-radius:8px;border:1px solid var(--gray-200, #e2e8f0);font-size:.9rem;color:var(--gray-700, #334155)}.stat-icon{font-size:1.1rem}.stat-text{font-weight:500}.chunk-visual{display:flex;gap:.75rem;justify-content:center;padding:1rem;background:white;border-radius:12px;border:1px solid var(--gray-200, #e2e8f0)}.chunk-dot{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;transition:all .3s ease}.chunk-dot.complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.chunk-dot.processing{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(37,99,235,.15));border:2px solid #8b5cf6;color:#8b5cf6}.chunk-dot .pulse{width:12px;height:12px;background:#8b5cf6;border-radius:50%;animation:chunk-pulse 1.5s ease-in-out infinite}@keyframes chunk-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.parallel-info{flex-direction:column}.chunk-dot{width:40px;height:40px;font-size:1rem}}.chunk-info{font-size:.85rem;color:var(--gray-500, #64748b);font-weight:500;background:rgba(139,92,246,.1);padding:4px 10px;border-radius:6px}.eta{font-size:.9rem;color:var(--gray-600, #475569);font-weight:500;background:rgba(37,99,235,.1);padding:4px 12px;border-radius:6px}@media (max-width: 768px){.chunks-grid{grid-template-columns:repeat(2,1fr)}.chunk-card{padding:.75rem}.progress-info{min-width:140px}}@media (max-width: 480px){.chunks-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.chunk-number{font-size:.75rem}}.v7-preset-selector{background:white;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.v7-preset-selector.compact{padding:var(--space-4)}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.header-title{display:flex;align-items:center;gap:var(--space-3)}.header-title h3{margin:0;font-size:var(--text-xl);color:var(--gray-900);font-weight:var(--font-semibold)}.preset-count{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);color:#667eea;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.header-badge{display:flex;gap:var(--space-2)}.v7-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-xs)}.quality-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-xs)}.filter-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-search{position:relative;flex:1;min-width:200px}.filter-search input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-900);font-size:var(--text-sm)}.filter-search input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-search input::placeholder{color:var(--gray-400)}.clear-search{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gray-400);cursor:pointer;font-size:1.25rem;padding:var(--space-1)}.clear-search:hover{color:var(--gray-600)}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-group label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.filter-group select{padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--text-sm);cursor:pointer}.filter-group select:focus{outline:none;border-color:#667eea}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.compact .presets-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.preset-card{background:white;border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:var(--shadow-sm)}.preset-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 8px 30px #667eea26}.preset-card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.selected-indicator{position:absolute;top:var(--space-3);left:var(--space-3);width:32px;height:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:700;z-index:10;box-shadow:0 2px 8px #667eea66}.ai-generated-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:2px 8px;border-radius:var(--radius-md);font-size:10px;font-weight:700;letter-spacing:.5px;z-index:10;box-shadow:0 2px 6px #10b9814d}.preset-thumbnail{position:relative;width:100%;padding-top:100%;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);overflow:hidden}.preset-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preset-card:hover .preset-thumbnail img{transform:scale(1.05)}.preset-info{padding:var(--space-4)}.compact .preset-info{padding:var(--space-3)}.preset-name{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900)}.preset-role{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:#667eea;font-weight:var(--font-medium)}.compact .preset-role{display:none}.preset-details{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.detail-item{display:flex;justify-content:space-between;font-size:var(--text-xs)}.detail-label{color:var(--gray-500)}.detail-value{color:var(--gray-700);font-weight:var(--font-medium)}.preset-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.tag-blue{background:rgba(59,130,246,.1);color:#3b82f6}.tag-green{background:rgba(16,185,129,.1);color:#10b981}.tag-purple{background:rgba(102,126,234,.1);color:#667eea}.tag-cyan{background:rgba(6,182,212,.1);color:#06b6d4}.tag-orange{background:rgba(249,115,22,.1);color:#f97316}.tag-pink{background:rgba(236,72,153,.1);color:#ec4899}.tag-gray{background:rgba(107,114,128,.1);color:#6b7280}.tag-red{background:rgba(239,68,68,.1);color:#ef4444}.tag-yellow{background:rgba(234,179,8,.1);color:#eab308}.tag-default{background:var(--gray-100);color:var(--gray-600)}.ai-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(16,185,129,.08) 100%);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.ai-icon{font-size:1.5rem;flex-shrink:0}.ai-notice p{margin:0;font-size:var(--text-sm);color:var(--gray-600);line-height:1.6}.ai-notice strong{color:#667eea;font-weight:var(--font-semibold)}.selector-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.selector-footer p{margin:0;font-size:var(--text-sm);color:var(--gray-500);text-align:center}.selector-footer strong{color:var(--gray-700)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-state p,.error-state p,.empty-state p{color:var(--gray-500);margin:var(--space-2) 0}.error-icon,.empty-icon{font-size:2.5rem;margin-bottom:var(--space-2)}.retry-button,.clear-filters-button{margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.retry-button:hover,.clear-filters-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}@media (max-width: 768px){.selector-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.ai-notice{flex-direction:column;text-align:center;align-items:center}.filter-bar{flex-direction:column}.filter-search{width:100%}.filter-group{width:100%;justify-content:space-between}.filter-group select{flex:1}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.v7-avatar-customizer{background:white;border-radius:var(--radius-lg, 16px);padding:var(--space-6, 1.5rem);border:1px solid var(--gray-200, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.customizer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6, 1.5rem);padding-bottom:var(--space-4, 1rem);border-bottom:1px solid var(--gray-200, #e5e7eb)}.header-content h3{margin:0 0 .25rem;font-size:var(--text-xl, 1.25rem);color:var(--gray-900, #111827);font-weight:600}.header-content p{margin:0;font-size:var(--text-sm, .875rem);color:var(--gray-500, #6b7280)}.customizer-header .v7-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-md, 8px);font-weight:600;font-size:var(--text-xs, .75rem);white-space:nowrap;box-shadow:0 2px 8px #667eea4d}.preview-panel{display:flex;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-6, 1.5rem)}.avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid white;box-shadow:0 4px 12px #667eea40;flex-shrink:0}.preview-info{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.gender-indicator,.ethnicity-indicator{font-size:var(--text-sm, .875rem);color:var(--gray-600, #4b5563);text-transform:capitalize;font-weight:500}.customizer-section{background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-4, 1rem);overflow:hidden}.section-header{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);cursor:pointer;transition:background .2s ease;background:white}.section-header:hover{background:var(--gray-50, #f9fafb)}.section-icon{font-size:1.25rem}.section-title{flex:1;font-size:var(--text-base, .9375rem);font-weight:600;color:var(--gray-800, #1f2937)}.section-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gray-100, #f3f4f6);border-radius:var(--radius-sm, 6px);color:var(--gray-500, #6b7280);font-size:1rem}.section-content{padding:0 var(--space-4, 1rem) var(--space-4, 1rem) var(--space-4, 1rem);background:white}.form-group{margin-bottom:var(--space-5, 1.25rem)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--space-2, .5rem);font-size:var(--text-xs, .8125rem);font-weight:600;color:var(--gray-600, #4b5563);text-transform:uppercase;letter-spacing:.5px}.option-grid{display:grid;gap:var(--space-2, .5rem)}.option-grid.grid-2{grid-template-columns:repeat(2,1fr)}.option-grid.grid-3{grid-template-columns:repeat(3,1fr)}.option-grid.grid-4{grid-template-columns:repeat(4,1fr)}.option-button{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:var(--space-3, .75rem);background:white;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.option-button:hover{background:var(--gray-50, #f9fafb);border-color:#667eea;box-shadow:0 2px 8px #667eea26}.option-button.selected{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%);border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.option-emoji{font-size:1.5rem}.option-label{font-size:var(--text-xs, .75rem);color:var(--gray-800, #1f2937);text-align:center;font-weight:500}.option-sublabel{font-size:.625rem;color:var(--gray-500, #6b7280)}.age-option{padding:var(--space-2, .5rem)}.age-option .option-label{font-size:var(--text-sm, .875rem);font-weight:600}.color-picker-row{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--gray-200, #e5e7eb);cursor:pointer;transition:all .2s ease;position:relative;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.color-swatch:hover{transform:scale(1.1);border-color:var(--gray-400, #9ca3af);box-shadow:0 4px 12px #00000026}.color-swatch.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.color-swatch.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-swatch.eye-color{width:32px;height:32px}.form-select{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:white;border:1px solid var(--gray-300, #d1d5db);border-radius:var(--radius-md, 8px);color:var(--gray-800, #1f2937);font-size:var(--text-sm, .875rem);cursor:pointer;transition:all .2s ease}.form-select:hover{border-color:#667eea}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.form-select option{background:white;color:var(--gray-800, #1f2937)}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3, .75rem)}.scenario-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:var(--space-4, 1rem);background:white;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 10px);cursor:pointer;transition:all .2s ease;text-align:center}.scenario-card:hover{background:var(--gray-50, #f9fafb);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.scenario-card.selected{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%);border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.scenario-emoji{font-size:1.75rem}.scenario-label{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--gray-800, #1f2937)}.scenario-description{font-size:var(--text-xs, .6875rem);color:var(--gray-500, #6b7280)}.quality-info-banner{display:flex;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(16,185,129,.08) 100%);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg, 10px);margin-top:var(--space-4, 1rem)}.quality-icon{font-size:1.5rem}.quality-text{display:flex;flex-direction:column;gap:.25rem}.quality-text strong{font-size:var(--text-sm, .875rem);color:var(--gray-800, #1f2937)}.quality-text span{font-size:var(--text-xs, .75rem);color:var(--gray-500, #6b7280)}@media (max-width: 768px){.customizer-header{flex-direction:column;gap:var(--space-4, 1rem)}.option-grid.grid-3,.option-grid.grid-4,.scenario-grid{grid-template-columns:repeat(2,1fr)}.preview-panel,.quality-info-banner{flex-direction:column;text-align:center}}@media (max-width: 480px){.option-grid.grid-2,.option-grid.grid-3{grid-template-columns:1fr}.color-picker-row{justify-content:center}}.v7-quality-indicator{background:white;border-radius:var(--radius-lg, 16px);padding:var(--space-6, 1.5rem);border:1px solid var(--gray-200, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.v7-quality-indicator.compact{padding:var(--space-4, 1rem)}.indicator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5, 1.25rem)}.header-left h4{margin:0 0 var(--space-2, .5rem) 0;font-size:var(--text-lg, 1.125rem);color:var(--gray-900, #111827);font-weight:600}.quality-badges{display:flex;gap:var(--space-2, .5rem)}.v7-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);font-weight:600;font-size:var(--text-xs, .6875rem);box-shadow:0 2px 6px #667eea40}.checks-badge{background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);font-size:var(--text-xs, .6875rem);font-weight:500}.score-display{display:flex;align-items:center;gap:var(--space-4, 1rem)}.grade-circle{width:56px;height:56px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background:white;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.grade-letter{font-size:1.5rem;font-weight:700}.score-number{display:flex;align-items:baseline}.score-value{font-size:2rem;font-weight:700;color:var(--gray-900, #111827)}.score-label{font-size:1rem;color:var(--gray-400, #9ca3af);margin-left:2px}.quality-progress{position:relative;height:8px;background:var(--gray-200, #e5e7eb);border-radius:4px;margin-bottom:var(--space-6, 1.5rem);overflow:visible}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease,background-color .3s ease}.progress-markers{position:absolute;top:0;left:0;right:0;height:100%}.progress-markers .marker{position:absolute;top:12px;transform:translate(-50%);font-size:.625rem;color:var(--gray-400, #9ca3af);font-weight:500}.progress-markers .marker.target{color:#10b981;font-weight:600}.prompt-analysis{background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 10px);padding:var(--space-4, 1rem);margin-bottom:var(--space-5, 1.25rem)}.analysis-header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.analysis-icon{font-size:1rem}.analysis-title{font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--gray-700, #374151)}.analysis-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2, .5rem)}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-2, .5rem);background:white;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-sm, 6px)}.stat-value{font-size:1rem;font-weight:600;color:var(--gray-800, #1f2937)}.stat-value.good{color:#10b981}.stat-value.warn{color:#eab308}.stat-value.bad{color:#ef4444}.stat-label{font-size:var(--text-xs, .6875rem);color:var(--gray-500, #6b7280)}.checklist-section{margin-bottom:var(--space-5, 1.25rem)}.checklist-header{font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--gray-700, #374151);margin-bottom:var(--space-3, .75rem)}.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2, .5rem)}.compact .checklist-grid{grid-template-columns:repeat(5,1fr)}.check-item{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:.625rem;background:white;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);transition:all .2s ease}.check-item:hover{background:var(--gray-50, #f9fafb)}.check-item.passed{border-color:#10b9814d;background:rgba(16,185,129,.05)}.check-item.failed{border-color:#ef44444d;background:rgba(239,68,68,.05)}.check-icon{font-size:1.25rem;flex-shrink:0}.compact .check-icon{font-size:1.5rem}.check-info{flex:1;min-width:0}.compact .check-info{display:none}.check-name{display:block;font-size:var(--text-xs, .75rem);color:var(--gray-800, #1f2937);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-score{display:block;font-size:var(--text-xs, .6875rem);color:var(--gray-500, #6b7280)}.check-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.check-status.passed{background:rgba(16,185,129,.15);color:#10b981}.check-status.failed{background:rgba(239,68,68,.15);color:#ef4444}.recommendations-section{margin-bottom:var(--space-4, 1rem)}.recommendation-group{margin-bottom:var(--space-3, .75rem)}.recommendation-group:last-child{margin-bottom:0}.group-header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-2, .5rem)}.group-icon{font-size:.75rem}.group-title{font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--gray-700, #374151)}.recommendation-group ul{margin:0;padding:0 0 0 1.25rem;list-style:none}.recommendation-group li{position:relative;padding:.25rem 0;font-size:var(--text-xs, .75rem);color:var(--gray-600, #4b5563);line-height:1.4}.recommendation-group li:before{content:"→";position:absolute;left:-1rem;color:var(--gray-400, #9ca3af)}.recommendation-group.critical li{color:#dc2626}.recommendation-group.critical li:before{color:#ef4444}.recommendation-group.important li{color:#ca8a04}.recommendation-group.important li:before{color:#eab308}.recommendation-group.optional li{color:#059669}.recommendation-group.optional li:before{color:#10b981}.validating-state,.no-validation-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.validating-spinner{width:40px;height:40px;border:3px solid var(--gray-200, #e5e7eb);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4, 1rem)}.validating-state p,.no-validation-state p{color:var(--gray-500, #6b7280);font-size:var(--text-sm, .875rem);margin:var(--space-2, .5rem) 0}.no-validation-state h4{margin:var(--space-2, .5rem) 0;color:var(--gray-800, #1f2937);font-size:1rem;font-weight:600}.quality-icon-large{font-size:2.5rem;margin-bottom:var(--space-2, .5rem)}.validate-button{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-6, 1.5rem);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:var(--radius-lg, 10px);color:#fff;font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--space-4, 1rem);box-shadow:0 4px 12px #667eea40}.validate-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.validate-button.small{padding:var(--space-2, .5rem) var(--space-4, 1rem);font-size:var(--text-sm, .8125rem)}.validate-again{display:flex;justify-content:center;margin-top:var(--space-2, .5rem)}@media (max-width: 768px){.indicator-header{flex-direction:column;gap:var(--space-4, 1rem)}.score-display{width:100%;justify-content:center}.checklist-grid{grid-template-columns:1fr}.compact .checklist-grid,.analysis-stats{grid-template-columns:repeat(2,1fr)}}.v7-fashion-selector{background:white;border-radius:var(--radius-lg, 16px);padding:var(--space-6, 1.5rem);border:1px solid var(--gray-200, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.v7-fashion-selector.compact{padding:var(--space-4, 1rem)}.selector-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5, 1.25rem);gap:var(--space-4, 1rem)}.header-content h4{margin:0 0 .25rem;font-size:var(--text-lg, 1.125rem);color:var(--gray-900, #111827);font-weight:600}.header-content p{margin:0;font-size:var(--text-sm, .8125rem);color:var(--gray-500, #6b7280)}.brand-select{padding:var(--space-2, .5rem) var(--space-4, 1rem);background:white;border:1px solid var(--gray-300, #d1d5db);border-radius:var(--radius-md, 8px);color:var(--gray-800, #1f2937);font-size:var(--text-sm, .8125rem);cursor:pointer;min-width:140px;transition:all .2s ease}.brand-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.brand-select option{background:white}.category-tabs{display:flex;gap:var(--space-2, .5rem);margin-bottom:var(--space-5, 1.25rem);overflow-x:auto;padding-bottom:var(--space-2, .5rem)}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:var(--gray-300, #d1d5db);border-radius:2px}.category-tab{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);background:white;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;white-space:nowrap;transition:all .2s ease}.category-tab:hover{background:var(--gray-50, #f9fafb);border-color:#667eea}.category-tab.active{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-color:#667eea}.tab-icon{font-size:1rem}.tab-label{font-size:var(--text-sm, .8125rem);color:var(--gray-700, #374151);text-transform:capitalize;font-weight:500}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3, .75rem);margin-bottom:var(--space-5, 1.25rem)}.compact .items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.fashion-item{position:relative;background:white;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 10px);padding:var(--space-3, .75rem);cursor:pointer;transition:all .2s ease}.fashion-item:hover{background:var(--gray-50, #f9fafb);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.fashion-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%);border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.item-preview{width:100%;aspect-ratio:1;background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;margin-bottom:.625rem;border:1px solid var(--gray-100, #f3f4f6)}.item-icon{font-size:2rem;opacity:.8}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-type{font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--gray-800, #1f2937)}.item-materials{font-size:var(--text-xs, .6875rem);color:var(--gray-500, #6b7280);text-transform:capitalize}.item-colors{display:flex;gap:.25rem;margin-top:.375rem}.color-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 100%);border:1px solid var(--gray-200, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.selected-badge{position:absolute;top:var(--space-2, .5rem);right:var(--space-2, .5rem);width:22px;height:22px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 2px 6px #667eea4d}.selected-summary{background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 10px);padding:var(--space-4, 1rem);margin-bottom:var(--space-4, 1rem)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3, .75rem)}.summary-header h5{margin:0;font-size:var(--text-sm, .875rem);color:var(--gray-800, #1f2937);font-weight:600}.clear-all{padding:.25rem .5rem;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:var(--text-xs, .6875rem);cursor:pointer;transition:all .2s ease;font-weight:500}.clear-all:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.selected-items{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem)}.selected-item-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:1px solid rgba(102,126,234,.25);border-radius:20px}.chip-brand{font-size:var(--text-xs, .6875rem);color:#667eea;font-weight:600}.chip-type{font-size:var(--text-xs, .6875rem);color:var(--gray-600, #4b5563)}.chip-remove{width:16px;height:16px;background:var(--gray-200, #e5e7eb);border:none;border-radius:50%;color:var(--gray-500, #6b7280);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:.25rem}.chip-remove:hover{background:rgba(239,68,68,.2);color:#ef4444}.fashion-info-banner{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:linear-gradient(135deg,rgba(102,126,234,.06) 0%,rgba(16,185,129,.06) 100%);border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-md, 8px)}.info-icon{font-size:1rem}.info-text{font-size:var(--text-xs, .75rem);color:var(--gray-600, #4b5563)}@media (max-width: 768px){.selector-header{flex-direction:column}.brand-select{width:100%}.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.category-tabs{flex-wrap:nowrap;overflow-x:auto}.items-grid{grid-template-columns:1fr}}.v7-studio{padding:var(--space-6) var(--space-8);min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:var(--space-6);background:var(--gray-50)}.v7-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-2xl);padding:var(--space-8);color:#fff;text-align:center;position:relative;overflow:hidden}.v7-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.v7-hero-content{position:relative;z-index:1}.v7-hero h2{font-size:2rem;font-weight:700;margin:0 0 var(--space-3)}.v7-hero p{font-size:1.125rem;opacity:.9;margin:0}.v7-feature-banner{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm)}.v7-feature-banner .feature-list{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin:0;padding:0}.v7-feature-banner .feature{display:inline-flex!important;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--gray-700);padding:8px 14px;background:var(--gray-50);border-radius:50px;border:1px solid var(--gray-200);white-space:nowrap;margin:0}.tab-navigation-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;box-shadow:0 4px 20px #667eea66;font-size:16px;padding:16px 32px}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.nav-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-btn.secondary{background:white;color:var(--gray-600);border:1px solid var(--gray-300);font-size:14px}.nav-btn.secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.v7-tabs{display:flex;gap:var(--space-3);background:white;padding:var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow-x:auto}.v7-tab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:160px}.v7-tab:hover{background:var(--gray-100);transform:translateY(-2px)}.v7-tab.active{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.v7-tab .tab-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.v7-tab.active .tab-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.v7-tab .tab-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.v7-tab .tab-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900)}.v7-tab .tab-description{font-size:var(--text-xs);color:var(--gray-500)}.v7-tab.active .tab-label{color:#667eea}.v7-tab.active .tab-description{color:#764ba2}.v7-main{flex:1;min-height:0}.v7-tab-content{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeIn .3s ease}.preset-selected-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(102,126,234,.08) 100%);border:2px solid #10b981;border-radius:var(--radius-xl)}.banner-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #10b9814d}.banner-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.banner-content strong{color:var(--gray-900);font-size:1rem}.banner-content span{color:var(--gray-600);font-size:var(--text-sm)}.banner-action{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.banner-action:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.mode-switcher{display:flex;gap:var(--space-3);padding:var(--space-2);background:var(--gray-100);border-radius:var(--radius-xl);width:fit-content}.mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);color:var(--gray-600);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:white}.mode-btn.active{background:white;border-color:#667eea;color:#667eea;box-shadow:var(--shadow-sm)}.preset-info-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.preset-info-card h4{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-lg)}.preset-info-card p{margin:0 0 var(--space-4) 0;color:var(--gray-600);font-size:var(--text-sm)}.preset-info-card .preset-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.preset-info-card .tag{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:var(--radius-full);font-size:var(--text-xs);color:#667eea;font-weight:var(--font-medium)}.change-preset-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-600);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.change-preset-btn:hover{border-color:#667eea;color:#667eea}.script-input-section{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.script-input-section h3{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-lg)}.section-description{margin:0 0 var(--space-4) 0;color:var(--gray-500);font-size:var(--text-sm)}.script-textarea{width:100%;padding:var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-900);font-size:var(--text-base);line-height:1.6;resize:vertical;font-family:inherit}.script-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.script-textarea::placeholder{color:var(--gray-400)}.script-stats{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.script-stats span{font-size:var(--text-sm);color:var(--gray-500);padding:var(--space-1) var(--space-3);background:var(--gray-100);border-radius:var(--radius-full)}.generation-summary{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.generation-summary h3{margin:0 0 var(--space-5) 0;color:var(--gray-900);font-size:var(--text-lg)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.summary-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-100)}.summary-item .item-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.summary-item .item-content{display:flex;flex-direction:column;gap:2px}.summary-item .item-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;font-weight:var(--font-medium)}.summary-item .item-value{font-size:var(--text-sm);color:var(--gray-900);font-weight:var(--font-semibold);text-transform:capitalize}.quality-settings{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.quality-settings h4{margin:0 0 var(--space-4) 0;color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.settings-row{display:flex;gap:var(--space-6);flex-wrap:wrap}.setting{display:flex;flex-direction:column;gap:var(--space-2);min-width:180px}.setting label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.setting select{padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--text-sm);cursor:pointer}.setting select:focus{outline:none;border-color:#667eea}.setting select option{background:white}.generation-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);border:2px solid rgba(102,126,234,.2);border-radius:var(--radius-2xl)}.generate-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:var(--radius-xl);color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #667eea66}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn .btn-icon{font-size:1.5rem}.generate-btn .btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.generate-btn .credits-cost{padding:var(--space-1) var(--space-2);background:rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:var(--text-xs)}.generation-note{text-align:center;font-size:var(--text-sm);color:var(--gray-500);max-width:500px;line-height:1.6}.generation-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#ef4444;font-size:var(--text-sm)}.generation-success{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:rgba(16,185,129,.1);border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-lg)}.generation-success .success-icon{font-size:2rem}.generation-success .success-content{display:flex;flex-direction:column;gap:var(--space-1)}.generation-success .success-content strong{color:#10b981;font-size:var(--text-base)}.generation-success .success-content span{color:var(--gray-600);font-size:var(--text-sm)}.v7-badge-large{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-lg);box-shadow:0 2px 8px #667eea4d}.v7-badge-large .badge-icon{font-size:1rem}.v7-badge-large .badge-text{font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff}.credits-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,rgba(245,158,11,.1) 100%);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.credits-btn:hover{background:linear-gradient(135deg,rgba(251,191,36,.2) 0%,rgba(245,158,11,.2) 100%)}.credits-btn .credits-icon{font-size:1rem}.credits-btn .credits-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#f59e0b}.v7-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:white;border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.footer-left span{font-size:var(--text-sm);color:var(--gray-500)}.footer-right{display:flex;gap:var(--space-3)}.footer-right .quality-badge,.footer-right .tech-badge{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:#667eea}.footer-right .quality-badge{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(5,150,105,.1) 100%);color:#10b981}@media (max-width: 1024px){.v7-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.feature-list{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.v7-studio{padding:var(--space-4)}.v7-tab .tab-content{display:none}.v7-tab{padding:var(--space-3);justify-content:center;min-width:auto}.preset-selected-banner{flex-direction:column;text-align:center}.summary-grid{grid-template-columns:1fr}.settings-row{flex-direction:column}.setting{width:100%}.v7-footer{flex-direction:column;gap:1rem;text-align:center}.footer-right{flex-wrap:wrap;justify-content:center}}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.overview-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.overview-card:hover{transform:translateY(-4px);background:white;border-color:var(--primary-main);box-shadow:var(--shadow-md)}.overview-icon{width:56px;height:56px;background:rgba(37,99,235,.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.overview-info{display:flex;flex-direction:column;gap:var(--space-1)}.overview-label{color:var(--gray-600);font-size:var(--text-sm)}.overview-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900)}.overview-change{font-size:var(--text-sm);font-weight:var(--font-semibold)}.overview-change.positive{color:var(--success)}.overview-change.negative{color:var(--error)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.chart-card{grid-column:span 1}.chart-legend{display:flex;gap:var(--space-5)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.impressions{background:var(--primary-main)}.legend-dot.engagement{background:var(--accent-main)}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:220px;padding-top:20px}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.bar-container{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:40px;border-radius:8px 8px 0 0;position:relative;cursor:pointer;transition:all .3s ease}.impressions-bar{background:linear-gradient(180deg,#3B82F6,#F97316)}.bar[data-height]{height:attr(data-height)}.bar[data-height="10"]{height:10%}.bar[data-height="20"]{height:20%}.bar[data-height="30"]{height:30%}.bar[data-height="40"]{height:40%}.bar[data-height="50"]{height:50%}.bar[data-height="60"]{height:60%}.bar[data-height="70"]{height:70%}.bar[data-height="80"]{height:80%}.bar[data-height="90"]{height:90%}.bar[data-height="100"]{height:100%}.bar[data-height="15"]{height:15%}.bar[data-height="25"]{height:25%}.bar[data-height="35"]{height:35%}.bar[data-height="45"]{height:45%}.bar[data-height="55"]{height:55%}.bar[data-height="65"]{height:65%}.bar[data-height="75"]{height:75%}.bar[data-height="85"]{height:85%}.bar[data-height="95"]{height:95%}.impressions-bar:hover{filter:brightness(1.2)}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);padding:4px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s ease}.bar:hover .bar-tooltip{opacity:1}.bar-label{font-size:13px;color:var(--color-text-secondary, #4B5563)}.platforms-card{grid-column:span 1}.platforms-table{display:flex;flex-direction:column;gap:12px}.table-header,.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:12px 0}.table-header{color:var(--color-text-muted, #9CA3AF);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #E5E7EB)}.table-row{border-bottom:1px solid var(--color-gray-100, #F3F4F6)}.table-row:hover{background:var(--color-gray-50, #F9FAFB)}.platform-name{font-weight:600;color:var(--color-text-primary, #111827)}.engagement-rate{color:#10b981;font-weight:600}.content-card{grid-column:span 1}.view-all-btn{background:transparent;border:none;color:var(--color-primary, #3B82F6);cursor:pointer;font-size:14px;font-weight:500}.view-all-btn:hover{text-decoration:underline}.content-list{display:flex;flex-direction:column;gap:12px}.content-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-gray-50, #F9FAFB);border-radius:12px;transition:all .2s ease}.content-item:hover{background:var(--color-gray-100, #F3F4F6)}.content-rank{width:32px;height:32px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--color-primary, #3B82F6)}.content-info{flex:1;display:flex;flex-direction:column;gap:4px}.content-title{font-weight:600;font-size:14px;color:var(--color-text-primary, #111827)}.content-platform{font-size:12px;color:var(--color-text-muted, #9CA3AF)}.content-metrics{display:flex;gap:16px}.metric{font-size:13px;color:var(--color-text-secondary, #4B5563)}.audience-card{grid-column:span 1}.audience-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-stat{background:var(--color-gray-50, #F9FAFB);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.stat-icon{font-size:24px}.stat-label{font-size:12px;color:var(--color-text-muted, #9CA3AF)}.stat-value{font-size:14px;font-weight:600;color:var(--color-text-primary, #111827)}@media (max-width: 1400px){.overview-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}.export-dropdown{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:8px;min-width:180px;box-shadow:0 10px 40px #0000001a;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary, #111827);font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.export-menu button:hover{background:rgba(59,130,246,.1)}.time-btn.active{background:linear-gradient(135deg,#3B82F6,#F97316);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f640}.calendar-layout{display:grid;grid-template-columns:1fr 360px;gap:32px}.view-toggle{display:flex;background:var(--color-surface, #FFFFFF);border-radius:10px;padding:4px;border:1px solid var(--color-border, #E5E7EB)}.toggle-btn{background:transparent;border:none;color:var(--color-text-secondary, #4B5563);padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.toggle-btn.active{background:linear-gradient(135deg,#3B82F6,#F97316);color:#fff;box-shadow:0 0 12px #3b82f64d}.calendar-container{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.calendar-header h2{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary, #111827)}.nav-btn{width:40px;height:40px;border-radius:10px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);font-size:18px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--color-gray-50, #F9FAFB);border-color:var(--color-primary, #3B82F6)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-header{text-align:center;padding:12px;color:var(--color-text-secondary, #4B5563);font-size:13px;font-weight:600;text-transform:uppercase}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.calendar-day:hover{background:var(--color-gray-100, #F3F4F6);transform:scale(1.05)}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.15));border:1px solid rgba(59,130,246,.5)}.calendar-day.selected{background:linear-gradient(135deg,#3B82F6,#F97316);color:#fff}.calendar-day.has-events{border-color:#3b82f64d}.day-number{font-size:16px;font-weight:500;color:var(--color-text-primary, #111827)}.event-dots{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;justify-content:center}.event-dot{width:6px;height:6px;border-radius:50%;transition:transform .2s ease;background-color:#3b82f6}.event-dot.platform-instagram{background-color:#e1306c}.event-dot.platform-tiktok{background-color:#000}.event-dot.platform-twitter{background-color:#1da1f2}.event-dot.platform-linkedin{background-color:#0077b5}.event-dot.platform-youtube{background-color:red}.event-dot.platform-facebook{background-color:#1877f2}.week-event{background-color:#3b82f6}.week-event.platform-instagram{background-color:#e1306c}.week-event.platform-tiktok{background-color:#000}.week-event.platform-twitter{background-color:#1da1f2}.week-event.platform-linkedin{background-color:#0077b5}.week-event.platform-youtube{background-color:red}.week-event.platform-facebook{background-color:#1877f2}.post-time-badge{border-color:#3b82f6}.post-time-badge.platform-instagram{border-color:#e1306c}.post-time-badge.platform-tiktok{border-color:#000}.post-time-badge.platform-twitter{border-color:#1da1f2}.post-time-badge.platform-linkedin{border-color:#0077b5}.post-time-badge.platform-youtube{border-color:red}.post-time-badge.platform-facebook{border-color:#1877f2}.post-platform{background-color:#3b82f626;color:#3b82f6}.post-platform.platform-instagram{background-color:#e1306c33;color:#e1306c}.post-platform.platform-tiktok{background-color:#0003;color:#fff}.post-platform.platform-twitter{background-color:#1da1f233;color:#1da1f2}.post-platform.platform-linkedin{background-color:#0077b533;color:#0077b5}.post-platform.platform-youtube{background-color:#f003;color:red}.post-platform.platform-facebook{background-color:#1877f233;color:#1877f2}.platform-option.selected{border-width:2px}.platform-option.platform-instagram.selected{border-color:#e1306c;background-color:#e1306c33}.platform-option.platform-tiktok.selected{border-color:#000;background-color:#0003}.platform-option.platform-twitter.selected{border-color:#1da1f2;background-color:#1da1f233}.platform-option.platform-linkedin.selected{border-color:#0077b5;background-color:#0077b533}.platform-option.platform-youtube.selected{border-color:red;background-color:#f003}.platform-option.platform-facebook.selected{border-color:#1877f2;background-color:#1877f233}.calendar-day:hover .event-dot{transform:scale(1.3)}.event-more{font-size:8px;color:#94a3b8;font-weight:600}.btn-today{padding:10px 20px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-today:hover{background:var(--color-gray-200, #E5E7EB);border-color:#3b82f680}.calendar-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-date{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--color-border, #E5E7EB)}.sidebar-date h3{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary, #111827)}.btn-add-post{padding:8px 16px;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-post:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.scheduled-posts h4,.quick-stats h4{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary, #4B5563);text-transform:uppercase;letter-spacing:.5px}.no-posts{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:var(--color-gray-50, #F9FAFB);border:1px dashed var(--color-border, #E5E7EB);border-radius:12px}.no-posts-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.no-posts p{margin:0 0 1rem;color:var(--color-text-secondary, #4B5563);font-size:.875rem}.btn-schedule{padding:10px 20px;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-schedule:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.scheduled-post{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;margin-bottom:12px;transition:all .2s ease}.scheduled-post:hover{background:var(--color-gray-100, #F3F4F6);border-color:#3b82f64d;transform:translate(4px)}.post-time-badge{font-size:12px;font-weight:600;color:#3b82f6;padding:6px 10px;background:rgba(59,130,246,.1);border-radius:8px;border-left:3px solid #3B82F6;white-space:nowrap}.post-details{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.post-title{font-size:14px;font-weight:600;color:var(--color-text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-platform{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:500}.post-status{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase}.post-status.scheduled{background:rgba(59,130,246,.1);color:#3b82f6}.post-status.draft{background:rgba(255,193,7,.1);color:#d97706}.post-status.published{background:rgba(16,185,129,.1);color:#10b981}.post-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.scheduled-post:hover .post-actions{opacity:1}.post-actions .action-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.post-actions .action-btn.edit{background:rgba(59,130,246,.15)}.post-actions .action-btn.edit:hover{background:rgba(59,130,246,.3)}.post-actions .action-btn.publish{background:rgba(16,185,129,.15)}.post-actions .action-btn.publish:hover{background:rgba(16,185,129,.3)}.post-actions .action-btn.delete{background:rgba(239,68,68,.15)}.post-actions .action-btn.delete:hover{background:rgba(239,68,68,.3)}.quick-stats{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:20px}.stat-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border, #E5E7EB)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:var(--color-text-secondary, #4B5563)}.stat-row .stat-value{font-weight:600;color:var(--color-text-primary, #111827)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #111827)}.modal-close{width:36px;height:36px;border-radius:10px;border:none;background:var(--color-gray-100, #F3F4F6);color:var(--color-text-secondary, #4B5563);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #4B5563)}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-family:inherit;font-size:.9375rem;outline:none;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3b82f680;background:rgba(59,130,246,.05)}.form-group input.readonly{opacity:.7;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.platform-select{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.platform-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--color-gray-50, #F9FAFB);border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:.75rem;color:var(--color-text-secondary, #4B5563);transition:all .2s ease}.platform-option:hover{background:var(--color-gray-100, #F3F4F6)}.platform-option.selected{color:var(--color-text-primary, #111827)}.platform-option span:first-child{font-size:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-border, #E5E7EB)}.btn-secondary{padding:.75rem 1.5rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.week-view{display:flex;flex-direction:column;overflow:hidden}.week-header{display:grid;grid-template-columns:60px repeat(7,1fr);gap:1px;background:var(--color-gray-50, #F9FAFB);border-radius:12px 12px 0 0;overflow:hidden}.time-column-header{background:transparent;padding:12px 8px}.week-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:var(--color-gray-50, #F9FAFB);cursor:pointer;transition:all .2s ease}.week-day-header:hover{background:var(--color-gray-100, #F3F4F6)}.week-day-header.today{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.15))}.week-day-header.selected{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(249,115,22,.3))}.week-day-name{font-size:12px;color:var(--color-text-secondary, #4B5563);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.week-day-number{font-size:20px;font-weight:700;color:var(--color-text-primary, #111827);margin-top:4px}.week-day-header.today .week-day-number{background:linear-gradient(135deg,#3B82F6,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.week-body{max-height:500px;overflow-y:auto;border:1px solid var(--color-border, #E5E7EB);border-radius:0 0 12px 12px}.week-body::-webkit-scrollbar{width:6px}.week-body::-webkit-scrollbar-track{background:var(--color-gray-50, #F9FAFB)}.week-body::-webkit-scrollbar-thumb{background:var(--color-gray-300, #D1D5DB);border-radius:3px}.week-row{display:grid;grid-template-columns:60px repeat(7,1fr);gap:1px;min-height:60px}.time-column{display:flex;align-items:flex-start;justify-content:center;padding:8px 4px;font-size:11px;color:var(--color-text-secondary, #4B5563);font-weight:500;background:var(--color-gray-50, #F9FAFB)}.week-cell{border:1px solid var(--color-border, #E5E7EB);padding:4px;min-height:60px;transition:all .2s ease;cursor:pointer;position:relative;background:var(--color-surface, #FFFFFF)}.week-cell:hover{background:var(--color-gray-50, #F9FAFB)}.week-cell.today{background:rgba(59,130,246,.05);border-color:#3b82f633}.week-event{padding:6px 8px;border-radius:6px;margin-bottom:4px;cursor:pointer;transition:all .2s ease;overflow:hidden}.week-event:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.week-event-time{display:block;font-size:10px;opacity:.9;font-weight:600;margin-bottom:2px}.week-event-title{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.calendar-layout{grid-template-columns:1fr}.calendar-sidebar{flex-direction:row;flex-wrap:wrap}.scheduled-posts,.quick-stats{flex:1;min-width:300px}}@media (max-width: 600px){.platform-select{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:24px;color:#ef4444}.error-banner button{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.error-banner button:hover{background:rgba(239,68,68,.3)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-state p{color:var(--color-text-secondary, #4B5563);font-size:16px}.loading-spinner-large{width:48px;height:48px;border:3px solid var(--color-border, #E5E7EB);border-top-color:var(--color-primary, #3B82F6);border-radius:50%;animation:spin 1s linear infinite}.category-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .2s ease}.category-btn:hover{background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827);border-color:var(--color-primary, #3B82F6)}.category-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-color:#3b82f680;color:#3b82f6}.cat-name{font-weight:500}.cat-count{background:var(--color-gray-100, #F3F4F6);padding:2px 10px;border-radius:20px;font-size:12px}.category-btn.active .cat-count{background:rgba(59,130,246,.2)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.agent-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.agent-card:hover{transform:translateY(-8px);background:var(--color-gray-50, #F9FAFB);border-color:#3b82f64d;box-shadow:0 20px 40px #0000001a}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.agent-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.15));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.agent-status{width:12px;height:12px;border-radius:50%;position:relative}.agent-status.active{background:#22c55e;box-shadow:0 0 12px #22c55e80}.agent-status.active:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(34,197,94,.3);animation:pulse 2s infinite}.agent-name{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-text-primary, #111827)}.agent-specialty{margin:0;font-size:14px;color:var(--color-text-secondary, #4B5563);line-height:1.5;min-height:42px}.agent-stats{display:flex;gap:24px;margin:20px 0;padding:16px 0;border-top:1px solid var(--color-border, #E5E7EB);border-bottom:1px solid var(--color-border, #E5E7EB)}.agent-stats .stat{display:flex;flex-direction:column;gap:4px}.agent-stats .stat-value{font-size:16px;font-weight:700;color:var(--color-text-primary, #111827)}.agent-stats .stat-label{font-size:12px;color:var(--color-text-secondary, #4B5563)}.agent-actions{display:flex;gap:12px}.btn-use{flex:1;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-use:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-use:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px #3b82f666}.btn-use:hover:before{left:100%}.btn-use:active{transform:translateY(0) scale(.98)}.btn-info{width:44px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;cursor:pointer;font-size:16px;transition:all .3s ease}.btn-info:hover{background:var(--color-gray-200, #E5E7EB);border-color:#3b82f680;transform:scale(1.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state p{color:var(--color-text-secondary, #4B5563);font-size:18px;margin-bottom:20px}.btn-reset{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);padding:12px 24px;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-reset:hover{background:var(--color-gray-200, #E5E7EB)}.load-more{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.btn-load-more{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border:1px solid rgba(59,130,246,.3);color:var(--color-text-primary, #111827);padding:16px 48px;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px}.btn-load-more:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3B82F6,#F97316);opacity:0;transition:opacity .3s ease}.btn-load-more:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 12px 30px #3b82f64d;color:#fff}.btn-load-more:hover:before{opacity:1}.btn-load-more span,.btn-load-more:after{position:relative;z-index:1}.btn-load-more:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-load-more.loading{pointer-events:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.showing-count{color:var(--color-text-secondary, #4B5563);font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:24px;width:95%;max-width:520px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 30px 60px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--color-border, #E5E7EB)}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary, #111827)}.modal-close{width:36px;height:36px;background:var(--color-gray-100, #F3F4F6);border:none;border-radius:10px;color:var(--color-text-secondary, #4B5563);font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.modal-body{padding:28px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--color-border, #E5E7EB);background:var(--color-gray-50, #F9FAFB)}.btn-secondary{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-gray-200, #E5E7EB)}.btn-primary{background:linear-gradient(135deg,#3B82F6,#F97316);border:none;color:#fff;padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.agent-preview{display:flex;gap:20px;padding:24px;background:var(--color-gray-50, #F9FAFB);border-radius:16px;margin-bottom:24px}.agent-preview-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.15));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}.agent-preview-details h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-text-primary, #111827)}.agent-preview-details p{margin:0 0 12px;color:var(--color-text-secondary, #4B5563);font-size:14px;line-height:1.5}.agent-preview-stats{display:flex;gap:16px;flex-wrap:wrap}.agent-preview-stats .stat{font-size:13px;color:var(--color-text-secondary, #4B5563)}.agent-preview-stats .stat strong{color:var(--color-text-primary, #111827)}.status-active{color:#22c55e!important}.agent-capabilities{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:16px;padding:20px}.agent-capabilities h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#3b82f6}.agent-capabilities ul{list-style:none;padding:0;margin:0}.agent-capabilities li{padding:8px 0;color:var(--color-text-secondary, #4B5563);font-size:14px;display:flex;align-items:center;gap:10px}.info-section{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--color-border, #E5E7EB);margin-bottom:24px}.info-icon-large{width:100px;height:100px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(249,115,22,.15));border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:50px;margin:0 auto 16px}.info-section h3{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--color-text-primary, #111827)}.info-category{display:inline-block;background:rgba(59,130,246,.1);color:#3b82f6;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.info-description{margin-bottom:24px}.info-description h4{margin:0 0 10px;font-size:14px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:1px}.info-description p{margin:0;color:var(--color-text-secondary, #4B5563);line-height:1.6}.info-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.info-stat{background:var(--color-gray-50, #F9FAFB);border-radius:14px;padding:16px;text-align:center}.info-stat-value{display:block;font-size:18px;font-weight:700;margin-bottom:4px;color:var(--color-text-primary, #111827)}.info-stat-label{font-size:12px;color:var(--color-text-secondary, #4B5563)}.info-use-cases h4{margin:0 0 12px;font-size:14px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:1px}.use-case-tags{display:flex;flex-wrap:wrap;gap:10px}.use-case-tag{background:rgba(249,115,22,.1);color:#f97316;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500}@media (max-width: 768px){.category-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px;-webkit-overflow-scrolling:touch}.category-btn{white-space:nowrap}.agents-grid{grid-template-columns:1fr}.modal{width:95%;margin:20px}.agent-preview{flex-direction:column;text-align:center}.agent-preview-icon{margin:0 auto}.info-stats-grid{grid-template-columns:1fr}}.settings-message{position:fixed;top:20px;right:20px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:var(--font-medium);z-index:var(--z-toast);animation:slideIn .3s ease;box-shadow:var(--shadow-lg)}.settings-message.success{background:var(--success);color:#fff}.settings-message.error{background:var(--error);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--gray-400)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-main);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.settings-tabs{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-8);width:fit-content}.settings-tab{background:transparent;border:none;color:var(--gray-600);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.settings-tab:hover{color:var(--gray-900);background:white}.settings-tab.active{background:var(--primary-main);color:#fff;box-shadow:0 4px 12px #2563eb40}.settings-content{max-width:800px}.settings-section{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-section h2{margin:0 0 var(--space-6) 0;font-size:var(--text-xl);font-weight:var(--font-bold)}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.form-group input,.form-group select{background:var(--gray-50)!important;border:1px solid var(--gray-200)!important;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);color:var(--gray-900)!important;font-size:var(--text-base);outline:none;transition:all var(--transition-base);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input::placeholder{color:var(--gray-400)!important}.form-group input:focus,.form-group select:focus{border-color:var(--primary-main)!important;background:white!important;box-shadow:0 0 0 3px #2563eb1a}.form-group select option{background:white}.btn-save{background:var(--primary-main);border:none;color:#fff;padding:var(--space-4) var(--space-7);border-radius:var(--radius-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);width:fit-content;margin-top:var(--space-2);box-shadow:0 4px 12px #2563eb40}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d;background:var(--primary-dark)}.btn-save-margin{margin-top:var(--space-5)}.notification-options{display:flex;flex-direction:column;gap:var(--space-4)}.notification-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--gray-50);border-radius:var(--radius-xl);transition:background var(--transition-base)}.notification-option:hover{background:var(--gray-100)}.option-info{display:flex;flex-direction:column;gap:var(--space-1)}.option-label{font-weight:var(--font-semibold);font-size:var(--text-base)}.option-desc{font-size:var(--text-sm);color:var(--gray-400)}.toggle-switch{position:relative;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:var(--radius-full);transition:all var(--transition-base)}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:white;border-radius:50%;transition:all var(--transition-base)}.toggle-switch input:checked+.toggle-slider{background:var(--primary-main)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.section-description{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--space-8);line-height:var(--leading-normal)}.integration-category{margin-bottom:var(--space-10)}.category-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.integration-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:white;border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-base)}.integration-card:hover{background:var(--gray-50);border-color:var(--primary-main);transform:translateY(-2px);box-shadow:var(--shadow-md)}.integration-card.connected{border-color:#10b98166;background:rgba(16,185,129,.03)}.integration-header{display:flex;align-items:center;gap:16px}.platform-icon-wrapper{width:52px;height:52px;background:var(--color-gray-100, #F3F4F6);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.platform-icon-wrapper svg{width:28px;height:28px}.integration-card:hover .platform-icon-wrapper{background:var(--color-gray-200, #E5E7EB);transform:scale(1.05)}.integration-card.connected .platform-icon-wrapper{background:rgba(34,197,94,.1)}.platform-info{display:flex;flex-direction:column;gap:4px;flex:1}.platform-name{font-weight:600;font-size:16px;color:var(--color-text-primary, #111827)}.platform-username{font-size:13px;color:#22c55ee6;font-weight:500}.btn-connect{width:100%;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-connect:hover{background:var(--color-gray-200, #E5E7EB);border-color:var(--color-primary, #3B82F6)}.btn-connect.connected{background:rgba(34,197,94,.1);border-color:#22c55e66;color:#22c55e}.btn-connect.connected:hover{background:rgba(239,68,68,.1);border-color:#ef444466;color:#ef4444}.integrations-list{display:flex;flex-direction:column;gap:12px}.integration-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--color-gray-50, #F9FAFB);border-radius:14px;border:1px solid var(--color-border, #E5E7EB);transition:all .2s ease}.integration-item:hover{background:var(--color-gray-100, #F3F4F6);border-color:var(--color-primary, #3B82F6)}.integration-info{display:flex;align-items:center;gap:16px}.platform-icon{width:48px;height:48px;background:var(--color-gray-100, #F3F4F6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.platform-details{display:flex;flex-direction:column;gap:4px}.current-plan{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(249,115,22,.08));border:1px solid rgba(59,130,246,.2);border-radius:16px;margin-bottom:32px}.plan-badge{background:linear-gradient(135deg,#3B82F6,#F97316);padding:8px 20px;border-radius:8px;font-weight:700;font-size:14px;color:#fff}.plan-details{flex:1}.plan-details h3{margin:0 0 4px;font-size:18px}.plan-details p{margin:0;font-size:14px;color:var(--color-text-secondary, #4B5563)}.btn-upgrade{background:linear-gradient(135deg,#3B82F6,#F97316);border:none;color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.billing-history h3{margin:0 0 16px;font-size:16px;color:var(--color-text-secondary, #4B5563)}.invoice-list{display:flex;flex-direction:column;gap:8px}.invoice-row{display:grid;grid-template-columns:1fr 1fr 100px 50px;gap:16px;align-items:center;padding:14px 16px;background:var(--color-gray-50, #F9FAFB);border-radius:10px}.status{font-size:13px;font-weight:600;padding:4px 12px;border-radius:20px}.status.paid{background:rgba(34,197,94,.1);color:#22c55e}.btn-download{background:transparent;border:none;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.btn-download:hover{opacity:1}.security-options{display:flex;flex-direction:column;gap:16px}.security-option{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--color-gray-50, #F9FAFB);border-radius:14px;border:1px solid var(--color-border, #E5E7EB)}.security-option.danger{border-color:#ef44444d;background:rgba(239,68,68,.03)}.security-option .option-info h3{margin:0 0 4px;font-size:16px}.security-option .option-info p{margin:0;font-size:13px;color:var(--color-text-muted, #9CA3AF)}.btn-action{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action:hover{background:var(--color-gray-200, #E5E7EB)}.btn-action.enabled{background:rgba(34,197,94,.1);border-color:#22c55e66;color:#22c55e}.btn-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:rgba(239,68,68,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000026}.modal-content h3{font-size:1.5rem;margin-bottom:20px;color:var(--color-text-primary, #111827)}.modal-content.danger{border-color:#ef444466}.modal-content.danger h3{color:#ef4444}.modal-content p{color:var(--color-text-secondary, #4B5563);margin-bottom:20px;line-height:1.5}.modal-content .form-group{margin-bottom:16px}.modal-content .form-group label{display:block;color:var(--color-text-secondary, #4B5563);margin-bottom:8px;font-size:.9rem}.modal-content .form-group input{width:100%;padding:12px 16px;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:10px;color:var(--color-text-primary, #111827);font-size:1rem;box-sizing:border-box}.modal-content .form-group input:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 2px #3b82f61a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);padding:12px 24px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--color-gray-200, #E5E7EB);color:var(--color-text-primary, #111827)}.modal-actions .btn-save,.modal-actions .btn-danger{padding:12px 24px}.modal-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-tabs{overflow-x:auto;width:100%}.settings-tab{white-space:nowrap;padding:12px 16px;font-size:14px}.settings-section{padding:20px}}.tfa-modal{max-width:480px}.tfa-setup-steps{display:flex;flex-direction:column;gap:16px}.tfa-step{display:flex;align-items:flex-start;gap:12px}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--color-primary, #3B82F6),var(--color-accent, #F97316));color:#fff;border-radius:50%;font-weight:600;font-size:14px}.tfa-step p{color:var(--color-text-secondary, #4B5563);font-size:14px;margin:0;line-height:1.5}.tfa-qr-container{display:flex;justify-content:center;padding:20px;background:var(--color-gray-50, #F9FAFB);border-radius:16px;border:1px solid var(--color-border, #E5E7EB)}.tfa-qr-code{width:200px;height:200px;border-radius:8px}.tfa-secret-container{text-align:center;padding:12px;background:var(--color-gray-50, #F9FAFB);border-radius:12px;border:1px dashed var(--color-border, #E5E7EB)}.tfa-secret-label{color:var(--color-text-secondary, #6B7280);font-size:12px;margin-bottom:8px}.tfa-secret{display:block;font-family:Monaco,Menlo,Consolas,monospace;font-size:14px;color:var(--color-text-primary, #111827);letter-spacing:2px;word-break:break-all;background:transparent;padding:8px;border-radius:6px;-webkit-user-select:all;user-select:all}.tfa-code-input{text-align:center;font-size:1.75rem!important;font-weight:600;letter-spacing:.5rem;padding:16px!important;font-family:Monaco,Menlo,Consolas,monospace;max-width:200px;margin:0 auto;display:block}.tfa-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--color-danger, #EF4444);padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px}.tfa-info{color:var(--color-text-secondary, #4B5563);font-size:14px;margin-bottom:16px;line-height:1.5}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.backup-code{display:block;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:8px;padding:10px 14px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;text-align:center;letter-spacing:1px;color:var(--color-text-primary, #111827);transition:all .2s ease}.backup-code:hover{background:var(--color-gray-100, #F3F4F6);border-color:var(--color-primary, #3B82F6)}.btn-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);padding:12px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-copy:hover{background:var(--color-gray-200, #E5E7EB)}.page-layout:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(59,130,246,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(249,115,22,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.02) 0%,transparent 60%);pointer-events:none;z-index:0;animation:ambientPulse 8s ease-in-out infinite alternate}@keyframes ambientPulse{0%{opacity:.6}to{opacity:1}}.page-main:before{content:"";position:fixed;top:0;left:240px;right:0;bottom:0;background-image:radial-gradient(2px 2px at 100px 100px,rgba(59,130,246,.2),transparent),radial-gradient(2px 2px at 300px 200px,rgba(249,115,22,.2),transparent),radial-gradient(2px 2px at 500px 150px,rgba(16,185,129,.2),transparent),radial-gradient(1px 1px at 200px 350px,rgba(59,130,246,.15),transparent),radial-gradient(1px 1px at 600px 400px,rgba(59,130,246,.15),transparent);pointer-events:none;z-index:0;animation:floatParticles 20s linear infinite}@keyframes floatParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.tab-btn{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);padding:12px 24px;border-radius:14px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-right:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .5s ease}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:var(--color-gray-50, #F9FAFB);border-color:#3b82f64d;color:var(--color-text-primary, #111827);transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.tab-btn.active{background:linear-gradient(135deg,#3B82F6,#F97316);border-color:transparent;color:#fff;box-shadow:0 8px 30px #3b82f640;transform:translateY(-1px)}.generate-btn{margin-left:16px;padding:14px 28px!important;font-size:15px!important;position:relative;overflow:hidden;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 8px 30px #3b82f633}50%{box-shadow:0 8px 40px #3b82f64d,0 0 60px #f9731626}}.generate-btn:disabled{animation:none;opacity:.7}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;position:relative;z-index:1}.summary-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;padding:28px;display:flex;align-items:center;gap:20px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);opacity:0;transition:opacity .3s ease}.summary-card:hover:before{opacity:1}.summary-card:hover{transform:translateY(-8px) scale(1.02);border-color:#3b82f666;box-shadow:0 20px 50px #00000014,0 8px 24px #3b82f61a}.summary-card.highlight{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(249,115,22,.08));border-color:#3b82f666;animation:highlightPulse 3s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 4px 20px #3b82f614}50%{box-shadow:0 8px 32px #3b82f626,0 4px 24px #f9731614}}.summary-icon{font-size:36px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-radius:18px;border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease}.summary-card:hover .summary-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #3b82f633}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:32px;font-weight:800;background:linear-gradient(135deg,#3B82F6,#F97316,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.summary-label{font-size:14px;color:var(--color-text-secondary, #4B5563);margin-top:6px;font-weight:500;letter-spacing:.5px}.section-header{margin-bottom:32px;position:relative;z-index:1}.section-header h2{font-size:28px;font-weight:800;margin:0 0 12px;color:var(--color-text-primary, #111827)}.section-header p{color:var(--color-text-secondary, #4B5563);margin:0;font-size:15px;letter-spacing:.3px}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:28px;margin-bottom:56px;position:relative;z-index:1}.script-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.script-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg 340deg,rgba(59,130,246,.1) 340deg 360deg);opacity:0;transition:opacity .4s ease;animation:borderRotate 4s linear infinite;z-index:-1}@keyframes borderRotate{to{transform:rotate(360deg)}}.script-card:hover:before{opacity:1}.script-card:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--color-surface, #FFFFFF);border-radius:22px;z-index:-1}.script-card:hover{transform:translateY(-8px);border-color:#3b82f666;box-shadow:0 25px 60px #0000001a,0 8px 24px #3b82f614}.script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.script-number{font-size:13px;font-weight:700;color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));padding:6px 16px;border-radius:24px;border:1px solid rgba(59,130,246,.3)}.script-duration{font-size:13px;color:var(--color-text-secondary, #4B5563);background:var(--color-gray-100, #F3F4F6);padding:6px 14px;border-radius:10px;font-weight:500;border:1px solid var(--color-border, #E5E7EB)}.script-title{font-size:20px;font-weight:700;margin:0 0 18px;line-height:1.4;color:var(--color-text-primary, #111827)}.script-meta{display:flex;gap:14px;margin-bottom:18px}.hook-type{font-size:13px;color:#f43f5e;background:linear-gradient(135deg,rgba(244,63,94,.08),rgba(244,63,94,.03));padding:8px 14px;border-radius:10px;border:1px solid rgba(244,63,94,.2);font-weight:500}.viral-score{font-size:13px;font-weight:700;color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.03));padding:8px 14px;border-radius:10px;border:1px solid rgba(16,185,129,.2)}.target-platforms{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.platform-badge{font-size:12px;background:var(--color-gray-50, #F9FAFB);padding:8px 14px;border-radius:24px;color:var(--color-text-secondary, #4B5563);border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease;font-weight:500}.platform-badge:hover{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-color:#3b82f64d;transform:scale(1.05)}.script-sections{margin-bottom:20px;background:var(--color-gray-50, #F9FAFB);border-radius:16px;padding:20px;border:1px solid var(--color-border, #E5E7EB)}.script-sections h4{font-size:11px;color:var(--color-text-muted, #9CA3AF);margin:0 0 14px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.sections-timeline{display:flex;flex-direction:column;gap:10px}.section-item{display:grid;grid-template-columns:65px 75px 1fr;gap:14px;font-size:12px;padding:12px;border-radius:12px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease}.section-item:hover{background:var(--color-gray-50, #F9FAFB);transform:translate(4px)}.section-item.hook{border-left:4px solid #f43f5e;box-shadow:inset 4px 0 12px #f43f5e0d}.section-item.problem{border-left:4px solid #f59e0b;box-shadow:inset 4px 0 12px #f59e0b0d}.section-item.solution{border-left:4px solid #3B82F6;box-shadow:inset 4px 0 12px #3b82f60d}.section-item.feature{border-left:4px solid #F97316;box-shadow:inset 4px 0 12px #f973160d}.section-item.proof{border-left:4px solid #10b981;box-shadow:inset 4px 0 12px #10b9810d}.section-item.cta{border-left:4px solid #3B82F6;box-shadow:inset 4px 0 12px #3b82f60d}.section-item.loop{border-left:4px solid #3B82F6;box-shadow:inset 4px 0 12px #3b82f614}.section-time{color:#ffffff80;font-family:SF Mono,Fira Code,monospace;font-size:11px}.section-type{text-transform:uppercase;font-weight:700;color:var(--color-text-secondary, #4B5563);font-size:10px;letter-spacing:.5px}.section-text{color:var(--color-text-muted, #9CA3AF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-more{font-size:12px;color:#3b82f6;text-align:center;padding:10px;background:rgba(59,130,246,.05);border-radius:8px;font-weight:500}.script-hashtags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.hashtag{font-size:11px;color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.05));padding:6px 12px;border-radius:8px;border:1px solid rgba(59,130,246,.2);font-weight:500;transition:all .3s ease}.hashtag:hover{background:rgba(59,130,246,.15);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.btn-preview{width:100%;padding:14px;background:linear-gradient(135deg,#3B82F6,#F97316);border:none;color:#fff;border-radius:14px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-preview:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-preview:hover:before{left:100%}.btn-preview:hover{background:linear-gradient(135deg,#2563EB,#EA580C);transform:translateY(-3px);box-shadow:0 10px 30px #3b82f640}.meedro-section{margin-top:56px;padding-top:40px;border-top:1px solid var(--color-border, #E5E7EB);position:relative;z-index:1}.meedro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.meedro-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meedro-card:hover{transform:translateY(-8px) scale(1.02);border-color:#3b82f680;box-shadow:0 20px 50px #00000014,0 8px 24px #3b82f61a}.meedro-thumb{height:140px;background:linear-gradient(135deg,#F3F4F6 0%,#E5E7EB 50%,#F9FAFB 100%);display:flex;align-items:center;justify-content:center;font-size:56px;position:relative;overflow:hidden}.meedro-thumb:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);transform:translate(-50%,-50%);animation:thumbPulse 3s ease-in-out infinite}@keyframes thumbPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.meedro-info{padding:20px}.meedro-info h4{font-size:15px;font-weight:700;margin:0 0 10px;color:var(--color-text-primary, #111827)}.meedro-info p{font-size:13px;color:var(--color-text-secondary, #4B5563);margin:0 0 12px}.meedro-score{font-size:13px;color:#10b981;font-weight:600;background:rgba(16,185,129,.1);padding:6px 12px;border-radius:8px;display:inline-block;border:1px solid rgba(16,185,129,.2)}.campaigns-container{position:relative;z-index:1}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:28px}.campaign-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.campaign-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3B82F6,#F97316,#3B82F6);opacity:0;transition:opacity .3s ease}.campaign-card:hover:before{opacity:1}.campaign-card:hover{border-color:#3b82f680;transform:translateY(-6px);box-shadow:0 25px 60px #00000014,0 8px 32px #3b82f61a}.campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.campaign-number{font-size:11px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.campaign-status{font-size:12px;font-weight:700;padding:6px 16px;border-radius:24px;text-transform:uppercase;letter-spacing:.5px}.campaign-status.scheduled{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08));color:#3b82f6;border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 12px #3b82f61a}.campaign-status.active{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08));color:#10b981;border:1px solid rgba(16,185,129,.3);box-shadow:0 4px 12px #10b9811a}.campaign-card h3{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--color-text-primary, #111827)}.campaign-metrics{display:flex;gap:28px;margin-bottom:24px;padding:20px;background:var(--color-gray-50, #F9FAFB);border-radius:16px;border:1px solid var(--color-border, #E5E7EB)}.metric{display:flex;flex-direction:column}.metric.highlight .metric-value{color:#3b82f6}.metric-value{font-size:28px;font-weight:800;color:var(--color-text-primary, #111827)}.metric-label{font-size:12px;color:var(--color-text-muted, #9CA3AF);font-weight:500;letter-spacing:.5px;margin-top:4px}.campaign-platforms{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.platform-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50, #F9FAFB);border-radius:12px;font-size:20px;border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease}.platform-icon:hover{transform:scale(1.15) rotate(5deg);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-color:#3b82f666;box-shadow:0 8px 20px #00000014}.platform-more{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100, #F3F4F6);border-radius:12px;font-size:12px;font-weight:700;color:var(--color-text-secondary, #4B5563);border:1px solid var(--color-border, #E5E7EB)}.campaign-schedule-preview{background:var(--color-gray-50, #F9FAFB);border-radius:16px;padding:20px;border:1px solid var(--color-border, #E5E7EB)}.campaign-schedule-preview h4{font-size:11px;color:var(--color-text-muted, #9CA3AF);margin:0 0 16px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-border, #E5E7EB);transition:all .2s ease}.schedule-item:hover{background:var(--color-surface, #FFFFFF);padding-left:10px;padding-right:10px;margin:0 -10px;border-radius:8px}.schedule-item:last-child{border-bottom:none}.schedule-platform{font-size:14px;font-weight:600;color:var(--color-text-primary, #111827)}.schedule-time{font-size:12px;color:var(--color-text-secondary, #4B5563)}.schedule-score{font-size:13px;color:#10b981;font-weight:700;background:rgba(16,185,129,.1);padding:4px 10px;border-radius:6px}.empty-state{text-align:center;padding:100px 50px;background:var(--color-gray-50, #F9FAFB);border:2px dashed var(--color-border, #E5E7EB);border-radius:28px;position:relative;z-index:1}.empty-icon{font-size:80px;margin-bottom:28px;display:block;animation:emptyFloat 3s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.empty-state h3{font-size:28px;margin:0 0 16px;font-weight:700;color:var(--color-text-primary, #111827)}.empty-state p{color:var(--color-text-secondary, #4B5563);margin:0 0 32px;font-size:16px}.schedule-container{position:relative;z-index:1}.schedule-timeline{background:var(--color-surface, #FFFFFF);border-radius:20px;overflow:hidden;border:1px solid var(--color-border, #E5E7EB);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-header{display:grid;grid-template-columns:160px 1fr 130px 110px;gap:24px;padding:20px 28px;background:var(--color-gray-50, #F9FAFB);font-size:11px;color:var(--color-text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid var(--color-border, #E5E7EB)}.timeline-item{display:grid;grid-template-columns:160px 1fr 130px 110px;gap:24px;padding:20px 28px;border-bottom:1px solid var(--color-border, #E5E7EB);align-items:center;transition:all .3s ease}.timeline-item:hover{background:linear-gradient(135deg,rgba(59,130,246,.03),rgba(249,115,22,.03))}.timeline-item:last-child{border-bottom:none}.timeline-platform{font-weight:600;font-size:15px;color:var(--color-text-primary, #111827)}.timeline-time{font-size:14px;color:var(--color-text-secondary, #4B5563);font-weight:500}.timeline-score{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:#10b981}.score-bar{height:8px;background:linear-gradient(135deg,#3B82F6,#10b981);border-radius:4px;max-width:70px}.score-bar[data-score="10"]{width:10%}.score-bar[data-score="20"]{width:20%}.score-bar[data-score="30"]{width:30%}.score-bar[data-score="40"]{width:40%}.score-bar[data-score="50"]{width:50%}.score-bar[data-score="60"]{width:60%}.score-bar[data-score="70"]{width:70%}.score-bar[data-score="80"]{width:80%}.score-bar[data-score="90"]{width:90%}.score-bar[data-score="100"]{width:100%}.timeline-status{font-size:11px;font-weight:700;padding:6px 14px;border-radius:20px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.timeline-status.pending{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.08));color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.timeline-status.posted{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08));color:#10b981;border:1px solid rgba(16,185,129,.3)}.platform-distribution{margin-top:40px;padding:32px;background:var(--color-surface, #FFFFFF);border-radius:24px;border:1px solid var(--color-border, #E5E7EB);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-distribution h3{font-size:20px;font-weight:700;margin:0 0 28px;color:var(--color-text-primary, #111827)}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px}.distribution-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--color-gray-50, #F9FAFB);border-radius:16px;border:1px solid var(--color-border, #E5E7EB);transition:all .3s cubic-bezier(.4,0,.2,1)}.distribution-item:hover{transform:translateY(-6px) scale(1.03);background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(249,115,22,.08));border-color:#3b82f666;box-shadow:0 15px 40px #00000014}.platform-icon-large{font-size:36px;transition:all .3s ease}.distribution-item:hover .platform-icon-large{transform:scale(1.2)}.platform-name{font-size:12px;color:var(--color-text-secondary, #4B5563);text-transform:capitalize;font-weight:500}.platform-count{font-size:14px;font-weight:700;color:#3b82f6}@media (max-width: 1200px){.summary-grid{grid-template-columns:repeat(2,1fr)}.scripts-grid,.campaigns-grid{grid-template-columns:1fr}.page-layout:before{display:none}}@media (max-width: 768px){.summary-grid{grid-template-columns:1fr}.topbar-right{flex-wrap:wrap;gap:8px}.timeline-header,.timeline-item{grid-template-columns:1fr;gap:12px}.tab-btn{padding:10px 16px;font-size:13px}.generate-btn{width:100%;margin-left:0;margin-top:10px}.page-main:before{display:none}.campaign-metrics{flex-wrap:wrap;gap:16px}}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:var(--color-gray-100, #F3F4F6);border-radius:4px}.page-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(249,115,22,.4));border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(249,115,22,.6))}::selection{background:rgba(59,130,246,.2);color:#111827}.live-streaming-page{min-height:100vh;background:var(--color-bg-secondary, #F9FAFB);color:var(--color-text-primary, #111827);padding-bottom:4rem;flex:1;overflow-y:auto}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:3rem 2rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border:1px solid rgba(59,130,246,.3);border-radius:2rem;font-size:.9rem;font-weight:600;color:var(--color-primary, #3B82F6);margin-bottom:1.5rem}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(90deg,#111827 0%,#3B82F6 50%,#F97316 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:var(--color-text-secondary, #4B5563);margin-bottom:2rem;max-width:500px}.btn-create-stream{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(90deg,#3B82F6,#F97316);border:none;border-radius:1rem;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-create-stream:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3b82f666}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;height:400px}.avatar-preview{position:relative;z-index:1}.avatar-ring{width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(249,115,22,.2));display:flex;align-items:center;justify-content:center;animation:pulse-ring 3s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.avatar-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#3B82F6,#F97316);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px #3b82f666}.avatar-circle svg{color:#fff;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.floating-card{position:absolute;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--color-surface, #FFFFFF);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border, #E5E7EB);border-radius:1rem;font-weight:600;color:var(--color-text-primary, #111827);animation:float 6s ease-in-out infinite;box-shadow:0 4px 20px #00000014}.floating-card.card-1{top:20%;left:5%;animation-delay:0s}.floating-card.card-2{top:60%;left:0;animation-delay:1s}.floating-card.card-3{top:30%;right:0;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);background:var(--color-surface, #FFFFFF);box-shadow:0 8px 24px #00000014}.stat-card.live{border-color:#ef444480;background:rgba(239,68,68,.05)}.stat-icon{width:56px;height:56px;border-radius:.75rem;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center;color:#3b82f6}.stat-card.live .stat-icon{background:rgba(239,68,68,.1);color:#ef4444}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700}.stat-label{font-size:.9rem;color:var(--color-text-secondary, #4B5563)}.streams-section{max-width:1400px;margin:3rem auto 0;padding:0 2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.75rem}.tab-filters{display:flex;gap:.5rem;background:var(--color-gray-100, #F3F4F6);padding:.5rem;border-radius:.75rem}.tab{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.5rem;color:var(--color-text-secondary, #4B5563);font-weight:500;cursor:pointer;transition:all .3s ease}.tab:hover{color:var(--color-text-primary, #111827)}.tab.active{background:var(--color-surface, #FFFFFF);color:var(--color-text-primary, #111827);box-shadow:0 2px 8px #00000014}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state p,.empty-state p,.error-state p{margin-top:1rem;color:var(--color-text-secondary, #4B5563)}.empty-state h3{margin-top:1rem;font-size:1.5rem}.empty-state button,.error-state button{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,#3B82F6,#F97316);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer}.streams-grid{display:flex;flex-direction:column;gap:1rem}.stream-card{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:1rem;cursor:pointer;transition:all .3s ease}.stream-card:hover{background:var(--color-gray-50, #F9FAFB);transform:translate(8px);box-shadow:0 4px 16px #00000014}.stream-card.live{border-color:#ef444480;background:rgba(239,68,68,.02)}.stream-thumbnail{position:relative;width:160px;height:90px;border-radius:.75rem;overflow:hidden;flex-shrink:0}.stream-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F3F4F6,#E5E7EB);color:#3b82f6}.status-badge{position:absolute;top:.5rem;left:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:rgba(0,0,0,.7);border-radius:.25rem;font-size:.75rem;font-weight:600}.status-badge.live{background:rgba(239,68,68,.9);color:#fff}.status-badge .live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.status-badge.scheduled{background:rgba(59,130,246,.7)}.status-badge.completed{background:rgba(16,185,129,.7)}.status-badge.initializing{background:rgba(124,58,237,.7)}.live-viewers{position:absolute;bottom:.5rem;left:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(0,0,0,.7);border-radius:.25rem;font-size:.75rem}.stream-info{flex:1}.stream-info h3{margin:0 0 .5rem;font-size:1.1rem}.stream-meta{display:flex;gap:1.5rem;color:var(--color-text-secondary, #4B5563);font-size:.9rem}.stream-date,.stream-platforms{display:flex;align-items:center;gap:.25rem}.stream-stats{display:flex;gap:1rem;margin-top:.5rem}.stream-stats span{display:flex;align-items:center;gap:.25rem;color:#3b82f6;font-size:.85rem}.stream-action{color:var(--color-text-muted, #9CA3AF);transition:all .3s ease}.stream-card:hover .stream-action{color:#3b82f6;transform:translate(4px)}.features-section{max-width:1400px;margin:4rem auto 0;padding:0 2rem}.features-section h2{font-size:1.75rem;margin-bottom:2rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{padding:2rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:1rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#3b82f680;background:rgba(59,130,246,.02);box-shadow:0 8px 24px #00000014}.feature-icon{width:60px;height:60px;border-radius:1rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:1.5rem}.feature-card h3{margin:0 0 .75rem;font-size:1.25rem}.feature-card p{margin:0;color:var(--color-text-secondary, #4B5563);line-height:1.6}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content p{max-width:none}.hero-visual{height:300px}.floating-card{display:none}.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.stats-overview{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.tab-filters{width:100%;overflow-x:auto}.stream-card{flex-direction:column;align-items:flex-start}.stream-thumbnail{width:100%;height:180px}.stream-action{display:none}}.page-layout{display:flex;min-height:100vh;background:var(--gray-50);color:var(--gray-900)}.page-sidebar{width:240px;background:white;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;height:100vh;box-shadow:var(--shadow-sm)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{font-size:var(--text-3xl)}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-main)}.sidebar-nav{padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-xl);color:var(--gray-600);cursor:pointer;transition:all var(--transition-base);width:100%;text-align:left}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:rgba(37,99,235,.1);color:var(--primary-main);border:1px solid rgba(37,99,235,.2)}.nav-icon{font-size:var(--text-lg)}.nav-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.page-main{flex:1;margin-left:240px;display:flex;flex-direction:column}.page-topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:white;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:var(--z-sticky)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0;color:var(--gray-900)}.page-subtitle{color:var(--gray-600);margin:var(--space-1) 0 0 0;font-size:var(--text-sm)}.topbar-right{display:flex;align-items:center;gap:var(--space-4)}.btn-primary{background:var(--primary-main);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40;background:var(--primary-dark)}.btn-secondary{background:white;color:var(--gray-900);border:1px solid var(--gray-200);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-gray-100, #F3F4F6)}.page-content{padding:32px;flex:1}.card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary, #111827)}.search-box{display:flex;align-items:center;gap:10px;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:12px;padding:10px 16px}.search-box input{background:transparent;border:none;color:var(--color-text-primary, #111827);outline:none;font-size:14px;width:200px}.search-box input::placeholder{color:var(--color-text-muted, #9CA3AF)}.time-filters{display:flex;gap:8px}.time-btn{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.time-btn.active{background:var(--color-primary, #3B82F6);color:#fff;border-color:transparent}.time-btn:hover:not(.active){background:var(--color-gray-100, #F3F4F6)}.loading-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary, #9CA3AF);font-size:16px}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.overview-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.overview-card:hover{transform:translateY(-4px);background:var(--color-surface, #FFFFFF);border-color:var(--color-primary, #3B82F6);box-shadow:0 8px 24px #3b82f61f}.overview-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(249,115,22,.1));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.overview-info{display:flex;flex-direction:column;gap:4px}.overview-label{color:var(--color-text-secondary, #4B5563);font-size:13px}.overview-value{font-size:28px;font-weight:700;color:var(--color-text-primary, #111827)}.track-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{position:relative;background:var(--color-surface, #FFFFFF);border-radius:20px;padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--color-border, #E5E7EB);box-shadow:0 25px 50px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-header h2{color:var(--color-text-primary, #111827);margin:0;font-size:1.5rem}.close-btn{background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-primary, #111827);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.close-btn:hover{background:rgba(59,130,246,.1);border-color:var(--color-primary, #3B82F6)}.track-description{color:var(--color-text-secondary, #4B5563);margin-bottom:24px}.levels-list{display:flex;flex-direction:column;gap:16px}.level-row{background:var(--color-gray-50, #F9FAFB);border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s ease}.level-row.unlocked{background:rgba(52,199,89,.06)}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.level-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700;color:#fff}.unlocked-badge{color:var(--color-success, #34C759);font-weight:600;font-size:.9rem}.level-target{margin-bottom:12px}.target-label{color:var(--color-text-muted, #9CA3AF);margin-right:8px}.target-value{color:var(--color-text-primary, #111827);font-weight:600;font-size:1.1rem}.level-progress{margin-bottom:12px}.progress-bar-outer{height:8px;background:var(--color-gray-200, #E5E7EB);border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-bar-inner{height:100%;background:var(--color-primary, #3B82F6);border-radius:4px;transition:width .5s ease}.progress-text{font-size:.85rem;color:var(--color-text-secondary, #4B5563)}.level-rewards h4{color:var(--color-text-primary, #111827);margin:0 0 8px;font-size:.9rem}.level-rewards ul{margin:0;padding:0;list-style:none}.level-rewards li{color:var(--color-text-secondary, #4B5563);font-size:.85rem;margin-bottom:4px}.how-it-works{margin-top:48px;padding:32px;background:linear-gradient(135deg,#3B82F6,#F97316);border-radius:16px;border:none;box-shadow:0 8px 30px #3b82f640}.how-it-works h2{color:#fff;margin:0 0 24px;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step-card{text-align:center;padding:20px;background:rgba(255,255,255,.12);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.step-number{width:40px;height:40px;background:#fff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 16px}.step-card h3{color:#fff;margin:0 0 8px;font-size:1rem}.step-card p{color:#ffffffe6;margin:0;font-size:.9rem;line-height:1.5}@media (max-width: 1400px){.overview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.overview-stats,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.overview-stats,.steps-grid{grid-template-columns:1fr}.modal-content{padding:20px}}.onboarding-wizard{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#FAFBFC 0%,#E0F2FE 50%,#DBEAFE 100%);display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:20px}.onboarding-container{background:rgba(255,255,255,.95);border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:40px;max-width:900px;width:100%;box-shadow:0 20px 60px #0000001a,0 0 100px #3b82f614;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-progress{margin-bottom:40px}.progress-bar{height:6px;background:rgba(0,0,0,.1);border-radius:3px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#2563EB);border-radius:3px;transition:width .5s ease}.progress-steps{display:flex;justify-content:space-between;margin-bottom:10px}.progress-step{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.08);color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.progress-step.active{background:linear-gradient(135deg,#3B82F6,#2563EB);color:#fff;box-shadow:0 0 20px #3b82f666}.progress-step.completed{background:#10b981;color:#fff}.progress-text{text-align:center;color:#6b7280;font-size:14px}.step-content{min-height:400px;transition:opacity .3s ease,transform .3s ease}.step-content.animating{opacity:0;transform:translate(20px)}.onboarding-step{text-align:center}.onboarding-step h1,.onboarding-step h2{color:#111827;font-size:28px;margin-bottom:12px;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-subtitle{color:#6b7280;font-size:16px;margin-bottom:30px}.welcome-step .welcome-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-subtitle{color:#4b5563;font-size:18px;margin-bottom:40px}.welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(59,130,246,.05);border-radius:12px;border:1px solid rgba(59,130,246,.1);transition:all .3s ease}.feature-item:hover{border-color:#3b82f64d;transform:translateY(-2px)}.feature-icon{font-size:32px;flex-shrink:0}.feature-item h3{color:#111827;font-size:16px;margin-bottom:5px}.feature-item p{color:#6b7280;font-size:14px;margin:0}.time-estimate{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#10b981}.time-icon{font-size:24px}.time-estimate p{margin:0;font-size:14px}.role-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.role-card{background:rgba(255,255,255,.8);border:2px solid rgba(0,0,0,.1);border-radius:16px;padding:25px 20px;cursor:pointer;transition:all .3s ease;text-align:center}.role-card:hover{border-color:#3b82f666;background:rgba(59,130,246,.05);transform:translateY(-5px)}.role-card.selected{border-color:#3b82f6;background:rgba(59,130,246,.1);box-shadow:0 0 30px #3b82f633}.role-icon{font-size:48px;margin-bottom:15px}.role-card h3{color:#111827;font-size:18px;margin-bottom:10px}.role-card p{color:#6b7280;font-size:14px;margin-bottom:15px}.role-features{list-style:none;padding:0;margin:0;text-align:left}.role-features li{color:#6b7280;font-size:12px;padding:5px 0 5px 20px;position:relative}.role-features li:before{content:"✓";position:absolute;left:0;color:#10b981}.experience-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.experience-card{background:rgba(255,255,255,.8);border:2px solid rgba(0,0,0,.1);border-radius:16px;padding:30px 20px;cursor:pointer;transition:all .3s ease;text-align:center}.experience-card:hover{border-color:#3b82f666;transform:translateY(-5px)}.experience-card.selected{border-color:#3b82f6;background:rgba(59,130,246,.1);box-shadow:0 0 30px #3b82f633}.experience-icon{font-size:48px;margin-bottom:15px;display:block}.experience-card h3{color:#111827;font-size:20px;margin-bottom:10px}.experience-card p{color:#6b7280;font-size:14px;margin-bottom:15px}.experience-note{display:inline-block;background:rgba(59,130,246,.1);color:#3b82f6;padding:5px 12px;border-radius:20px;font-size:12px}.goal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.goal-card{background:rgba(255,255,255,.8);border:2px solid rgba(0,0,0,.1);border-radius:16px;padding:35px 20px;cursor:pointer;transition:all .3s ease;text-align:center}.goal-card:hover{border-color:#3b82f666;transform:translateY(-5px)}.goal-card.selected{border-color:#3b82f6;background:rgba(59,130,246,.1);box-shadow:0 0 30px #3b82f633}.goal-icon{font-size:56px;margin-bottom:20px;display:block}.goal-card h3{color:#111827;font-size:18px;margin-bottom:10px}.goal-card p{color:#6b7280;font-size:14px;margin:0}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.platform-card{background:rgba(255,255,255,.8);border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:20px 15px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.platform-card:hover{border-color:#3b82f666;transform:translateY(-3px)}.platform-card.selected{border-color:#10b981;background:rgba(16,185,129,.1)}.platform-icon{font-size:32px;display:block;margin-bottom:8px}.platform-name{color:#111827;font-size:13px;font-weight:500}.check-mark{position:absolute;top:8px;right:8px;background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.selection-count{margin-top:20px;color:#6b7280;font-size:14px}.niche-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px;max-height:300px;overflow-y:auto;padding:10px}.niche-tag{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.15);border-radius:25px;padding:10px 20px;cursor:pointer;transition:all .3s ease;color:#374151;font-size:14px;display:flex;align-items:center;gap:8px}.niche-tag:hover{border-color:#3b82f666;background:rgba(59,130,246,.05)}.niche-tag.selected{border-color:#10b981;background:rgba(16,185,129,.2);color:#10b981}.tag-check{font-weight:700}.completion-step .completion-icon{font-size:80px;margin-bottom:20px;animation:celebrate 1s ease-out}@keyframes celebrate{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.completion-message{color:#4b5563;font-size:18px;margin-bottom:30px}.setup-summary{background:rgba(59,130,246,.05);border-radius:16px;padding:25px;margin-bottom:30px;text-align:left}.setup-summary h3{color:#111827;font-size:18px;margin-bottom:20px;text-align:center}.summary-items{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.summary-item{display:flex;justify-content:space-between;padding:10px 15px;background:rgba(255,255,255,.5);border-radius:8px}.summary-label{color:#6b7280;font-size:14px}.summary-value{color:#3b82f6;font-size:14px;font-weight:500;text-transform:capitalize}.tour-prompt{padding:25px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:16px}.tour-prompt h3{color:#111827;font-size:20px;margin-bottom:10px}.tour-prompt p{color:#6b7280;margin-bottom:20px}.tour-buttons{display:flex;gap:15px;justify-content:center}.tour-btn{padding:14px 28px;font-size:16px;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-primary.tour-btn{background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;color:#fff;font-weight:600}.btn-primary.tour-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d}.skip-tour-btn{background:transparent;border:1px solid rgba(0,0,0,.15);color:#6b7280}.skip-tour-btn:hover{border-color:#0000004d;background:rgba(0,0,0,.03)}.onboarding-navigation{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.btn-back{background:transparent;border:1px solid rgba(0,0,0,.15);color:#6b7280;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:15px;transition:all .3s ease}.btn-back:hover{border-color:#0000004d;background:rgba(0,0,0,.03)}.btn-next{background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;color:#fff;padding:12px 32px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;margin-left:auto}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d}.btn-next:disabled{opacity:.5;cursor:not-allowed}.skip-onboarding{display:block;width:100%;text-align:center;margin-top:20px;background:transparent;border:none;color:#9ca3af;font-size:13px;cursor:pointer;transition:color .3s ease}.skip-onboarding:hover{color:#6b7280}@media (max-width: 900px){.role-options,.experience-options,.goal-options{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(3,1fr)}.welcome-features{grid-template-columns:1fr}}@media (max-width: 600px){.onboarding-container{padding:25px}.platform-grid{grid-template-columns:repeat(2,1fr)}.summary-items{grid-template-columns:1fr}.tour-buttons{flex-direction:column}.progress-steps{display:none}}.niche-grid::-webkit-scrollbar{width:6px}.niche-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.niche-grid::-webkit-scrollbar-thumb{background:rgba(59,130,246,.4);border-radius:3px}.niche-grid::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.6)}.avatar-selector{padding:1rem 0}.avatar-selector-loading,.avatar-selector-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.avatar-selector-loading p,.avatar-selector-error p{margin-top:1rem;color:#3b82f6}.avatar-selector-error button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,#7c3aed,#ec4899);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer}.avatar-filters{display:flex;gap:1rem;margin-bottom:1rem}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(124,58,237,.3);border-radius:.75rem;color:#3b82f6}.search-box input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem}.search-box input:focus{outline:none}.search-box input::placeholder{color:#6b7280}.category-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(124,58,237,.3);border-radius:.75rem;color:#3b82f6}.category-filter select{background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer}.category-filter select:focus{outline:none}.category-filter select option{background-color:#fffffff2;color:#1a1a2e;padding:10px}.category-filter select option:hover,.category-filter select option:checked{background-color:#3b82f6;color:#0a0a0f}.avatar-count{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#3b82f6;font-size:.9rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;max-height:500px;overflow-y:auto;padding:.5rem}.avatar-card{background:rgba(0,0,0,.3);border:2px solid rgba(124,58,237,.2);border-radius:1rem;cursor:pointer;transition:all .3s ease;overflow:hidden}.avatar-card:hover{border-color:#7c3aed80;transform:translateY(-4px);box-shadow:0 10px 30px #7c3aed33}.avatar-card.selected{border-color:#10b981;background:rgba(16,185,129,.1)}.avatar-preview{position:relative;aspect-ratio:1;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 100%);color:#ffffff80}.avatar-placeholder.large{min-height:200px}.badge-new,.badge-premium{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:700}.badge-new{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.badge-premium{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff}.avatar-info{padding:1rem}.avatar-info h4{font-size:1rem;margin:0 0 .25rem;color:#fff}.avatar-info p{font-size:.8rem;color:#9ca3af;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.avatar-meta{display:flex;gap:.5rem}.avatar-style,.avatar-category{padding:.25rem .5rem;background:rgba(124,58,237,.2);border-radius:.25rem;font-size:.7rem;text-transform:capitalize;color:#3b82f6}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(16,185,129,.2);color:#10b981;font-weight:600;font-size:.9rem}.no-results{text-align:center;padding:3rem;color:#6b7280}.no-results button{margin-top:1rem;padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(124,58,237,.5);border-radius:.5rem;color:#3b82f6;cursor:pointer;transition:all .3s ease}.no-results button:hover{background:rgba(124,58,237,.1)}.selected-preview{margin-top:2rem;padding:1.5rem;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);border-radius:1rem}.preview-content{display:flex;gap:2rem}.preview-image{flex-shrink:0;width:200px;border-radius:.75rem;overflow:hidden}.preview-image img{width:100%;height:auto}.preview-details{flex:1}.preview-details h3{margin:0 0 .5rem;font-size:1.5rem;color:#fff}.preview-details p{color:#3b82f6;margin:0 0 1rem}.preview-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature{display:flex;flex-direction:column;gap:.25rem}.feature-label{font-size:.8rem;color:#6b7280}.feature-value{font-weight:500;color:#fff;text-transform:capitalize}.avatar-grid::-webkit-scrollbar{width:8px}.avatar-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.avatar-grid::-webkit-scrollbar-thumb{background:rgba(124,58,237,.5);border-radius:4px}.avatar-grid::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.7)}@media (max-width: 768px){.avatar-filters{flex-direction:column}.preview-content{flex-direction:column;align-items:center;text-align:center}.preview-features{grid-template-columns:1fr}}.autonomous-stream-dashboard{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827)}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.dashboard-header p{color:#3b82f6;font-size:1.1rem}.step-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;padding:1.5rem;background:var(--color-surface, #FFFFFF);border-radius:1rem;border:1px solid var(--color-border, #E5E7EB);box-shadow:0 1px 3px #0000000d}.step{display:flex;align-items:center;gap:.5rem;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step.completed{opacity:.8}.step.completed .step-number{background:#10b981}.step-number{width:32px;height:32px;border-radius:50%;background:var(--color-gray-200, #E5E7EB);color:var(--color-text-secondary, #4B5563);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.step.active .step-number{background:linear-gradient(90deg,#3B82F6,#2563EB);color:#fff;box-shadow:0 0 20px #3b82f64d}.step-label{font-weight:500;font-size:.9rem;color:var(--color-text-secondary, #4B5563)}.step-divider{width:40px;height:2px;background:var(--color-gray-200, #E5E7EB)}.dashboard-content{background:var(--color-surface, #FFFFFF);border-radius:1.5rem;border:1px solid var(--color-border, #E5E7EB);padding:2rem;box-shadow:0 4px 12px #0000000d}.config-step h2,.avatar-step h2,.review-step h2,.initializing-step h2{font-size:1.8rem;margin-bottom:.5rem}.subtitle{color:#3b82f6;margin-bottom:2rem}.form-section{margin-bottom:1.5rem}.form-section label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary, #111827)}.form-section textarea,.form-section select,.form-section input[type=text]{width:100%;padding:1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:.75rem;color:var(--color-text-primary, #111827);font-size:1rem;transition:all .3s ease}.form-section textarea:focus,.form-section select:focus,.form-section input:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 3px #3b82f626}.form-section select option{background-color:#fffffff2;color:#1a1a2e;padding:10px}.form-section select option:hover,.form-section select option:checked{background-color:#7c3aed;color:#fff}.form-section textarea::placeholder,.form-section input::placeholder{color:#6b7280}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.duration-slider{display:flex;align-items:center;gap:1rem}.duration-slider input[type=range]{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200, #E5E7EB);border-radius:4px}.duration-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary, #3B82F6);cursor:pointer;box-shadow:0 0 10px #3b82f64d}.duration-value{min-width:70px;text-align:center;padding:.5rem 1rem;background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);border-radius:.5rem;font-weight:600}.tone-options{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tone-option{display:flex;flex-direction:column;padding:1rem;background:var(--color-surface, #FFFFFF);border:2px solid var(--color-border, #E5E7EB);border-radius:1rem;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #111827);text-align:left}.tone-option:hover{border-color:var(--color-primary, #3B82F6);background:var(--color-gray-50, #F9FAFB)}.tone-option.selected{border-color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.1)}.tone-label{font-weight:600;margin-bottom:.25rem}.tone-description{font-size:.8rem;color:#3b82f6}.platform-options{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.platform-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--color-surface, #FFFFFF);border:2px solid var(--color-border, #E5E7EB);border-radius:1rem;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #111827);position:relative}.platform-option:hover{border-color:var(--color-primary, #3B82F6);background:var(--color-gray-50, #F9FAFB)}.platform-option.selected{border-color:#10b981;background:rgba(16,185,129,.1)}.platform-icon{font-size:2rem;margin-bottom:.5rem}.platform-name{font-weight:500;text-transform:capitalize}.check-icon{position:absolute;top:.5rem;right:.5rem;color:#10b981}.cta-builder{background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:1rem;padding:1.5rem}.cta-inputs{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:end}.cta-inputs input[type=text]{padding:.75rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:.5rem;color:var(--color-text-primary, #111827)}.cta-position{display:flex;flex-direction:column;gap:.25rem}.cta-position label{font-size:.8rem;color:#3b82f6}.cta-position input[type=range]{width:100%}.btn-add-cta{padding:.75rem 1.5rem;background:var(--color-primary, #3B82F6);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-cta:disabled{opacity:.5;cursor:not-allowed}.cta-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.cta-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:.5rem}.cta-text{font-weight:500;flex:1;color:var(--color-text-primary, #111827)}.cta-link{color:#3b82f6;font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta-position-badge{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem}.btn-remove-cta{width:24px;height:24px;border-radius:50%;background:rgba(239,68,68,.2);border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.step-actions{display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border, #E5E7EB)}.btn-back,.btn-next,.btn-launch{padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-back{background:transparent;border:2px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563)}.btn-back:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.btn-next{background:var(--color-primary, #3B82F6);border:none;color:#fff}.btn-next:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3b82f64d}.btn-launch{background:linear-gradient(90deg,#10b981,#059669);border:none;color:#fff;padding:1rem 3rem}.btn-launch:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #10b98166}.btn-launch:disabled{opacity:.7;cursor:not-allowed}.avatar-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.avatar-type{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:var(--color-surface, #FFFFFF);border:2px solid var(--color-border, #E5E7EB);border-radius:1rem;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #111827)}.avatar-type:hover{border-color:var(--color-primary, #3B82F6);background:var(--color-gray-50, #F9FAFB)}.avatar-type.selected{border-color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.1)}.avatar-type small{color:#3b82f6;font-size:.85rem}.personal-upload{padding:2rem}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:2px dashed var(--color-border, #E5E7EB);border-radius:1rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:var(--color-surface, #FFFFFF)}.upload-zone:hover{border-color:var(--color-primary, #3B82F6);background:var(--color-gray-50, #F9FAFB)}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-zone h3{margin:1rem 0 .5rem;color:var(--color-text-primary, #111827)}.upload-zone p{color:#3b82f6;margin-bottom:1rem}.btn-upload{padding:.75rem 1.5rem;background:var(--color-primary, #3B82F6);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer}.upload-preview{margin-top:1.5rem;text-align:center}.upload-preview img{max-width:200px;max-height:200px;border-radius:1rem;border:3px solid #10b981}.upload-preview p{margin-top:.5rem;color:#10b981}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.review-card{background:var(--color-surface, #FFFFFF);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border, #E5E7EB)}.review-card h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:1rem;color:#3b82f6}.review-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border-light, #F3F4F6)}.review-item:last-child{border-bottom:none}.review-item .label{color:#9ca3af}.review-item .value{font-weight:500;text-transform:capitalize;color:var(--color-text-primary, #111827)}.platform-badges{display:flex;flex-wrap:wrap;gap:.5rem}.platform-badge{padding:.5rem 1rem;background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6);border-radius:.5rem;font-size:.9rem;text-transform:capitalize}.cta-review-list{display:flex;flex-direction:column;gap:.5rem}.cta-review-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--color-gray-50, #F9FAFB);border-radius:.5rem}.cta-review-item small{color:#3b82f6}.no-ctas{color:#6b7280;font-style:italic}.agent-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(59,130,246,.05);border-radius:1rem;border:1px solid rgba(59,130,246,.2)}.agent-info h4{margin:0 0 .25rem;color:var(--color-text-primary, #111827)}.agent-info p{margin:0;color:#3b82f6;font-size:.9rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;margin-bottom:1.5rem}.initializing-step{text-align:center;padding:3rem}.initializing-content{max-width:500px;margin:0 auto}.initializing-step h2{margin-top:1.5rem}.initializing-step p{color:#3b82f6}.initialization-progress{margin-top:2rem;text-align:left}.progress-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;margin-bottom:.5rem;color:#6b7280}.progress-item.active{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.session-info{margin-top:2rem;padding:1rem;background:var(--color-gray-50, #F9FAFB);border:1px solid var(--color-border, #E5E7EB);border-radius:.5rem}.session-info code{background:var(--color-gray-100, #F3F4F6);color:var(--color-text-primary, #111827);padding:.25rem .5rem;border-radius:.25rem}.spin.large{color:var(--color-primary, #3B82F6)}@media (max-width: 1024px){.tone-options,.platform-options{grid-template-columns:repeat(2,1fr)}.cta-inputs{grid-template-columns:1fr}}@media (max-width: 768px){.autonomous-stream-dashboard{padding:1rem}.form-row,.avatar-type-selector,.review-grid{grid-template-columns:1fr}.step-indicator{flex-wrap:wrap;gap:.5rem}.step-divider{display:none}}.stream-live-monitor{min-height:100vh;background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827)}.stream-live-monitor.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.stream-monitor-loading,.stream-monitor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827);text-align:center}.stream-monitor-loading p,.stream-monitor-error p{margin-top:1rem;color:#3b82f6}.stream-monitor-error h2{margin:1rem 0 .5rem}.stream-monitor-error button{margin-top:1.5rem;padding:.75rem 2rem;background:var(--color-primary, #3B82F6);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer}.monitor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-surface, #FFFFFF);border-bottom:1px solid var(--color-border, #E5E7EB)}.header-left{display:flex;align-items:center;gap:1.5rem}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(107,114,128,.3);border-radius:.5rem;font-weight:700;font-size:.9rem}.live-indicator.live{background:rgba(239,68,68,.3);color:#ef4444}.live-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.stream-duration{display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-family:monospace;font-size:1.1rem}.header-center h1{font-size:1.2rem;font-weight:600;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;gap:.5rem}.btn-icon{padding:.75rem;background:var(--color-gray-100, #F3F4F6);border:1px solid var(--color-border, #E5E7EB);border-radius:.5rem;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .3s ease}.btn-icon:hover{background:rgba(59,130,246,.1);color:var(--color-primary, #3B82F6)}.monitor-content{display:flex;height:calc(100vh - 70px)}.video-section{flex:1;display:flex;flex-direction:column;padding:1rem}.video-container{flex:1;position:relative;background:#000;border-radius:1rem;overflow:hidden}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%)}.avatar-display{text-align:center}.avatar-animation{width:200px;height:200px;margin:0 auto 1rem;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.2));border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(59,130,246,.5)}.avatar-animation .pulse{color:var(--color-primary, #3B82F6);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.avatar-display p{color:#3b82f6;font-size:1.1rem}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(transparent,rgba(0,0,0,.9));display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-center,.controls-right{display:flex;align-items:center;gap:.75rem}.btn-play,.btn-pause{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-play{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.btn-play:hover{transform:scale(1.05)}.btn-pause{background:rgba(59,130,246,.3);color:#fff}.btn-mute{padding:.75rem;background:rgba(255,255,255,.2);border:none;border-radius:.5rem;color:#fff;cursor:pointer}.btn-clip{position:relative;padding:.75rem 1.5rem;background:rgba(236,72,153,.3);border:2px solid #ec4899;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .3s ease}.btn-clip:hover:not(:disabled){background:rgba(236,72,153,.5)}.btn-clip:disabled{opacity:.5;cursor:not-allowed}.btn-clip.marking{animation:clipPulse .5s ease-in-out}@keyframes clipPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);background:rgba(236,72,153,.7)}}.clip-count{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ec4899;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.btn-end{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(239,68,68,.3);border:2px solid #ef4444;border-radius:.5rem;color:#ef4444;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-end:hover:not(:disabled){background:rgba(239,68,68,.5)}.btn-end:disabled{opacity:.5;cursor:not-allowed}.platform-indicators{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.platform-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,0,0,.7);border-radius:.5rem;font-size:.85rem;text-transform:capitalize;color:#6b7280}.platform-indicator.active{color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.engagement-bar{display:flex;justify-content:center;gap:3rem;padding:1.5rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:1rem;margin-top:1rem}.metric{display:flex;flex-direction:column;align-items:center;gap:.25rem}.metric svg{color:#3b82f6}.metric-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827)}.metric-label{font-size:.8rem;color:#6b7280}.sidebar{width:350px;background:var(--color-surface, #FFFFFF);border-left:1px solid var(--color-border, #E5E7EB);display:flex;flex-direction:column;overflow:hidden}.agent-status-panel{padding:1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB)}.agent-status-panel h3,.chat-panel h3,.script-panel h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:1rem;color:#3b82f6}.agent-tiers{display:flex;flex-direction:column;gap:.75rem}.tier{display:grid;grid-template-columns:100px 1fr 70px;align-items:center;gap:.75rem}.tier-name{font-size:.85rem;color:#9ca3af}.tier-bar{height:6px;background:var(--color-gray-100, #F3F4F6);border-radius:3px;overflow:hidden}.tier-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.tier-fill-100{width:100%}.tier-fill-95{width:95%}.tier-fill-88{width:88%}.tier-fill-60{width:60%}.tier-count{font-size:.75rem;color:#6b7280;text-align:right}.chat-panel{flex:1;display:flex;flex-direction:column;padding:1.5rem;border-bottom:1px solid var(--color-border, #E5E7EB);overflow:hidden}.chat-panel h3{justify-content:space-between}.btn-toggle-chat{padding:.25rem .75rem;background:rgba(59,130,246,.1);border:none;border-radius:.25rem;color:var(--color-primary, #3B82F6);font-size:.75rem;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.no-messages{color:#6b7280;font-style:italic;text-align:center;padding:2rem 0}.chat-message{padding:.5rem .75rem;background:var(--color-gray-50, #F9FAFB);border-radius:.5rem}.chat-user{font-weight:600;color:#ec4899;margin-right:.5rem}.chat-text{color:var(--color-text-primary, #111827)}.script-panel{padding:1.5rem}.script-segments{display:flex;flex-direction:column;gap:.5rem}.segment{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-gray-50, #F9FAFB);border-radius:.5rem;color:var(--color-text-muted, #6b7280)}.segment.completed{color:#10b981;background:rgba(16,185,129,.1)}.segment.active{color:var(--color-primary, #3B82F6);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.segment.pending{opacity:.5}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--color-gray-100, #F3F4F6)}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-gray-300, #D1D5DB);border-radius:3px}@media (max-width: 1024px){.sidebar{width:300px}.engagement-bar{gap:1.5rem}}@media (max-width: 768px){.monitor-content{flex-direction:column}.sidebar{width:100%;height:300px}.engagement-bar{gap:1rem;flex-wrap:wrap}.monitor-header{flex-wrap:wrap;gap:.5rem}.header-center{order:-1;width:100%;text-align:center}}.stream-analytics{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827)}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-gray-50, #F9FAFB);color:var(--color-text-primary, #111827);text-align:center}.analytics-loading p,.analytics-error p{margin-top:1rem;color:#3b82f6}.analytics-error h2{margin:1rem 0 .5rem}.analytics-error button{margin-top:1.5rem;padding:.75rem 2rem;background:var(--color-primary, #3B82F6);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:.5rem;color:var(--color-text-secondary, #4B5563);cursor:pointer;transition:all .3s ease}.btn-back:hover{background:var(--color-gray-50, #F9FAFB);color:var(--color-primary, #3B82F6)}.header-title h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;margin:0}.header-title p{margin:.25rem 0 0;color:#3b82f6;font-size:.9rem}.header-actions{display:flex;gap:1rem}.period-select{padding:.75rem 1.25rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:.5rem;color:var(--color-text-primary, #111827);cursor:pointer}.period-select option{background-color:#fffffff2;color:#1a1a2e;padding:10px}.period-select option:hover,.period-select option:checked{background-color:#7c3aed;color:#fff}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary, #3B82F6);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-export:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3b82f64d}.performance-section{display:grid;grid-template-columns:auto 1fr;gap:2rem;padding:2rem;background:var(--color-surface, #FFFFFF);border-radius:1.5rem;border:1px solid var(--color-border, #E5E7EB);margin-bottom:2rem;box-shadow:0 2px 8px #0000000a}.performance-score{display:flex;align-items:center;gap:1.5rem}.score-circle{position:relative;width:140px;height:140px}.score-circle svg{transform:rotate(-90deg)}.score-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:2.5rem;font-weight:700;color:var(--score-color, #10b981)}.score-excellent{--score-color: #10b981}.score-good{--score-color: #3b82f6}.score-average{--score-color: #f59e0b}.score-poor{--score-color: #ef4444}.score-label{font-size:.8rem;color:#9ca3af}.score-details h3{margin:0 0 .5rem;font-size:1.2rem}.score-details p{margin:0;color:#9ca3af;font-size:.9rem}.stream-info{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.info-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:rgba(59,130,246,.05);border-radius:.75rem}.info-item svg{color:#3b82f6}.info-label{color:#9ca3af;font-size:.85rem}.info-value{font-weight:600;font-size:.95rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-surface, #FFFFFF);border-radius:1rem;border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.metric-icon{width:50px;height:50px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.metric-card.views .metric-icon{background:rgba(59,130,246,.2);color:#3b82f6}.metric-card.peak .metric-icon{background:rgba(124,58,237,.2);color:#7c3aed}.metric-card.likes .metric-icon{background:rgba(236,72,153,.2);color:#ec4899}.metric-card.comments .metric-icon{background:rgba(16,185,129,.2);color:#10b981}.metric-card.shares .metric-icon{background:rgba(245,158,11,.2);color:#f59e0b}.metric-card.engagement .metric-icon{background:rgba(6,182,212,.2);color:#06b6d4}.metric-content{display:flex;flex-direction:column;flex:1}.metric-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #111827)}.metric-label{color:#9ca3af;font-size:.85rem}.metric-trend{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:600}.metric-trend.positive{background:rgba(16,185,129,.2);color:#10b981}.metric-trend.negative{background:rgba(239,68,68,.2);color:#ef4444}.platform-breakdown{margin-bottom:2rem}.platform-breakdown h2{font-size:1.25rem;margin-bottom:1.5rem}.platform-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.platform-card{padding:1.5rem;background:var(--color-surface, #FFFFFF);border-radius:1rem;border:1px solid var(--color-border, #E5E7EB)}.platform-card.tiktok{border-left:3px solid #00f2ea}.platform-card.instagram{border-left:3px solid #e1306c}.platform-card.youtube{border-left:3px solid #ff0000}.platform-card.linkedin{border-left:3px solid #0077b5}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.platform-name{font-weight:600;text-transform:capitalize}.platform-header .connected{color:#10b981}.platform-header .disconnected{color:#6b7280}.platform-stats{display:flex;gap:1rem}.platform-stats .stat{display:flex;align-items:center;gap:.25rem;color:#9ca3af;font-size:.9rem}.retention-section{margin-bottom:2rem}.retention-section h2{font-size:1.25rem;margin-bottom:1.5rem}.retention-chart{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:2rem;background:var(--color-surface, #FFFFFF);border-radius:1rem;border:1px solid var(--color-border, #E5E7EB)}.retention-bars{display:flex;align-items:flex-end;gap:1rem;height:200px}.retention-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:100%;max-width:40px;background:linear-gradient(180deg,#3B82F6 0%,#2563EB 100%);border-radius:4px 4px 0 0;transition:height .5s ease}.bar-fill[data-height="100"]{height:100%}.bar-fill[data-height="95"]{height:95%}.bar-fill[data-height="88"]{height:88%}.bar-fill[data-height="82"]{height:82%}.bar-fill[data-height="75"]{height:75%}.bar-fill[data-height="70"]{height:70%}.bar-fill[data-height="65"]{height:65%}.bar-fill[data-height="58"]{height:58%}.bar-fill[data-height="52"]{height:52%}.bar-fill[data-height="45"]{height:45%}.bar-label{margin-top:.5rem;font-size:.75rem;color:#6b7280}.retention-summary{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.retention-stat{text-align:center;padding:1.5rem;background:rgba(59,130,246,.05);border-radius:.75rem}.retention-stat .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary, #3B82F6)}.retention-stat .stat-label{display:block;margin-top:.25rem;color:#9ca3af;font-size:.85rem}.clips-section{margin-bottom:2rem}.clips-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:1.5rem}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.clip-card{background:var(--color-surface, #FFFFFF);border-radius:1rem;overflow:hidden;border:1px solid var(--color-border, #E5E7EB);transition:all .3s ease;cursor:pointer}.clip-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #3b82f61a}.clip-thumbnail{position:relative;aspect-ratio:16/9;background:var(--color-gray-100, #F3F4F6)}.clip-thumbnail img{width:100%;height:100%;object-fit:cover}.clip-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:var(--color-primary, #3B82F6)}.clip-duration{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:rgba(0,0,0,.8);border-radius:.25rem;font-size:.75rem;font-weight:600}.clip-info{padding:1rem}.clip-info h4{margin:0 0 .5rem;font-size:.95rem;color:var(--color-text-primary, #111827)}.clip-stats{display:flex;gap:1rem}.clip-stats span{display:flex;align-items:center;gap:.25rem;color:#9ca3af;font-size:.85rem}.revenue-section{margin-bottom:2rem}.revenue-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:1.5rem}.revenue-card{padding:2rem;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border-radius:1rem;border:1px solid rgba(16,185,129,.3);text-align:center}.revenue-total{display:flex;align-items:flex-start;justify-content:center;gap:.25rem;margin-bottom:.5rem}.revenue-total .currency{font-size:1.5rem;color:#10b981;margin-top:.5rem}.revenue-total .amount{font-size:3rem;font-weight:700;color:#10b981}.revenue-card p{margin:0;color:#9ca3af}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.performance-section{grid-template-columns:1fr;text-align:center}.performance-score{flex-direction:column}.stream-info{justify-content:center}}@media (max-width: 768px){.stream-analytics{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.retention-chart{grid-template-columns:1fr}.retention-summary{flex-direction:row;justify-content:center}}.viral-engine-content{padding:24px}.viral-tabs{display:flex;gap:8px;padding:8px;background:var(--surface-secondary, #f5f5f5);border-radius:8px;margin-bottom:16px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--text-secondary, #666);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-btn:hover{background:rgba(0,0,0,.05)}.tab-btn.active{background:var(--primary-color, #6366f1);color:#fff}.config-panel{padding:24px;margin-bottom:24px;background:var(--surface-primary, #fff);border-radius:12px;box-shadow:0 1px 3px #0000001a}.config-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.config-row:last-child{margin-bottom:0}.config-field{flex:1;min-width:200px}.config-field.full-width{flex-basis:100%}.config-field label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:8px}.config-field textarea,.config-field input,.config-field select{width:100%;padding:12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:.875rem;background:var(--surface-primary, #fff);transition:border-color .2s ease}.config-field textarea:focus,.config-field input:focus,.config-field select:focus{outline:none;border-color:var(--primary-color, #6366f1)}.field-hint{display:block;font-size:.75rem;color:var(--text-secondary, #666);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color, #6366f1);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #5558e8)}.btn-secondary{background:var(--surface-secondary, #f5f5f5);color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover, #eee)}.btn-large{padding:16px 32px;font-size:1rem}.action-buttons{display:flex;gap:12px;margin-bottom:24px}.error-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px}.error-alert button{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;color:#dc2626}.loading-bar{height:4px;background:var(--surface-secondary, #f5f5f5);border-radius:2px;margin-bottom:16px;overflow:hidden}.loading-progress{height:100%;background:var(--primary-color, #6366f1);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0;margin-left:0}50%{width:60%;margin-left:20%}to{width:0;margin-left:100%}}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analysis-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.analysis-grid>*:nth-child(3){grid-column:1 / -1}@media (max-width: 900px){.analysis-grid{grid-template-columns:1fr}}.score-card{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;text-align:center;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.score-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.score-card h3{font-size:1rem;color:var(--text-secondary, #666);margin:0 0 16px}.viral-engine-score{font-size:4rem;font-weight:700;line-height:1;margin:16px 0;animation:scoreReveal .5s ease-out;position:relative}.score-card.score-success{border-left:4px solid #4caf50}.score-card.score-warning{border-left:4px solid #ff9800}.score-card.score-error{border-left:4px solid #f44336}.score-card.score-success .viral-engine-score{color:#4caf50}.score-card.score-warning .viral-engine-score{color:#ff9800}.score-card.score-error .viral-engine-score{color:#f44336}@keyframes scoreReveal{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.score-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.score-badge.success{background:#e8f5e9;color:#2e7d32}.score-badge.warning{background:#fff3e0;color:#e65100}.score-badge.error{background:#ffebee;color:#c62828}.score-badge.large{padding:8px 16px;font-size:.875rem}.divider{height:1px;background:var(--border-color, #ddd);margin:16px 0}.score-details{margin-top:16px;text-align:left}.score-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.score-item>span:first-child{flex:1;font-size:.875rem}.score-item>span:last-child{font-size:.875rem;font-weight:600}.progress-bar{flex:1;height:8px;background:var(--surface-secondary, #f5f5f5);border-radius:4px;overflow:hidden}.progress-bar.large{height:12px;border-radius:6px}.progress{height:100%;border-radius:4px;transition:width .5s ease}.progress.success{background:#4caf50}.progress.warning{background:#ff9800}.progress.error{background:#f44336}.details-card{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section{margin-bottom:24px}.section:last-child{margin-bottom:0}.section h4{font-size:.875rem;font-weight:600;margin:0 0 12px}.section h4.success{color:#4caf50}.section h4.warning{color:#ff9800}.section h4.info{color:#2196f3}.section ul{margin:0;padding-left:20px}.section li{margin-bottom:8px;font-size:.875rem}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500}.chip.success{background:#e8f5e9;color:#2e7d32}.chip.warning{background:#fff3e0;color:#e65100}.chip.primary{background:#e3f2fd;color:#1565c0}.chip.outline{background:transparent;border:1px solid var(--border-color, #ddd)}.alternatives-card{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.alternatives-card h4{margin:0 0 16px;font-size:1rem}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.alternative-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border-color, #ddd);border-radius:8px;transition:all .2s ease}.alternative-item:hover{background:var(--surface-secondary, #f5f5f5);border-color:var(--primary-color, #6366f1)}.alternative-item p{margin:0;font-size:.875rem}.copy-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary, #666);opacity:0;transition:opacity .2s ease}.alternative-item:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--primary-color, #6366f1)}.info-panel{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;margin-top:24px;box-shadow:0 1px 3px #0000001a}.info-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.info-header h4{margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.info-section h5{font-size:.875rem;margin:0 0 12px}.info-section ul{margin:0;padding-left:20px}.info-section li{margin-bottom:8px;font-size:.875rem}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.platform-card{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.platform-card.platform-tiktok:before{background:linear-gradient(90deg,#00f2ea,#ff0050)}.platform-card.platform-youtube:before,.platform-card.platform-youtube-shorts:before{background:#ff0000}.platform-card.platform-instagram:before,.platform-card.platform-instagram-reels:before{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}.platform-card h4{margin:0 0 16px;font-size:1.125rem}.platform-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.platform-stats .stat{display:flex;justify-content:space-between}.platform-stats .stat label{color:var(--text-secondary, #666);font-size:.875rem}.platform-stats .stat span{font-weight:600}.optimizations{margin-top:16px}.optimizations h5{font-size:.875rem;margin:0 0 8px}.optimizations ul{margin:0;padding-left:16px}.optimizations li{font-size:.75rem;margin-bottom:4px}.algorithm-signals{margin-top:24px;background:var(--surface-primary, #fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.algorithm-signals h4{margin:0 0 16px}.signals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.signal-card{padding:16px;border-radius:8px;background:var(--surface-secondary, #f5f5f5)}.signal-card h5{margin:0 0 12px;font-size:.875rem}.signal-card.tiktok h5{color:#000}.signal-card.youtube h5{color:red}.signal-card.instagram h5{color:#833ab4}.signal-card ul{margin:0;padding-left:16px}.signal-card li{font-size:.875rem;margin-bottom:6px}.full-analysis{display:flex;flex-direction:column;gap:24px}.overall-score-card{display:flex;justify-content:space-between;align-items:center;padding:32px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff;border-radius:12px}.score-left h3{color:#fffc;margin:0 0 8px}.score-left .viral-engine-score{font-size:5rem;color:#fff}.overall-score-card.score-success .score-left .viral-engine-score{color:#4caf50}.overall-score-card.score-warning .score-left .viral-engine-score{color:#ff9800}.overall-score-card.score-error .score-left .viral-engine-score{color:#f44336}.score-right{text-align:right}.score-right p{margin:8px 0 0;color:#ffffffb3}.recommendations-card{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.recommendations-card h4{margin:0 0 16px}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.recommendation{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px}.recommendation.warning{background:#fff3e0;color:#e65100}.recommendation.info{background:#e3f2fd;color:#1565c0}.recommendation svg{flex-shrink:0;margin-top:2px}.arousal-graph-container{background:var(--surface-primary, #fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.graph-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.graph-info h3{margin:0 0 12px}.graph-chips{display:flex;gap:8px;flex-wrap:wrap}.graph-stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{width:24px;height:24px}.stat-icon.success{color:#4caf50}.stat-icon.warning{color:#ff9800}.graph-chart{background:var(--surface-secondary, #f5f5f5);border-radius:8px;padding:16px}.arousal-graph-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:.75rem}.legend-color{width:16px;height:16px;border-radius:4px}.graph-tooltip{background:var(--surface-primary, #fff);padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:250px}.tooltip-title{font-weight:600;margin:0 0 4px}.tooltip-arousal{color:var(--primary-color, #6366f1);margin:0}.tooltip-emotion{color:var(--text-secondary, #666);margin:0}.tooltip-rec{color:#ff9800;font-size:.75rem;margin:8px 0 0}.graph-recommendations{margin-top:24px}.graph-recommendations h4{display:flex;align-items:center;gap:8px;margin:0 0 16px}.icon-warning{color:#ff9800}.critical-moments{margin-top:24px}.critical-moments h4{margin:0 0 16px}.moments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.moment-card{padding:16px;border-radius:8px;background:var(--surface-secondary, #f5f5f5)}.moment-card.error{border-left:3px solid #f44336}.moment-card.warning{border-left:3px solid #ff9800}.moment-card.success{border-left:3px solid #4caf50}.moment-card h5{margin:0 0 8px;font-size:.875rem}.moment-card.error h5{color:#f44336}.moment-card.warning h5{color:#ff9800}.moment-card.success h5{color:#4caf50}.moment-card p{margin:0;font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--surface-primary, #fff);border-radius:12px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border-color, #ddd)}.modal-header h3{margin:0 0 4px}.modal-header p{margin:0;color:var(--text-secondary, #666);font-size:.875rem}.close-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary, #666)}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color, #ddd);display:flex;justify-content:flex-end}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px}.template-card{position:relative;background:var(--surface-primary, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--primary-color, #6366f1)}.template-card.selected{border:2px solid var(--primary-color, #6366f1);background:rgba(99,102,241,.05)}.template-score{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.template-score.success{background:#e8f5e9;color:#2e7d32}.template-score.warning{background:#fff3e0;color:#e65100}.template-score.error{background:#ffebee;color:#c62828}.template-card h4{margin:0 0 12px;padding-right:80px}.template-tags{display:flex;gap:8px;margin-bottom:16px}.tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem}.tag.outline{background:transparent;border:1px solid var(--border-color, #ddd)}.tag.primary{background:#e3f2fd;color:#1565c0}.tag.secondary{background:#f3e5f5;color:#7b1fa2}.template-structure{background:var(--surface-secondary, #f5f5f5);padding:12px;border-radius:8px;margin-bottom:16px}.template-structure h5{margin:0 0 8px;font-size:.75rem;color:var(--primary-color, #6366f1)}.template-structure p{margin:0 0 6px;font-size:.8rem}.template-structure p:last-child{margin-bottom:0}.template-emotions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.template-footer{display:flex;justify-content:space-between;align-items:center}.best-for{font-size:.75rem;color:var(--text-secondary, #666)}.template-card .copy-btn{opacity:1;padding:6px}.success{color:#4caf50}.loading-state{text-align:center;padding:48px}.loading-state p{margin-top:16px;color:var(--text-secondary, #666)}@media (max-width: 768px){.viral-engine-dashboard,.dashboard-header{padding:16px}.dashboard-tabs{flex-wrap:wrap}.tab-btn span{display:none}.overall-score-card{flex-direction:column;text-align:center}.score-right{text-align:center;margin-top:16px}.score-left .viral-engine-score{font-size:3rem}.templates-grid{grid-template-columns:1fr}}.welcome-tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10000;pointer-events:auto}.tour-highlight{position:absolute;border:3px solid var(--color-primary, #3B82F6);border-radius:12px;box-shadow:0 0 0 9999px #00000080,0 0 30px #3b82f666;z-index:10001;pointer-events:none;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 30px #3b82f666}50%{box-shadow:0 0 0 9999px #00000080,0 0 50px #3b82f699}}.tour-tooltip{position:fixed;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:25px;max-width:400px;width:90%;z-index:10002;box-shadow:0 20px 50px #00000026,0 0 50px #3b82f61a;animation:fadeInTooltip .3s ease-out}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tour-tooltip.center{animation:fadeInTooltip .3s ease-out}.tour-tooltip.top:after,.tour-tooltip.bottom:before,.tour-tooltip.left:after,.tour-tooltip.right:before{content:"";position:absolute;width:0;height:0}.tour-tooltip.top:after{bottom:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(255,255,255,.98)}.tour-tooltip.bottom:before{top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(255,255,255,.98)}.tour-tooltip.left:after{right:-10px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(255,255,255,.98)}.tour-tooltip.right:before{left:-10px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(255,255,255,.98)}.tooltip-progress{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-200, #E5E7EB);transition:all .3s ease}.progress-dot.active{background:var(--color-primary, #3B82F6);transform:scale(1.3)}.progress-dot.completed{background:#10b981}.tooltip-title{color:var(--color-text-primary, #111827);font-size:22px;margin:0 0 12px;text-align:center;background:linear-gradient(135deg,var(--color-primary, #3B82F6),var(--color-accent, #F97316));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tooltip-description{color:var(--color-text-secondary, #4B5563);font-size:15px;line-height:1.6;text-align:center;margin:0 0 20px}.tooltip-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.nav-buttons{display:flex;gap:12px;width:100%;justify-content:center}.btn-back{background:transparent;border:1px solid var(--color-border, #E5E7EB);color:var(--color-text-secondary, #4B5563);padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-back:hover{border-color:var(--color-gray-300, #D1D5DB);background:var(--color-gray-50, #FAFBFC)}.btn-next,.btn-action{background:linear-gradient(135deg,var(--color-primary, #3B82F6),var(--color-primary-dark, #2563EB));border:none;color:#fff;padding:12px 28px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.btn-next:hover,.btn-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-skip{background:transparent;border:none;color:var(--color-text-muted, #9CA3AF);font-size:13px;cursor:pointer;transition:color .3s ease}.btn-skip:hover{color:var(--color-text-secondary, #4B5563)}.tooltip-step-counter{margin-top:15px;color:var(--color-text-muted, #9CA3AF);font-size:12px;text-align:center}@media (max-width: 500px){.tour-tooltip{padding:20px;max-width:calc(100% - 40px);margin:0 20px}.tooltip-title{font-size:18px}.tooltip-description{font-size:14px}.nav-buttons{flex-direction:column;width:100%}.btn-back,.btn-next,.btn-action{width:100%;text-align:center}}body{font-family:Lato,-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:#f5f5f5}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;color:#666}.app-container{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bg-white{background-color:#fff}.text-gray-500{color:#6b7280}.text-gray-900{color:#111827}:root{--primary-main: #2563EB;--primary-light: #3B82F6;--primary-dark: #1E40AF;--accent-main: #F59E0B;--accent-light: #FBBF24;--color-primary: #2563EB;--color-primary-dark: #1E40AF;--color-primary-light: #DBEAFE;--color-primary-rgb: 37, 99, 235;--color-primary-hover: #1E40AF;--color-primary-active: #1E3A8A;--color-accent: #F59E0B;--color-accent-dark: #D97706;--color-accent-light: #FEF3C7;--color-accent-rgb: 245, 158, 11;--color-secondary: #F59E0B;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--info: #3B82F6;--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .1);--color-error: #EF4444;--color-danger: #EF4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .1);--color-data-blue: #0EA5E9;--color-data-teal: #14B8A6;--color-data-violet: #A78BFA;--color-data-rose: #FB7185;--color-data-amber: #FBBF24;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-card: #FFFFFF;--bg-hover: rgba(37, 99, 235, .08);--bg-active: rgba(37, 99, 235, .15);--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-bg-tertiary: #F3F4F6;--color-surface: #FFFFFF;--color-surface-hover: #F9FAFB;--bg-glass: rgba(255, 255, 255, .9);--bg-glass-light: rgba(255, 255, 255, .8);--bg-glass-card: rgba(255, 255, 255, .85);--gradient-primary: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);--gradient-accent: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-hero: linear-gradient(135deg, #FFFFFF 0%, #F9FAFB 50%, #F3F4F6 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #F9FAFB 100%);--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--text-link: #2563EB;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-muted: #9CA3AF;--color-text: #111827;--border-light: #E5E7EB;--border-medium: #D1D5DB;--border-focus: #2563EB;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-dark: #D1D5DB;--font-primary: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Lato", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-base: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display: "Lato", sans-serif;--font-family-mono: "IBM Plex Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-base: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 999px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .12);--shadow-glow: 0 4px 16px rgba(37, 99, 235, .2);--shadow-glow-accent: 0 4px 16px rgba(245, 158, 11, .2);--shadow-primary: 0 4px 12px rgba(37, 99, 235, .3);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1400px;--sidebar-width: 280px;--sidebar-collapsed: 80px;--topbar-height: 64px;--navbar-height: 64px}@media (prefers-color-scheme: dark){:root{--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--bg-card: #1F2937;--color-bg-primary: #111827;--color-bg-secondary: #1F2937;--color-bg-tertiary: #374151;--color-surface: #1F2937;--color-surface-hover: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-muted: #6B7280;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-muted: #6B7280;--border-light: #374151;--border-medium: #4B5563;--color-border: #374151;--color-border-light: #4B5563;--primary-main: #3B82F6;--color-primary: #3B82F6;--color-primary-light: #1E3A5F;--bg-glass: rgba(31, 41, 55, .9);--bg-glass-light: rgba(31, 41, 55, .8);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4)}}.dark-mode{--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--bg-card: #1F2937;--color-bg-primary: #111827;--color-bg-secondary: #1F2937;--color-bg-tertiary: #374151;--color-surface: #1F2937;--color-surface-hover: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--border-light: #374151;--border-medium: #4B5563;--color-border: #374151;--primary-main: #3B82F6;--color-primary: #3B82F6;--bg-glass: rgba(31, 41, 55, .9);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .2s ease}.animate-fade-in-up{animation:fadeInUp .3s ease}.animate-slide-in-up{animation:slideInUp .2s ease}.animate-scale-in{animation:scaleIn .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);min-height:100vh}@media (prefers-color-scheme: dark){body{background-color:var(--gray-900);color:var(--gray-100)}}body.dark-mode{background-color:var(--gray-900);color:var(--gray-100)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900);margin:0 0 var(--space-4) 0}@media (prefers-color-scheme: dark){h1,h2,h3,h4,h5,h6{color:var(--gray-100)}}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-4) 0;line-height:var(--leading-normal);color:var(--gray-600)}@media (prefers-color-scheme: dark){p{color:var(--gray-400)}}small{font-size:var(--text-sm);color:var(--gray-500)}a{color:var(--primary-main);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}a:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:#fff;color:var(--gray-900);transition:all var(--transition-base);width:100%}input::placeholder,textarea::placeholder{color:var(--gray-400)}input:hover,textarea:hover,select:hover{border-color:var(--gray-400)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-main);box-shadow:0 0 0 3px #2563eb1a}input:disabled,textarea:disabled,select:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6}@media (prefers-color-scheme: dark){input,textarea,select{background-color:var(--gray-800);border-color:var(--gray-700);color:var(--gray-100)}}textarea{resize:vertical;min-height:100px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M1 4l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.input-group{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}@media (prefers-color-scheme: dark){.input-label{color:var(--gray-300)}}button{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}button:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transform:scale(.98)}.btn-primary{background-color:var(--primary-main);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--gray-100);color:var(--gray-900);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-200);border-color:var(--gray-400)}.btn-accent{background-color:var(--accent-main);color:#fff}.btn-accent:hover:not(:disabled){background-color:var(--warning);box-shadow:0 4px 12px #f59e0b4d}.btn-outline{background-color:transparent;border:2px solid var(--primary-main);color:var(--primary-main)}.btn-outline:hover:not(:disabled){background:rgba(37,99,235,.1)}.btn-ghost{background:transparent;color:var(--primary-main)}.btn-ghost:hover:not(:disabled){background:rgba(37,99,235,.08)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-loading{position:relative;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-main);box-shadow:var(--shadow-md)}@media (prefers-color-scheme: dark){.card{background:var(--gray-800);border-color:var(--gray-700)}}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--gray-200);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}@media (prefers-color-scheme: dark){.card-header{border-color:var(--gray-700)}}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background-color:var(--gray-100);color:var(--gray-600)}.badge-success{background-color:#10b9811a;color:var(--success)}.badge-warning{background-color:#f59e0b1a;color:var(--warning)}.badge-error{background-color:#ef44441a;color:var(--error)}.badge-info{background-color:#3b82f61a;color:var(--info)}.badge-primary{background-color:#2563eb1a;color:var(--primary-main)}table{width:100%;border-collapse:collapse}thead{background:var(--gray-50)}th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200);color:var(--gray-900)}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background:var(--gray-50)}@media (prefers-color-scheme: dark){thead{background:var(--gray-800)}th{color:var(--gray-300);border-bottom-color:var(--gray-700)}td{border-bottom-color:var(--gray-700);color:var(--gray-100)}tbody tr:hover{background:var(--gray-800)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.container-lg{max-width:1400px}.container-sm{max-width:960px}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--gray-400)}.text-primary{color:var(--gray-900)}.text-secondary{color:var(--gray-600)}.status-success{color:var(--success)}.status-error{color:var(--error)}.status-warning{color:var(--warning)}.status-info{color:var(--info)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.border{border:1px solid var(--gray-200)}.border-t{border-top:1px solid var(--gray-200)}.border-b{border-bottom:1px solid var(--gray-200)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.progress-bar,.progress{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill,.progress-fill{height:100%;background:var(--primary-main);transition:width var(--transition-slow);border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideInUp{animation:slideInUp .2s ease}.animate-slideInDown{animation:slideInDown .2s ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:var(--gray-800)}::-webkit-scrollbar-thumb{background:var(--gray-600)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gray-50);font-size:var(--text-lg);color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-main);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media (max-width: 1024px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}@media (max-width: 768px){html{font-size:15px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}table{font-size:var(--text-sm)}th,td{padding:var(--space-2)}button{padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.container{padding:0 var(--space-3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}@media print{body{background:white;color:#000}.no-print{display:none}.card{box-shadow:none;border:1px solid #ccc}}