@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@keyframes db-fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes db-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes db-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes db-glow-pulse{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 20px 2px #8b5cf61a}}.db-greeting{margin-bottom:.25rem}.db-greeting-text{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.db-greeting-wave{display:inline-block;margin-left:.25rem;animation:db-wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes db-wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.db-greeting-sub{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.dashboard-hero{background:var(--bg-hover);border-radius:var(--radius-2xl, 1.5rem);padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),rgba(99,102,241,.6),transparent);opacity:.5}.dashboard-hero-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}@media(max-width:768px){.dashboard-hero-header{flex-direction:column;gap:1rem}}.dashboard-title{font-size:1.875rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.dashboard-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.btn-add-widget{background:linear-gradient(135deg,var(--primary),rgba(99,102,241,.85));color:#fff;border:none;border-radius:var(--radius-lg);padding:.625rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #8b5cf64d;white-space:nowrap}.btn-add-widget:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-add-widget:active{transform:translateY(0)}.btn-add-widget svg{width:16px;height:16px}.db-quick-actions{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.db-quick-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.db-quick-action:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.04),transparent);transition:left .5s ease}.db-quick-action:hover{border-color:var(--primary);background:var(--bg-hover);transform:translate(2px);box-shadow:0 4px 12px #0000000f}.db-quick-action:hover:after{left:100%}.db-quick-action svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.db-quick-action:hover svg{color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-secondary);border-radius:8px;padding:1.25rem;border:1px solid var(--border-color);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:db-fadeSlideUp .4s ease-out both}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--border-color);transition:all .3s .4s cubic-bezier(.34,1.56,.64,1);transform:scaleY(.6);opacity:0}.stat-card:hover{border-color:#6366f140;transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 0 0 1px #8b5cf60d}.stat-card:hover:before{transform:scaleY(1);opacity:1}.stat-card:has(.stat-card-icon.indigo):hover:before{background:#6366f1}.stat-card:has(.stat-card-icon.red):hover:before{background:#ef4444}.stat-card:has(.stat-card-icon.blue):hover:before{background:#3b82f6}.stat-card:has(.stat-card-icon.emerald):hover:before{background:#10b981}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.stat-card-icon{padding:.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-card-icon svg{width:20px;height:20px}.stat-card-icon.indigo{background:#6366f11a}.stat-card-icon.indigo svg{stroke:#6366f1}.stat-card-icon.red{background:#ef44441a}.stat-card-icon.red svg{stroke:#ef4444}.stat-card-icon.blue{background:#3b82f61a}.stat-card-icon.blue svg{stroke:#3b82f6}.stat-card-icon.emerald{background:#10b9811a}.stat-card-icon.emerald svg{stroke:#10b981}.stat-card:hover .stat-card-icon.indigo{box-shadow:0 0 12px #6366f133}.stat-card:hover .stat-card-icon.red{box-shadow:0 0 12px #ef444433}.stat-card:hover .stat-card-icon.blue{box-shadow:0 0 12px #3b82f633}.stat-card:hover .stat-card-icon.emerald{box-shadow:0 0 12px #10b98133}.stat-card-label{font-size:.625rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2}.stat-card-value.red{color:#f87171}.stat-card-value.emerald{color:#34d399}.stat-card-sub{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.5rem}.db-trend{display:inline-flex;align-items:center;gap:.2rem;font-size:.6875rem;font-weight:600;padding:.15rem .4rem;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.db-trend svg{width:12px;height:12px}.db-trend.up{color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.12)}.db-trend.down{color:#10b981;background:#10b98114;border:1px solid rgba(16,185,129,.12)}.db-trend.neutral{color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-color)}.db-section{margin-bottom:2rem}.db-section-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:none;position:relative}.db-section-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--primary),rgba(99,102,241,.3),transparent)}.db-section-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#6366f114;transition:all .25s cubic-bezier(.4,0,.2,1)}.db-section-icon svg{width:16px;height:16px;color:var(--primary)}.db-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.db-section-badge{background:var(--bg-hover);font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;color:var(--text-secondary);border:1px solid var(--border-color)}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-secondary)}.section-header-icon{width:18px;height:18px;min-width:18px}.section-header-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.section-header-badge{background:var(--bg-hover);font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px}.stats-responsive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}@media(max-width:1024px){.stats-responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-responsive-grid{grid-template-columns:repeat(2,1fr)}}.overview-responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.overview-responsive-grid{grid-template-columns:1fr}}.dashboard-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1200px){.dashboard-grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid-container{grid-template-columns:repeat(2,1fr)!important}}.widget-item{grid-column:span 1}.widget-item[data-width=medium]{grid-column:span 2}.widget-item[data-width=large]{grid-column:span 4}@media(max-width:1200px){.widget-item[data-width=large]{grid-column:span 2}}@media(max-width:768px){.widget-item{grid-column:span 1!important}.widget-item[data-width=large]{grid-column:span 2!important}}.hero-flex{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}@media(max-width:768px){.hero-flex{flex-direction:column;align-items:flex-start;gap:1rem}}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.overview-grid{grid-template-columns:1fr}}.chart-card{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);padding:1rem;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);animation:db-fadeSlideUp .4s ease-out both;position:relative}.chart-card:hover{border-color:#6366f133;box-shadow:0 8px 30px #0000000f,0 0 0 1px #8b5cf60d;transform:translateY(-1px)}.chart-card:nth-child(1){animation-delay:.08s}.chart-card:nth-child(2){animation-delay:.16s}.chart-card:nth-child(3){animation-delay:.24s}.chart-card:nth-child(4){animation-delay:.32s}.chart-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.chart-card-icon{color:var(--primary);width:18px;height:18px;min-width:18px}.chart-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.chart-card-badge{margin-left:auto;padding:.25rem .625rem;background:#ef44441a;color:#ef4444;font-size:.6875rem;font-weight:700;border-radius:9999px;border:1px solid rgba(239,68,68,.12)}.db-chart-header-split{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.chart-card-header-left{display:flex;align-items:center;gap:.5rem}.chart-card-icon-emerald{color:#10b981;width:18px;height:18px;min-width:18px}.db-revenue-badge{margin-left:auto;padding:.25rem .625rem;background:#ef44441a;color:#ef4444;font-size:.8rem;font-weight:600;border-radius:.75rem;border:1px solid rgba(239,68,68,.12)}.db-chart-area{height:220px;width:100%}.db-chart-skeleton{height:220px;border-radius:8px;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border-color) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:db-shimmer 1.5s ease-in-out infinite}.chart-container{height:256px;width:100%}.chart-empty{height:220px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.875rem}.db-empty-chart{display:flex;flex-direction:column;align-items:center;gap:.5rem}.db-empty-chart svg{width:40px;height:40px;opacity:.4;color:var(--text-tertiary)}.db-empty-chart span{font-size:.8125rem;color:var(--text-tertiary)}.tasks-container{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}.tasks-container:hover{box-shadow:0 4px 20px #0000000f}.tasks-header{padding:1rem 1.5rem;background:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.tasks-header-title{display:flex;align-items:center;gap:.5rem}.tasks-header-icon{color:var(--primary);width:18px;height:18px;min-width:18px}.tasks-header-label{font-size:.625rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.tasks-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1024px){.tasks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tasks-grid{grid-template-columns:1fr}}.task-card{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);border-left:3px solid var(--border-color);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;color:inherit;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.task-card:hover{border-color:#8b5cf640;border-left-color:var(--primary);background:var(--bg-hover);transform:translate(2px);box-shadow:0 4px 16px #0000000f}.task-card.priority-emergency{border-left-color:#dc2626}.task-card.priority-critical{border-left-color:#ef4444}.task-card.priority-error{border-left-color:#fb923c}.task-card.priority-warning{border-left-color:#f97316}.task-card.priority-info{border-left-color:#3b82f6}.task-card-content{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.task-card-title{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.task-card-badge{font-size:.5625rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem}.task-card-badge.warning{background:#fb923c1a;color:#f97316}.task-card-badge.error{background:#ef44441a;color:#ef4444}.task-card-badge.fatal{background:#ef444426;color:#dc2626}.task-card-badge.info{background:#3b82f61a;color:#3b82f6}.task-card-meta{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks-footer{padding:1rem;border-top:1px solid var(--border-color);text-align:center}.tasks-view-all{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .2s}.tasks-view-all:hover{color:var(--primary)}.db-my-tasks{margin-top:2rem}.db-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.db-empty-tasks{text-align:center;padding:2.5rem 1rem}.db-empty-tasks-icon{width:48px;height:48px;border-radius:50%;background:#10b9811a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.db-empty-tasks-icon svg{width:24px;height:24px;color:#10b981}.db-empty-tasks-title{color:var(--text-primary);font-weight:600;font-size:.9375rem;margin:0 0 .25rem}.db-empty-tasks-sub{color:var(--text-tertiary);font-size:.8125rem;margin:0}.db-view-all-btn{width:100%;margin-top:1rem;justify-content:center;text-decoration:none;display:flex}.widgets-section{margin-bottom:2rem}.widgets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1280px){.widgets-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.widgets-grid{grid-template-columns:1fr}}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.donut-label{font-size:.625rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.chart-legend{display:flex;gap:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-dot{width:.5rem;height:.5rem;border-radius:9999px}.legend-dot.orange{background:#fb923c}.legend-dot.emerald{background:#34d399}.legend-dot.blue{background:#60a5fa}.legend-label{font-size:.625rem;color:var(--text-tertiary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-light);border-radius:20px;border:3px solid transparent;background-clip:content-box;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.sidebar-nav::-webkit-scrollbar,.sb-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb,.sb-nav::-webkit-scrollbar-thumb{border:2px solid transparent;background-color:var(--nexus-sidebar-border)}.sidebar-nav::-webkit-scrollbar-thumb:hover,.sb-nav::-webkit-scrollbar-thumb:hover{background-color:var(--nexus-text-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--border-dark)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb,[data-theme=dark] .sb-nav::-webkit-scrollbar-thumb{background-color:var(--nexus-sidebar-border)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb:hover,[data-theme=dark] .sb-nav::-webkit-scrollbar-thumb:hover{background-color:var(--nexus-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.sidebar-nav,.sb-nav{scrollbar-width:thin;scrollbar-color:var(--nexus-sidebar-border) transparent}[data-theme=dark] *{scrollbar-color:var(--border-dark) transparent}:root{--primary: #8B5CF6;--primary-dark: #7C3AED;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--bg-primary: #F8FAFC;--bg-secondary: #ffffff;--bg-hover: #f1f5f9;--bg-selected: #ede9fe;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-light: #cbd5e1;--card-dark: #1E293B;--border-dark: #334155;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: .15s cubic-bezier(.4, 0, .2, 1);--card-bg: #fff}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-hover: #334155;--bg-selected: #3f3f46;--card-dark: #1E293B;--border-dark: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5), 0 6px 10px rgba(0, 0, 0, .4);--primary: #8B5CF6;--primary-dark: #7C3AED;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--card-bg: #1E293B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}input,textarea,select{color:var(--text-primary)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.container{width:98%;margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box}@media(max-width:1024px){.container{width:100%;padding:0 var(--spacing-md)}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}}.white-bg{background:#fff}[data-theme=dark] .white-bg{background:var(--bg-secondary)}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:16px;font-family:Outfit,sans-serif;font-weight:700;font-size:26px;color:var(--text-primary);letter-spacing:-.6px;cursor:pointer;transition:opacity .2s}.brand:hover{opacity:.8}.brand-logo{width:35px;height:35px;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:0}.nav-brand{display:none}.brand-logo svg{width:21px;height:21px;stroke-width:2.5}.nav-menu{display:flex;align-items:center;gap:var(--spacing-md);flex:1;justify-content:space-between}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs)}.menu-toggle svg{width:24px;height:24px}.nav-center{display:flex;gap:var(--spacing-sm);justify-content:center;flex:1}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease;position:relative}.nav-link svg{width:20px;height:20px}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--primary);background:#667eea1a;font-weight:600}@media(max-width:768px){.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem;box-shadow:var(--shadow-md)}.nav-menu.show{display:flex}.nav-center{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.nav-link{width:100%;justify-content:flex-start;padding:12px}.user-menu{width:100%;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:1rem}.menu-toggle{display:block}.user-dropdown{position:static;width:100%;box-shadow:none;border:none;padding:0;margin-top:1rem;background:transparent;animation:none;display:flex;flex-direction:column;gap:4px}.user-profile-trigger{display:none}.user-menu{flex-direction:column;align-items:flex-start}}.user-menu{position:relative;display:flex;align-items:center}.user-profile-trigger{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;border-radius:50%;transition:transform var(--transition)}.user-profile-trigger:hover{transform:scale(1.05)}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--primary);object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-sm);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-xs);animation:slideUp .2s ease-out}.dropdown-header{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.dropdown-user-name{display:block;font-weight:600;color:var(--text-primary);font-size:.9rem}.dropdown-user-email{display:block;font-size:.75rem;color:var(--text-secondary)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--text-primary);text-decoration:none;font-size:.875rem;border-radius:var(--radius-md);transition:background var(--transition);border:none;background:none;width:100%;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.logout{color:var(--danger)}.dropdown-item.logout:hover{background:#f565651a}.dropdown-item.theme-switch{display:flex;justify-content:space-between}.switch{width:32px;height:18px;background:var(--border-light);border-radius:20px;position:relative;transition:var(--transition);flex-shrink:0}.switch.active{background:var(--success)}.switch-handle{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:var(--transition);box-shadow:0 1px 2px #0003}.switch.active .switch-handle{left:16px}.main-content{padding:var(--spacing-xl) 0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2.5rem}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.overview-grid{grid-template-columns:1fr;gap:1rem}}.dashboard-widget{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}@media(max-width:768px){.dashboard-widget{padding:1rem;border-radius:0;border-left:none;border-right:none}}@media(max-width:480px){.dashboard-widget{padding:.75rem}}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.widget-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.65rem}.dashboard-section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);border-left:4px solid var(--primary);padding-left:1rem}.task-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.task-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:var(--shadow-sm)}.task-card-content{display:flex;flex-direction:column;gap:.25rem}.task-card-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.task-card-meta{font-size:.75rem;color:var(--text-tertiary)}.page-header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.view-toggle{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2px;margin-left:auto}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;background:none;border:none;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.view-toggle-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:0 1px 2px #0000000d}.view-toggle-btn:hover:not(.active){color:var(--text-primary);background:#00000008}.event-list-view{display:flex;flex-direction:column;gap:.5rem}.event-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all .2s ease}.event-list-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #667eea0d;transform:translateY(-1px)}.list-item-status{flex-shrink:0;width:24px;display:flex;justify-content:center}.list-item-severity{flex-shrink:0;width:90px}.list-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.list-item-title{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.list-item-subtitle{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.list-item-meta{flex-shrink:0;display:flex;align-items:center;gap:1.5rem;color:var(--text-secondary);font-size:.85rem}.list-item-assignee{display:flex;align-items:center;gap:.5rem;width:120px}.list-item-date{width:100px;text-align:right;font-size:.8rem}@media(max-width:768px){.event-list-item{flex-wrap:wrap;gap:.75rem;border-radius:0;border-left:none;border-right:none}.task-card,.search-input,.filter-select{border-radius:0}.list-item-content{flex:1 1 100%;order:1}.list-item-status{order:2}.list-item-severity{order:3}.list-item-meta{flex:1 1 100%;justify-content:space-between;order:4;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border-color)}}.filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-secondary);transition:all var(--transition);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.search-input.with-icon{padding-left:40px}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition)}.filter-select:hover{border-color:var(--border-light)}.filter-select:focus{outline:none;border-color:var(--primary)}.table-container{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.table th{padding:var(--spacing-md);text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition);cursor:pointer}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child{border-bottom:none}.table td{padding:var(--spacing-md);font-size:.875rem}.table td.project-info{font-weight:500}.table td.project-code{font-family:Monaco,monospace;color:var(--primary);font-size:.8rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-xs)}.status-dot.resolved{background:var(--success)}.status-dot.pending{background:var(--danger)}.status-text{display:inline-flex;align-items:center;font-size:.875rem}.badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;margin-right:.25rem;margin-bottom:.25rem}.badge-primary{background:#667eea1a;color:var(--primary)}.badge-success{background:#48bb781a;color:var(--success)}.badge-danger{background:#f565651a;color:var(--danger)}.badge-emergency{background:var(--danger);color:#fff;box-shadow:0 0 0 2px #f565654d;font-weight:700;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #f56565b3}70%{box-shadow:0 0 0 6px #f5656500}to{box-shadow:0 0 #f5656500}}.badge-warning{background:#ed89361a;color:var(--warning)}.badge-secondary{background:var(--bg-hover);color:var(--text-secondary)}.badge-info{background:#4299e11a;color:#4299e1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-value.total{color:var(--primary)}.stat-value.resolved{color:var(--success)}.stat-value.pending{color:var(--danger)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition)}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-header{margin-bottom:var(--spacing-md)}.project-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.project-card-code{font-family:Monaco,monospace;font-size:.875rem;color:var(--primary)}.project-card-stats{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.project-stat{flex:1}.project-stat-value{font-size:1.5rem;font-weight:700;display:block}.project-stat-label{font-size:.75rem;color:var(--text-secondary)}.modal{display:none;position:fixed;inset:0;z-index:2000;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal-overlay{position:absolute;inset:0;background:#00000080;z-index:1}.modal-content{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);z-index:10}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition)}.modal-close svg{width:24px;height:24px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.detail-section{margin-bottom:var(--spacing-lg)}.detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-weight:600}.detail-value{color:var(--text-primary);font-size:.875rem}.detail-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:Monaco,monospace;font-size:.8rem;overflow-x:auto;white-space:pre-wrap}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:16px;height:16px}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#38a169}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#e53e3e}.event-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.loading-wrapper{display:flex;justify-content:center;align-items:center;padding:3rem;width:100%;background:color-mix(in srgb,var(--bg-primary),transparent 20%)}.loading-wrapper.full-page{position:fixed;inset:0;background:color-mix(in srgb,var(--bg-primary),transparent 20%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.premium-loader{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader-inner{position:relative;width:124px;height:124px}.loader-circle{position:absolute;inset:0;border:3px solid rgba(var(--primary-rgb, 99, 102, 241),.1);border-top-color:#e91b1b;border-radius:50%;animation:premium-spin 1s cubic-bezier(.5,0,.5,1) infinite}.loader-logo{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--primary)}.loader-logo svg{width:24px;height:24px;animation:loader-pulse 2s ease-in-out infinite}.loader-text{font-size:.9rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;animation:loader-fade 2s ease-in-out infinite}@keyframes premium-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes loader-fade{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(var(--primary-rgb),.05) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-title{height:1.5rem;margin-bottom:1rem;width:60%}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.empty-state svg{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.empty-state h3{font-size:1.25rem;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.empty-state p{color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.navbar{position:relative;padding:var(--spacing-sm) 0}.menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:2px solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow-lg);z-index:1000;margin:0 -1rem}.nav-menu.show{display:flex}.nav-center{flex-direction:column;width:100%;gap:var(--spacing-xs)}.nav-link{width:100%;padding:var(--spacing-md);justify-content:flex-start;background:var(--bg-hover);font-size:1rem}.nav-brand{justify-content:flex-start;width:auto}.user-menu{padding-top:var(--spacing-md);border-top:1px solid var(--border-color);width:100%;justify-content:center}.user-dropdown{position:static;box-shadow:none;border:none;width:100%;padding:0;animation:none}.dropdown-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md) 0}.user-profile-trigger{display:none}.table-container{overflow-x:auto}.projects-grid,.stats-grid{grid-template-columns:1fr}}.admin-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.webhook-section{margin-bottom:var(--spacing-md)}.input-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.webhook-box{display:flex;gap:var(--spacing-xs);align-items:center}.webhook-url{flex:1;background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.75rem;font-family:Monaco,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.card-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.page-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.w-full{width:100%!important}.react-datepicker-wrapper{width:100%}.form-input,.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition);outline:none;width:100%;background:var(--bg-secondary)}.search-input{padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition);outline:none;width:100%;background:var(--bg-secondary);color:var(--text-primary)}.form-input:focus,.search-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}textarea.form-input,textarea.search-input{padding-left:var(--spacing-md);color:var(--text-primary)}.filter-select{padding-left:var(--spacing-md);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;appearance:none}.auth-container{display:flex;min-height:100vh;width:100%;background:var(--bg-secondary)}.auth-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:var(--bg-primary);position:relative;z-index:1}.auth-form-wrapper{width:100%;max-width:420px;animation:fadeIn .5s ease-out}.auth-header{margin-bottom:2.5rem;text-align:left}.auth-logo{height:40px;margin-bottom:1.5rem}.auth-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{color:var(--text-secondary);font-size:1rem}.auth-footer{margin-top:3rem;text-align:center;font-size:.8rem;color:var(--text-tertiary)}.auth-right{flex:1;display:none;position:relative;background:#0f172a;overflow:hidden}@media(min-width:1024px){.auth-right{display:flex;flex-direction:column;justify-content:center;align-items:center}}.auth-slider-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.slider-backgrounds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s ease-in-out}.slide-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:.4;z-index:1}.slider-content-wrapper{position:relative;z-index:2;width:100%;max-width:500px;padding:2rem}.auth-slider{text-align:center}.slider-content{position:relative;height:300px;margin-bottom:2rem}.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease-in-out,transform .5s ease-out;transform:translateY(10px)}.slide.active{transform:translateY(0)}.slide-icon-wrapper{width:90px;height:90px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transition:transform .3s ease}.slide:hover .slide-icon-wrapper{transform:scale(1.05) rotate(3deg)}.slide-icon{width:60%;height:60%;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.slide-icon svg{width:100%;height:100%}.auth-left .form-input{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=dark] .auth-left .form-input{background:#ffffff08;border-color:#ffffff1a}.auth-left .form-input:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 4px #667eea26}.slide-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem}.slide-description{font-size:1.1rem;color:#ffffffb3;line-height:1.6;max-width:80%}.slider-indicators{display:flex;justify-content:center;gap:.75rem}.indicator{width:10px;height:10px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background:var(--primary);transform:scale(1.2)}.form-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-tertiary);transition:all .2s;height:48px;font-size:1rem}.form-input:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 4px #667eea1a}[data-theme=dark] .auth-right-bg{opacity:.1}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.search-box{flex:1;min-width:250px;position:relative}.premium-search-box{position:relative;max-width:500px;width:100%;transition:all var(--transition)}.premium-search-box input{width:100%;padding:.85rem 1rem .85rem 3rem;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008}.premium-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #667eea26,0 8px 20px #0000000f;background:var(--bg-primary);transform:translateY(-1px)}.premium-search-icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);transition:all .3s ease;pointer-events:none;z-index:10}.premium-search-box input:focus+.premium-search-icon,.premium-search-box:focus-within .premium-search-icon{color:var(--primary);transform:translateY(-50%) scale(1.1)}.premium-search-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--bg-hover);border:none;color:var(--text-tertiary);cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:11;opacity:.7}.premium-search-clear-btn:hover{background:var(--border-color);color:var(--text-primary);opacity:1;transform:translateY(-50%) scale(1.1)}@media(max-width:768px){.search-box{min-width:100%;width:100%}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:2rem;height:2rem;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.action-overlay{position:fixed;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:1rem;animation:fadeIn .2s ease-out}.action-overlay p{font-weight:600;color:var(--primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.error-list{display:flex;flex-direction:column}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:fit-content;min-width:160px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-md);cursor:pointer;transition:all var(--transition)}.filter-toggle-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.filters{display:none;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}.filters.show-mobile{display:flex}.event-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.event-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;height:100%;position:relative;overflow:visible;text-decoration:none;color:inherit}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.event-card-project{font-size:.95rem;font-weight:800;color:var(--primary);display:inline-block;letter-spacing:-.01em}.event-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.event-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-md)}.event-card-assignee{display:flex;align-items:center;gap:.65rem}.event-card-date{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.filters{flex-direction:column}.filter-toggle-btn{width:100%}.event-cards{grid-template-columns:1fr;gap:var(--spacing-md)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-detail-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-lg);align-items:start}.event-detail-main{min-width:0}.detail-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);max-width:100%;overflow:hidden}.detail-card-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.timeline-item{position:relative;padding-left:2rem;padding-bottom:1.5rem;border-left:2px solid var(--border-color);margin-left:.5rem}.timeline-item:before{content:"";position:absolute;left:-7px;top:0;width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--primary)}.timeline-item:last-child{padding-bottom:0;border-left-color:transparent}.timeline-item.resolved:before{border-color:var(--success)}.timeline-content{font-size:.9rem}.timeline-time{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.json-container{background:#1e1e1e;color:#d4d4d4;padding:var(--spacing-md);border-radius:var(--radius-md);font-family:Monaco,Consolas,monospace;font-size:.85rem;overflow-x:auto;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}.comment-bubble{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);position:relative}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.75rem;color:var(--text-tertiary)}.comment-body{font-size:.95rem;color:var(--text-primary);line-height:1.6}.sticky-sidebar{position:sticky;top:calc(var(--navbar-height) + var(--spacing-lg))}@media(max-width:1024px){.event-detail-layout{grid-template-columns:1fr}.sticky-sidebar{position:static}}.event-detail-header-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.event-header-title-area{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0}.back-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition);margin-top:.2rem}.back-btn:hover{color:var(--primary);background:#667eea1a}.header-text{display:flex;flex-direction:column;min-width:0}.title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.event-id-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.badge-type{background:#f59e0b1a;color:var(--warning);font-size:.7rem;padding:.2rem .6rem;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase}.project-subtext{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.event-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}@media(max-width:768px){.event-detail-header-container{flex-direction:column;align-items:flex-start}.back-btn{display:none}.event-header-actions{width:100%;justify-content:flex-start;padding-left:0}.event-header-actions .btn{flex:1;justify-content:center}}.btn-ai-analyze{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.9rem 1rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease;box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a}.btn-ai-analyze:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #6366f14d,0 4px 6px -2px #6366f126;filter:brightness(1.1)}.btn-ai-analyze:disabled{opacity:.7;cursor:wait}@media(max-width:480px){.error-id-title{font-size:1.25rem}.title-row{gap:.5rem}}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;transition:opacity var(--transition);white-space:nowrap}.tag-badge:hover{opacity:.9}.tag-remove-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:0;margin-left:.15rem;line-height:1;opacity:.8;transition:opacity var(--transition)}.tag-remove-btn:hover{opacity:1}.tag-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.nav-dropdown{position:relative}.nav-dropdown .nav-link{display:flex;align-items:center;gap:.5rem}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:220px;padding:.5rem 0;z-index:1000;margin-top:.5rem}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:background var(--transition);font-size:.9rem}.nav-dropdown-item:hover{background:var(--bg-tertiary)}.nav-dropdown-item svg{flex-shrink:0}@media(max-width:768px){.nav-dropdown-menu{position:static;display:block;box-shadow:none;border:none;padding-left:1rem;margin-top:.5rem;background:transparent}.nav-dropdown .nav-link{pointer-events:none}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1.5rem}.metric-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all var(--transition)}.metric-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #667eea1a}.metric-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:var(--radius-md);color:var(--primary)}.metric-icon svg{width:24px;height:24px}.metric-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.metric-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1}.metric-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.metric-trend{font-size:.85rem;font-weight:600;margin-top:.5rem}.metric-trend.up{color:var(--success)}.metric-trend.down{color:var(--danger)}.metric-trend.neutral{color:var(--text-tertiary)}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1.25rem}.metric-value{font-size:1.75rem}}.reports-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;min-height:calc(100vh - 100px)}.reports-sidebar{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:1rem;border:1px solid var(--border-color)}.sidebar-title{font-size:.85rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;padding:0 .5rem}.reports-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.sidebar-link{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-size:.9rem;font-weight:500;text-align:left}.sidebar-link:hover{background:var(--bg-primary);color:var(--text-primary)}.sidebar-link.active{background:var(--primary);color:#fff;font-weight:600}.sidebar-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-icon svg{width:100%;height:100%}.reports-content{min-width:0}.frequency-heatmap-page{animation:fadeIn .3s ease-in}.heatmap-container{padding:1rem}.heatmap-grid{display:grid;grid-template-columns:50px 1fr;gap:.75rem;margin-bottom:1rem}.heatmap-y-labels{display:flex;flex-direction:column;justify-content:space-around;padding-top:30px}.heatmap-y-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:right;padding-right:.5rem}.heatmap-cells-wrapper{display:flex;flex-direction:column;gap:.5rem}.heatmap-x-labels{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-bottom:.25rem}.heatmap-x-label{font-size:.65rem;color:var(--text-tertiary);text-align:center;font-weight:600}.heatmap-cells{display:flex;flex-direction:column;gap:2px}.heatmap-row{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.heatmap-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);color:var(--text-primary)}.heatmap-cell:hover{transform:scale(1.15);z-index:10;box-shadow:0 4px 12px #00000026}.heatmap-legend{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1.5rem}.legend-gradient{width:200px;height:12px;border-radius:6px;background:linear-gradient(to right,var(--bg-primary),rgba(102,126,234,.3),rgba(102,126,234,.6),rgb(102,126,234));border:1px solid var(--border-color)}@media(max-width:1024px){.reports-layout{grid-template-columns:1fr;gap:1.5rem}.reports-sidebar{position:static;padding:0;order:-1;background:transparent;border:none;margin-bottom:.5rem}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:.5rem;padding:.25rem;-webkit-overflow-scrolling:touch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{white-space:nowrap;flex-shrink:0;background:transparent;border:1px solid transparent;padding:.6rem 1rem;border-radius:var(--radius-md)}.sidebar-link.active{background:var(--bg-primary);color:var(--primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.sidebar-title{display:block;font-size:.75rem;margin-bottom:.5rem;padding-left:.25rem}.dashboard-widget form{flex-direction:column!important;align-items:stretch!important}.filter-group{width:100%!important}.filter-group select,.filter-group input{width:100%!important;min-width:100%!important}}@media(max-width:768px){.reports-layout{gap:1rem}.reports-sidebar{padding:.75rem;border-radius:var(--radius-md)}.sidebar-nav{gap:.5rem}.sidebar-link{padding:.6rem .85rem;font-size:.85rem}.sidebar-icon{width:18px;height:18px}.heatmap-grid{grid-template-columns:40px 1fr;gap:.5rem}.heatmap-y-label,.heatmap-x-label,.heatmap-cell{font-size:.6rem}.heatmap-container{padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-widget{padding:1rem!important}.filter-group label{font-size:.7rem!important}.filter-group select,.filter-group input,.btn{padding:.6rem .75rem!important;font-size:.9rem!important}.metrics-grid,.dashboard-grid,.projects-grid{grid-template-columns:1fr!important;gap:1rem}}@media(max-width:480px){.reports-sidebar{padding:.5rem}.sidebar-link{padding:.5rem .7rem;font-size:.8rem}.sidebar-icon{width:16px;height:16px}.page-header{flex-direction:column;align-items:flex-start!important;gap:1rem}.page-title{font-size:1.5rem!important}.page-subtitle{font-size:.85rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.data-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10}.data-table thead th{padding:1rem 1.25rem;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:2px solid var(--border-color)}.data-table tbody tr{transition:all var(--transition);border-bottom:1px solid var(--border-color)}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody td{padding:1.25rem;vertical-align:middle}.data-table tbody tr:last-child{border-bottom:none}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.user-email{font-size:.85rem;color:var(--text-tertiary)}.metric-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;min-width:50px}.metric-badge.assigned{background:#667eea1a;color:var(--primary)}.metric-badge.resolved{background:#10b9811a;color:#10b981}.metric-badge.rate{background:#10b98126;color:#10b981;font-size:.85rem;padding:.4rem .65rem}.metric-badge.time{background:#fbbf241a;color:#fbbf24}@media(max-width:1024px){.data-table{font-size:.85rem}.data-table thead th,.data-table tbody td{padding:.875rem 1rem}.user-avatar{width:36px;height:36px;font-size:.8rem}}@media(max-width:768px){.data-table thead{display:none}.data-table tbody tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.data-table tbody td{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.data-table tbody td:last-child{border-bottom:none}.data-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}}.count-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#ef44441a;color:#ef4444;border-radius:12px;font-size:.75rem;font-weight:700;vertical-align:middle}.occurrence-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.occurrence-badge svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.occurrence-badge span{font-weight:600;color:var(--text-primary);font-size:.9rem}@media(max-width:768px){.occurrence-badge{padding:.4rem .75rem;font-size:.85rem}.occurrence-badge svg{width:18px;height:18px}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;position:relative;z-index:10000}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-content{max-width:100%;max-height:95vh;margin:.5rem}.modal-header,.modal-body,.modal-footer{padding:1.25rem 1.5rem}}.alert-flow-builder{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.builder-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.rule-name-input{font-size:1.25rem;font-weight:600;border:none;border-bottom:2px solid transparent;padding:.25rem .5rem;outline:none;background:transparent;color:var(--text-primary);transition:all .2s}.rule-name-input:focus{border-bottom-color:var(--primary)}.flow-node{padding:0;border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-md);border:1px solid var(--border-color);min-width:200px;overflow:hidden}.node-header{background:var(--bg-tertiary);padding:.75rem;font-weight:700;border-bottom:1px solid var(--border-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.node-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.node-body select,.node-body input{width:100%;padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.node-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.node-row input{width:70px}.condition-node .node-header{color:var(--primary);background:#667eea1a}.action-node .node-header{color:var(--success);background:#10b9811a}.tabs-container{display:flex;gap:2rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.tab-item{padding:1rem .5rem;font-weight:700;color:var(--text-tertiary);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.tab-item:hover{color:var(--primary)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.alert-editor-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;gap:2.5rem;box-shadow:var(--shadow-md);margin:0 auto}.editor-header .input-group{display:flex;flex-direction:column;gap:.75rem}.editor-header label{font-size:.9rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.rule-name-input-premium{font-size:1.75rem;font-weight:700;border:none;border-bottom:2px solid var(--border-color);background:transparent;color:var(--text-primary);padding:.75rem 0;width:100%;outline:none;transition:all .3s ease}.rule-name-input-premium:focus{border-bottom-color:var(--primary)}.rule-name-input-premium::placeholder{opacity:.4;color:var(--text-tertiary)}.editor-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{display:flex;flex-direction:column;gap:.5rem}.section-title h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.section-subtitle{font-size:.9rem;color:var(--text-tertiary)}.rows-list{display:flex;flex-direction:column;gap:1rem}.editor-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;box-shadow:var(--shadow-sm)}.editor-row:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.row-main{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.select-wrapper{width:220px;flex-shrink:0}.row-select{min-width:160px;padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.row-input{flex:1;min-width:200px;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);transition:all .2s;font-size:.95rem}.row-input:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.row-input.small{flex:0 0 80px;min-width:80px;text-align:center}.row-inputs-group{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary);font-weight:500}.row-remove-btn{background:var(--bg-hover);border:none;color:var(--text-tertiary);font-size:1.25rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.row-remove-btn:hover{background:var(--danger);color:#fff}.editor-footer{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.mute-group{display:flex;align-items:center;gap:1rem}.mute-group label{margin:0;white-space:nowrap;color:var(--text-secondary);font-weight:500}.footer-actions{display:flex;gap:1rem;margin-left:auto}.footer-actions .btn{padding:.75rem 1.75rem;font-size:1rem}.condition-row{border-left:4px solid var(--primary)}.action-row{border-left:4px solid var(--success)}.toast-container{position:fixed;top:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:450px;pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);border-left:4px solid var(--primary)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--primary)}.toast-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.toast-message{font-size:.9rem;font-weight:500;color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.confirm-modal{max-width:400px!important}.confirm-modal .modal-body p{font-size:1rem;color:var(--text-primary);line-height:1.5}.confirm-modal .modal-footer{justify-content:flex-end;gap:.75rem;padding:1.25rem;background:var(--bg-primary)}.empty-state-container{display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem;width:100%;min-height:50vh;flex:1;grid-column:1/-1}.empty-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:5rem 3rem;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);animation:fadeInScale .7s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin:0 auto}.empty-state-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(99,102,241,.03) 0%,transparent 70%);pointer-events:none;z-index:-1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.empty-state-icon{width:110px;height:110px;background:#6366f11a;color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem;font-size:3.5rem;position:relative;box-shadow:0 0 40px #6366f126}.empty-state-icon:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px dashed rgba(99,102,241,.3);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-icon svg{width:55px;height:55px}.empty-state-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.empty-state-description{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;margin-bottom:3rem;max-width:450px}@media(max-width:768px){.empty-state-container{padding:1.5rem;min-height:50vh}.empty-state-card{padding:3.5rem 1.5rem}.empty-state-title{font-size:1.75rem}.empty-state-icon{width:90px;height:90px;font-size:2.8rem}}.impact-analysis-card{border:1px solid var(--border-color);transition:all .3s ease}.impact-analysis-card.impact-critical{border-color:#ef44444d;background:linear-gradient(to bottom right,var(--bg-secondary),rgba(239,68,68,.02));box-shadow:0 4px 20px #ef44440d}.impact-stat-value{line-height:1.2}.impact-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;margin-top:.25rem}.search-box{position:relative;display:flex;flex-direction:column;gap:4px}.search-syntax-hint{font-size:.7rem;color:var(--text-tertiary);margin-top:4px;margin-left:2px;display:flex;align-items:center;gap:8px}.search-syntax-hint code{background:var(--bg-primary);padding:1px 4px;border-radius:4px;font-size:.65rem;border:1px solid var(--border-color);color:var(--primary)}.search-input{width:100%;color:var(--text-primary)}@media(max-width:768px){.view-details-btn,.impact-score-display,.country-flag-badge{display:none!important}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.skeleton-pulse{background:linear-gradient(90deg,#e2e8f066 25%,#f1f5f999 37%,#e2e8f066 63%);background-size:400% 100%;animation:skeleton-pulse 1.4s ease infinite}[data-theme=dark] .skeleton-pulse{background:linear-gradient(90deg,#27272a99 25%,#3f3f46cc 37%,#27272a99 63%)}.skeleton-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.skeleton-text{height:12px;border-radius:4px;width:60%}.skeleton-text.short{width:30%}.skeleton-text.long{width:90%}.skeleton-title{height:20px;border-radius:4px;width:80%;margin-bottom:12px}.skeleton-badge{height:20px;width:60px;border-radius:12px;margin-bottom:16px}.skeleton-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.skeleton-circle{width:24px;height:24px;border-radius:50%}.skeleton-badge-absolute{position:absolute;top:-10px;left:-10px;width:28px;height:28px;border-radius:50%;z-index:10;border:1px solid var(--border-color)}.profile-tabs{display:flex;gap:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:1px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs{-ms-overflow-style:none;scrollbar-width:none}.profile-tab-item{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-tertiary);cursor:pointer;font-weight:500;font-size:.9rem;position:relative;transition:all var(--transition)}.profile-tab-item:hover{color:var(--text-primary)}.profile-tab-item.active{color:var(--primary)}.profile-tab-item.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.profile-section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.profile-section-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.webhook-display{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:monospace;font-size:.85rem;color:var(--text-secondary);width:100%;max-width:100%;word-break:break-all}.settings-danger-zone{border:1px solid rgba(239,68,68,.3);background:#ef44440d}.welcome-hero{background:linear-gradient(120deg,#4f46e5,#7c3aed,#ec4899);background-size:200% 200%;animation:gradientFlow 6s ease infinite;border-radius:24px;padding:3rem;color:#fff;margin-bottom:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #7c3aed66;display:flex;align-items:center;justify-content:space-between;min-height:200px}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.welcome-content{position:relative;z-index:2;max-width:600px}.welcome-title{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.75rem;line-height:1.1;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.welcome-subtitle{font-size:1.15rem;opacity:.95;font-weight:400;line-height:1.6;max-width:90%}.hero-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}.hero-shape.one{width:300px;height:300px;top:-100px;right:-50px;background:radial-gradient(circle,#fff3,#fff0 70%)}.hero-shape.two{width:200px;height:200px;bottom:-50px;right:150px;background:radial-gradient(circle,#ffffff26,#fff0 70%)}.hero-icon-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#ffffff26;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 35px #0003;transform:rotate(6deg);transition:transform .3s ease}.hero-icon-container:hover{transform:rotate(0) scale(1.05)}.hero-icon{width:60px;height:60px;color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}@media(max-width:768px){.welcome-hero{padding:2rem;flex-direction:column;align-items:flex-start;text-align:left}.hero-icon-container{display:none}.welcome-title{font-size:2.2rem}.user-management-page .data-table tbody td[data-label=User]:before{display:none}.user-management-page .data-table tbody td[data-label=User]{justify-content:flex-start;padding-left:0}}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{width:100%!important;height:100%}.react-datepicker-popper{z-index:9999!important}.datepicker-custom-container{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.datepicker-presets{width:140px;background:var(--bg-primary);border-right:1px solid var(--border-color);padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.presets-header{padding:.5rem .75rem;font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.preset-btn{display:block;width:100%;padding:.5rem .75rem;text-align:left;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.preset-btn.active{background:#667eea1a;color:var(--primary);font-weight:600}.react-datepicker{font-family:Inter,sans-serif!important;border:none!important;background:var(--bg-secondary)!important}.react-datepicker__header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;padding-top:1rem!important}.react-datepicker__current-month{color:var(--text-primary)!important;font-weight:600!important;font-size:.95rem!important;margin-bottom:.5rem!important}.react-datepicker__day-name{color:var(--text-tertiary)!important;font-weight:600!important;font-size:.75rem!important;width:2.2rem!important;line-height:2.2rem!important}.react-datepicker__day{color:var(--text-primary)!important;width:2.2rem!important;line-height:2.2rem!important;font-size:.85rem!important;border-radius:50%!important;margin:.1rem!important}.react-datepicker__day:hover{background-color:var(--bg-hover)!important}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background-color:var(--primary)!important;color:#fff!important}.react-datepicker__day--keyboard-selected{background-color:#667eea33!important;color:var(--primary)!important}.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#667eea26!important;color:var(--primary)!important;border-radius:0!important}.react-datepicker__day--range-start{background-color:var(--primary)!important;color:#fff!important;border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.react-datepicker__day--range-end{background-color:var(--primary)!important;color:#fff!important;border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important;border-width:2px 2px 0 0!important}.datepicker-calendar-wrapper .react-datepicker{display:flex!important}.datepicker-calendar-wrapper .react-datepicker__month-container{float:none!important}.datepicker-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all .2s;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.datepicker-input:hover{border-color:var(--border-light)}.datepicker-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.widget-card{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:visible;box-shadow:var(--shadow-sm);position:relative;transition:transform .2s ease,box-shadow .2s ease}.widget-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.widget-title{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.widget-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--bg-primary);color:var(--text-secondary)}.widget-menu-btn{padding:4px;color:var(--text-tertiary);border-radius:4px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.widget-menu-btn:hover,.widget-menu-btn.active{background:var(--bg-primary);color:var(--text-secondary)}.widget-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem;min-width:140px;z-index:10}.widget-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;color:var(--text-secondary);font-size:.9rem;text-align:left;cursor:pointer;border-radius:4px;transition:background .15s ease}.widget-dropdown-item:hover{background:var(--bg-primary)}.widget-dropdown-item.danger{color:var(--danger)}.widget-dropdown-item.danger:hover{background:rgba(var(--danger-rgb, 245, 101, 101),.1)}.widget-info-icon{position:relative;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.widget-info-icon .widget-tooltip{visibility:hidden;opacity:0;position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;width:max-content;min-width:180px;box-shadow:var(--shadow-md);z-index:100;font-size:.75rem;color:var(--text-primary);transition:all .2s ease;pointer-events:none;transform:translateY(-5px)}.widget-info-icon:hover .widget-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.widget-info-icon:hover{color:var(--primary)}.filters-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.filters-grid{grid-template-columns:1fr}}.dashboard-grid-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.widget-item{min-width:0}.widget-item[data-width=small]{flex:1 0 calc(25% - 1.5rem)}.widget-item[data-width=medium]{flex:2 0 calc(50% - 1.5rem)}.widget-item[data-width=large]{flex:1 0 100%}@media(max-width:768px){.container{padding:0 .5rem}.dashboard-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;display:grid!important}.widget-item[data-width=small]{grid-column:span 1!important}.widget-item[data-width=medium],.widget-item[data-width=large]{grid-column:span 2!important}.count-widget-value{font-size:1.5rem!important}.drag-handle,.widget-info-icon,.widget-icon{display:none!important}.widget-header>div:first-child{min-width:0!important;flex:1!important;overflow:hidden!important;white-space:nowrap!important}.widget-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important}.col-time{display:none!important}.widget-size-grid{grid-template-columns:1fr!important}.widget-item[data-width=small]{height:160px!important}.widget-config-modal.modal{padding:0!important;align-items:stretch!important;justify-content:flex-start!important}.widget-config-modal .modal-content{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;display:flex;flex-direction:column;border:none!important}.modal:not(.widget-config-modal) .modal-content{width:90%!important;height:auto!important;max-height:90vh!important;border-radius:12px!important;margin:auto!important}.modal-body{padding:.75rem!important;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal-header,.modal-footer{padding:.75rem!important;flex-shrink:0}}.widget-size-grid{grid-template-columns:repeat(3,1fr)}.count-widget-value{font-size:3.5rem;font-weight:700;color:var(--primary);line-height:1.2}.reports-layout{display:flex;min-height:calc(100vh - 70px);background:var(--bg-primary)}.reports-sidebar{width:260px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column}.sidebar-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:1.5rem;padding-left:.75rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);border-radius:var(--radius-md);font-weight:500;font-size:.9rem;transition:all .2s}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:#667eea1a;color:var(--primary)}.sidebar-icon svg{width:20px;height:20px}.reports-content{flex:1;overflow-x:hidden;width:100%}@media(max-width:768px){.reports-layout{flex-direction:column;padding-bottom:5rem}.reports-sidebar{display:none!important}.sidebar-title{display:none}.reports-content{width:100vw;box-sizing:border-box}.mobile-reports-dock{display:flex!important;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:6px;gap:8px;box-shadow:0 10px 40px -10px #0003;z-index:1000;max-width:90vw}.dock-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:18px;color:var(--text-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.dock-item svg{width:24px;height:24px;stroke-width:2px;transition:all .3s ease}.dock-item.active{background:var(--primary);color:#fff;transform:translateY(-4px);box-shadow:0 8px 16px -4px #6366f166}.dock-item:active{transform:scale(.95)}.dock-item.active:after{content:"";position:absolute;bottom:-6px;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:0}.reports-page .filters,.user-activity-page .filters{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;margin-bottom:1.5rem!important}.reports-page .filters input,.reports-page .filters select,.reports-page .filters textarea,.reports-page .filters .search-input,.reports-page .filters .custom-select-control,.reports-page .filters .datepicker-input,.reports-page .filters .react-select__input input,.reports-page .filters .react-select__input,.reports-page .filters div[class*=-Input] input,.user-activity-page .filters input,.user-activity-page .filters select,.user-activity-page .filters textarea,.user-activity-page .filters .search-input,.user-activity-page .filters .custom-select-control,.user-activity-page .filters .datepicker-input,.user-activity-page .filters .react-select__input input,.user-activity-page .filters .react-select__input,.user-activity-page .filters div[class*=-Input] input{font-size:16px!important}.reports-page .filters>div,.user-activity-page .filters>div{width:100%!important;flex:none!important;min-width:0!important}.reports-page .filters>div:last-child,.user-activity-page .filters>div:last-child{display:grid!important;grid-template-columns:1fr auto}}.mobile-reports-dock{display:none}.toggle-switch{display:inline-flex;align-items:center;cursor:pointer;font-size:.9rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;gap:.75rem}.toggle-switch input{height:0;width:0;visibility:hidden;position:absolute}.toggle-slider{width:44px;height:24px;background-color:var(--border-color);display:block;border-radius:100px;position:relative;cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:90px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-switch:hover .toggle-slider{background-color:#cbd5e0}.toggle-switch input:checked:hover+.toggle-slider{background-color:var(--primary-dark)}.options-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;justify-content:flex-start;align-items:center;gap:3rem;box-shadow:0 1px 2px #0000000d}.option-item{display:flex;flex-direction:column;gap:.25rem}.option-title{font-weight:600;font-size:.9rem;color:var(--text-primary)}.option-desc{font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.options-block{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;padding:1rem}.options-block>div[style*="width: 1px"]{display:none}.toggle-switch{width:100%;justify-content:space-between}.toggle-switch{flex-direction:row-reverse;justify-content:space-between;width:100%}}.workspace-section{padding:8px 16px;border-bottom:1px solid var(--border-color)}.workspace-label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.05em}.current-workspace-name{font-weight:600;color:var(--text-primary);margin-bottom:12px}.workspace-list-header{font-size:.75rem;color:var(--text-secondary);margin:8px 0 4px}.workspace-item{display:flex;align-items:center;justify-content:space-between}.workspace-item.active{background-color:var(--bg-hover);color:var(--primary-color)}.create-workspace{color:var(--primary-color);margin-top:4px}.react-datepicker-popper{z-index:10000!important}@media(max-width:768px){.datepicker-presets{display:none!important}.datepicker-custom-container{display:block!important}}@media(max-width:480px){.pagination-number{width:32px;height:32px;font-size:.85rem}.pagination-btn{width:32px;height:32px}.pagination-dots{display:none}}.form-switch{display:inline-block;height:24px;position:relative;width:44px}.form-switch input{display:none}.switch-slider{background-color:var(--border-light);cursor:pointer;inset:0;position:absolute;transition:.4s;border-radius:34px}.switch-slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px;border-radius:50%;box-shadow:0 1px 3px #0000004d}.form-switch input:checked+.switch-slider{background-color:var(--success)}.form-switch input:checked+.switch-slider:before{transform:translate(20px)}.switch-slider.round{border-radius:34px}.switch-slider.round:before{border-radius:50%}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268712}[data-theme=dark] .glass-panel{background:#18181bd9;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sticky-sidebar{position:sticky;top:2rem;height:fit-content}.timeline-line{position:absolute;top:0;bottom:0;left:24px;width:2px;background:linear-gradient(to bottom,var(--border-color) 0%,transparent 100%)}.timeline-node{position:relative;z-index:10;transition:all .3s ease}.timeline-card:hover .timeline-node{transform:scale(1.2)}.mt-3{margin-top:2rem}.comment-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005;min-height:100px}.comment-textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 4px #58258326}.comment-textarea::placeholder{color:var(--text-tertiary)}[data-theme=dark] .comment-textarea{background:#0003;border-color:#ffffff1a;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .comment-textarea:focus{background:#0006;border-color:var(--primary)}.alert-builder-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.alert-builder-modern.ab-single-page{display:flex;flex-direction:column}.ab-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.ab-section:last-of-type{border-bottom:none}.ab-section-title{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.ab-section-title svg{color:var(--text-tertiary);flex-shrink:0}.ab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;margin-left:.25rem}.ab-name-row{margin-bottom:.5rem}.ab-chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.ab-chip-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:8px;border:1px dashed var(--border-color);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ab-chip-btn:hover{border-color:var(--primary);color:var(--primary);background:#8b5cf60f;border-style:solid}.ab-chip-btn.locked{opacity:.5}.ab-chip-btn.locked:hover{border-color:var(--text-tertiary);color:var(--text-tertiary);background:transparent}.ab-chip-icon{display:flex;align-items:center}.ab-chip-icon svg{width:14px;height:14px}.ab-lock-icon{margin-left:2px;opacity:.6}.ab-action-controls{display:flex;align-items:center;gap:.5rem;margin-left:auto}.ab-form-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-primary);border-top:1px solid var(--border-color);gap:1rem}.ab-inline-setting{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.ab-inline-setting svg{color:var(--text-tertiary);flex-shrink:0}.ab-footer-actions{display:flex;align-items:center;gap:.5rem}.ab-footer-actions .btn{display:inline-flex;align-items:center;gap:.4rem}.ab-select{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .2s ease;appearance:auto}.ab-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f}.ab-options-list{display:flex;flex-direction:column;gap:.75rem}.ab-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ab-list-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-primary)}.ab-list-title svg{color:var(--text-secondary)}.rule-name-input{width:100%;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.rule-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f}.rule-name-input::placeholder{color:var(--text-tertiary);font-weight:400}.quick-templates{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.templates-label{font-size:.8rem;color:var(--text-tertiary)}.template-chip{padding:.35rem .75rem;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.template-chip:hover{border-color:var(--primary);color:var(--primary);background:#8b5cf614}.conditions-list,.actions-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.condition-card,.action-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all .2s ease}.condition-card:hover,.action-card:hover{border-color:var(--primary)}.condition-header,.action-header{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.condition-icon,.action-icon{display:flex;align-items:center;color:var(--text-secondary)}.condition-type,.action-type{font-weight:600;color:var(--text-primary);flex:1;font-size:.9rem}.remove-btn{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-tertiary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-btn:hover{background:#ef4444;color:#fff}.condition-body,.action-body{padding:.75rem 1rem}.severity-picker{display:flex;gap:.4rem;flex-wrap:wrap}.severity-picker .loading-text{color:var(--text-tertiary);font-size:.85rem;padding:.25rem}.severity-btn{padding:.35rem .75rem;border-radius:6px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease}.severity-btn:hover{border-color:var(--severity-color);background:#8b5cf61a}.severity-btn.active{border-color:var(--severity-color);background:var(--severity-color);color:#fff}.inline-input-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--text-secondary);font-weight:500;font-size:.9rem}.inline-input-group input{width:70px;padding:.4rem .5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:center}.inline-input-group input:focus{outline:none;border-color:var(--primary)}.slider-group{padding:.25rem 0}.slider-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.slider-header span{color:var(--text-secondary);font-weight:500;font-size:.9rem}.slider-value{font-weight:700;color:var(--primary)!important}.impact-slider{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);appearance:none;cursor:pointer}.impact-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px #8b5cf666;transition:transform .2s ease}.impact-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-labels{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.75rem;color:var(--text-tertiary)}.pattern-input input,.time-range-input input{width:100%;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-family:Fira Code,monospace;font-size:.85rem}.pattern-input input:focus,.time-range-input input:focus{outline:none;border-color:var(--primary)}.pattern-hint{margin-top:.4rem;font-size:.75rem;color:var(--text-tertiary)}.pattern-hint code{background:var(--bg-secondary);padding:.1rem .35rem;border-radius:3px;font-size:.75rem}.action-input{width:100%;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.action-input:focus{outline:none;border-color:var(--primary)}.action-hint{margin-top:.35rem;font-size:.75rem;color:var(--text-tertiary)}.test-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.test-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:12px;height:12px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.mute-input{width:60px;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:center}.mute-input:focus{outline:none;border-color:var(--primary)}@media(max-width:768px){.ab-section{padding:1rem}.ab-form-footer{flex-direction:column;gap:.75rem;padding:1rem}.ab-footer-actions{width:100%;justify-content:flex-end}.ab-chip-grid{gap:.4rem}}.alert-rule-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.alert-rule-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #8b5cf626;transform:translateY(-2px)}.rule-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .5rem}.rule-status{display:flex;align-items:center}.status-indicator{width:10px;height:10px;border-radius:50%;background:#6b7280}.status-indicator.active{background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse-glow 2s infinite}.status-indicator.inactive{background:#6b7280}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 12px #22c55e99}}.rule-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.alert-rule-card:hover .rule-actions,.assign-rule-card:hover .rule-actions{opacity:1}.icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:var(--primary);color:#fff}.icon-btn.danger:hover{background:#ef4444;color:#fff}.rule-card-body{padding:.5rem 1.25rem 1rem}.rule-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.3}.rule-meta{display:flex;gap:1rem}.meta-item{font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.25rem}.rule-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--bg-primary);border-top:1px solid var(--border-color)}.action-icons{display:flex;gap:.25rem}.action-icon-badge{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.9rem}.rule-date{font-size:.75rem;color:var(--text-tertiary)}.empty-state-modern{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px dashed var(--border-color);border-radius:20px}.empty-icon-container{position:relative;display:inline-flex;margin-bottom:1.5rem}.empty-icon{position:relative;z-index:1;animation:float 3s ease-in-out infinite}.empty-icon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:3px solid var(--primary);opacity:.2;animation:ring-pulse 2s ease-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ring-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.4}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.empty-state-modern h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.empty-state-modern p{color:var(--text-secondary);font-size:1rem;max-width:400px;margin:0 auto 2rem;line-height:1.6}.empty-state-modern .btn-lg{padding:.875rem 2rem;font-size:1rem}.empty-features{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.empty-feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.85rem}@media(max-width:768px){.alert-rules-grid{grid-template-columns:1fr}.empty-features{flex-wrap:wrap;gap:1rem}.empty-feature{flex-basis:calc(50% - .5rem)}}.auto-assign-wrapper{animation:fadeIn .3s ease}.assignee-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a78bfa 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.assignee-avatar.small{width:28px;height:28px;font-size:.8rem}.assignee-name{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee-email{display:block;font-size:.8rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-users-hint{text-align:center;padding:1.5rem;color:var(--text-tertiary);background:var(--bg-primary);border-radius:10px;border:2px dashed var(--border-color);font-size:.9rem}.country-input input{width:100%;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.1em;text-align:center}.country-input input:focus{outline:none;border-color:var(--primary)}.country-examples{display:flex;gap:.4rem;margin-top:.5rem;justify-content:center}.country-chip{padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.country-chip:hover,.country-chip.active{border-color:var(--primary);background:#8b5cf61a;color:var(--primary)}.regex-examples{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.examples-label{font-size:.75rem;color:var(--text-tertiary)}.regex-chip{padding:.25rem .5rem;border-radius:5px;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.regex-chip:hover{border-color:var(--primary);background:#8b5cf61a}.regex-chip code{font-size:.7rem;color:var(--text-secondary)}.option-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.6rem .75rem;background:var(--bg-primary);border-radius:8px;transition:all .2s ease}.option-toggle:hover{background:var(--bg-hover)}.option-toggle input{display:none}.toggle-track{width:40px;height:22px;background:var(--border-color);border-radius:11px;position:relative;transition:all .3s ease;flex-shrink:0}.option-toggle input:checked+.toggle-track{background:var(--primary)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0003}.option-toggle input:checked+.toggle-track .toggle-thumb{left:20px}.toggle-label{display:flex;flex-direction:column;gap:.15rem}.toggle-title{font-weight:600;color:var(--text-primary);font-size:.85rem}.toggle-desc{font-size:.75rem;color:var(--text-tertiary)}.assign-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.assign-rule-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.assign-rule-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #8b5cf626;transform:translateY(-2px)}.assign-rule-card .rule-card-body{padding:.75rem 1.25rem 1rem}.assign-rule-card .rule-name{font-size:1.05rem;margin-bottom:.75rem}.rule-assignee{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;color:var(--text-secondary)}.rule-badges{display:flex;flex-wrap:wrap;gap:.4rem}.condition-badge{padding:.25rem .5rem;border-radius:5px;font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.condition-badge.level{background:#8b5cf626;color:var(--primary)}.condition-badge.country{background:#22c55e26;color:#22c55e}.condition-badge.count{background:#eab30826;color:#ca8a04}.condition-badge.regex{background:#3b82f626;color:#3b82f6}.assign-rule-card .rule-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--bg-primary);border-top:1px solid var(--border-color)}.footer-badges{display:flex;gap:.5rem}.feature-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;background:#3b82f61a;color:#3b82f6;display:inline-flex;align-items:center}.rule-meta{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.assign-rules-grid{grid-template-columns:1fr}.ab-list-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.clean-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.clean-table-header{display:grid;align-items:center;padding:0 16px;height:44px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.clean-table-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.clean-table-header .sortable:hover{color:var(--text-primary)}.clean-table-body{max-height:calc(100vh - 350px);overflow-y:auto}.clean-table-row{display:grid;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);position:relative;transition:background .1s;text-decoration:none;color:inherit}.clean-table-row:last-child{border-bottom:none}.clean-table-row:hover{background:var(--bg-hover)}.clean-table-row.selected{background:#5825830d}.clean-table-row .row-indicator{position:absolute;left:0;top:0;bottom:0;width:3px}.clean-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s}.clean-card:hover{border-color:var(--border-light)}.clean-card.clickable{cursor:pointer}.clean-card.clickable:active{border-color:var(--primary)}.clean-card .card-indicator{position:absolute;left:0;top:0;bottom:0;width:3px}.clean-card-content{padding:16px 16px 16px 20px}.clean-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.clean-card-title{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4}.clean-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-subtle{background:var(--bg-primary);color:var(--text-tertiary)}.badge-emergency,.badge-critical,.badge-fatal{background:#dc26261a;color:#dc2626}.badge-error{background:#ef44441a;color:#ef4444}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-info{background:#3b82f61a;color:#3b82f6}.badge-debug{background:#6b72801a;color:#6b7280}.badge-success{background:#10b9811a;color:#10b981}.badge-revenue{background:#10b98114;color:#10b981;font-weight:500;text-transform:none}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:500;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.chip-removable{cursor:pointer}.chip-removable:hover{border-color:var(--danger);color:var(--danger)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:8px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500;margin-top:8px}.stat-change.up{color:#10b981}.stat-change.down{color:#ef4444}.control-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.control-header-left{display:flex;align-items:center;gap:12px;flex:1}.control-header-right{display:flex;align-items:center;gap:8px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.drawer-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.drawer-backdrop.visible{opacity:1;visibility:visible}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100%;background:var(--bg-secondary);box-shadow:-8px 0 24px #00000026;z-index:999;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.drawer-panel.visible{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.drawer-header h3{margin:0;font-size:1.1rem;font-weight:600}.drawer-close{background:none;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:background .15s,color .15s}.drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-footer{display:flex;gap:12px;padding:20px;border-top:1px solid var(--border-color)}.drawer-footer .btn{flex:1;justify-content:center}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:12px;display:flex;align-items:center;gap:6px}.empty-state-clean{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-clean .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-clean h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state-clean p{font-size:.875rem;color:var(--text-tertiary);margin:0}.skeleton{background:linear-gradient(90deg,var(--bg-primary) 25%,var(--bg-hover) 50%,var(--bg-primary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.level-emergency,.level-critical,.level-fatal{color:#dc2626}.level-error{color:#ef4444}.level-warning{color:#f59e0b}.level-info{color:#3b82f6}.level-debug{color:#6b7280}.bg-emergency,.bg-critical,.bg-fatal{background:#dc2626}.bg-error{background:#ef4444}.bg-warning{background:#f59e0b}.bg-info{background:#3b82f6}.bg-debug{background:#6b7280}@media(max-width:768px){.control-header{flex-direction:column;align-items:stretch}.control-header-left,.control-header-right,.drawer-panel{width:100%}.stat-card{padding:16px}.stat-value{font-size:1.5rem}}.dashboard-widget{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.widget-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);display:flex;align-items:center;gap:8px;margin:0}.widget-body{padding:.75rem 1rem}.widget-body-compact{padding:0}.kpi-widget{padding:20px}.kpi-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.2}.kpi-value.positive{color:#10b981}.kpi-value.negative{color:#ef4444}.kpi-value.info{color:#3b82f6}.kpi-value.warning{color:#f59e0b}.kpi-value.primary{color:var(--primary)}.kpi-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:4px}.kpi-change{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;margin-top:8px}.kpi-change.up{color:#ef4444}.kpi-change.down{color:#10b981}.mini-list{display:flex;flex-direction:column}.mini-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-color);transition:background .1s}.mini-list-item:last-child{border-bottom:none}.mini-list-item:hover{background:var(--bg-hover)}.mini-list-item .item-left{display:flex;align-items:center;gap:8px;min-width:0}.mini-list-item .item-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mini-list-item .item-label{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-list-item .item-right{display:flex;align-items:center;gap:12px}.mini-list-item .item-value{font-size:.8rem;color:var(--text-tertiary)}.mini-list-item .item-percentage{font-size:.75rem;font-weight:600;min-width:45px;text-align:right}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-indicator.critical{background:#ef444426;color:#ef4444}.status-indicator.warning{background:#f59e0b26;color:#f59e0b}.status-indicator.normal{background:#6b728026;color:#6b7280}.status-indicator.improving{background:#10b98126;color:#10b981}.comparison-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.comparison-item{flex:1}.comparison-item .comp-label{font-size:.7rem;color:var(--text-tertiary);margin-bottom:4px}.comparison-item .comp-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.comparison-item .comp-value.highlight{color:#10b981}.comparison-item.secondary .comp-value{font-size:1.1rem;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric-item{display:flex;flex-direction:column}.metric-item .metric-label{font-size:.7rem;color:var(--text-tertiary);margin-bottom:4px}.metric-item .metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.metric-item .metric-value.success{color:#10b981}.metric-item .metric-value.info{color:#3b82f6}.top-errors-table{width:100%}.top-errors-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);position:relative;cursor:pointer;transition:background .1s}.top-errors-row:last-child{border-bottom:none}.top-errors-row:hover{background:var(--bg-hover)}.top-errors-row .error-indicator{position:absolute;left:0;top:0;bottom:0;width:3px}.top-errors-row .error-content{flex:1;min-width:0;padding-left:8px}.top-errors-row .error-title{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.top-errors-row .error-meta{display:flex;align-items:center;gap:8px;font-size:.7rem}.top-errors-row .error-meta .level{font-weight:700;text-transform:uppercase}.top-errors-row .error-meta .project{color:var(--text-tertiary);background:var(--bg-primary);padding:1px 5px;border-radius:3px}.top-errors-row .error-revenue{font-size:.85rem;font-weight:600;color:#10b981;white-space:nowrap}.mb-6{margin-bottom:2rem}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.pagination-numbers{display:flex;gap:6px;align-items:center}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all .2s}.pagination-btn svg{width:18px;height:18px}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-primary)}.pagination-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-number:hover{background:var(--bg-hover);color:var(--text-primary)}.pagination-number.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 4px #667eea4d}.pagination-dots{color:var(--text-tertiary);font-size:1.2rem;padding:0 4px}@media(max-width:480px){.pagination-number,.pagination-btn{width:32px;height:32px}.pagination-number{font-size:.85rem}.pagination-dots{display:none}}.pp-icon{width:18px;height:18px;flex-shrink:0}.pp-icon-sm{width:16px;height:16px;flex-shrink:0}.pp-icon-arrow{width:16px;height:16px;transition:transform .25s ease}.pp-icon-empty{width:40px;height:40px}.pp-section-icon{width:20px;height:20px;flex-shrink:0}.pp-action-type-icon{width:14px;height:14px}.pp-code-badge{font-size:.85rem!important;font-weight:600!important}.pp-not-found{padding:2rem}.pp-builder-card{padding:0;margin-bottom:2rem;overflow:hidden}.project-explorer{animation:pp-fadeSlideUp .35s ease-out}.project-explorer .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.project-explorer .page-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem}.project-explorer .pp-project-count{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:6px;background:#8b5cf61a;color:var(--primary);letter-spacing:.3px}.project-explorer .page-subtitle{color:var(--text-tertiary);font-size:.9rem;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1rem}}.projects-grid .project-card-modern{animation:pp-fadeSlideUp .3s ease-out backwards}.projects-grid .project-card-modern:nth-child(1){animation-delay:0s}.projects-grid .project-card-modern:nth-child(2){animation-delay:.04s}.projects-grid .project-card-modern:nth-child(3){animation-delay:.08s}.projects-grid .project-card-modern:nth-child(4){animation-delay:.12s}.projects-grid .project-card-modern:nth-child(5){animation-delay:.16s}.projects-grid .project-card-modern:nth-child(6){animation-delay:.2s}.projects-grid .project-card-modern:nth-child(7){animation-delay:.24s}.projects-grid .project-card-modern:nth-child(8){animation-delay:.28s}.projects-grid .project-card-modern:nth-child(9){animation-delay:.32s}.projects-grid .project-card-modern:nth-child(10){animation-delay:.36s}.projects-grid .project-card-modern:nth-child(11){animation-delay:.4s}.projects-grid .project-card-modern:nth-child(12){animation-delay:.44s}.project-card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:inherit}.project-card-modern:hover{transform:translateY(-2px);border-color:#8b5cf640;box-shadow:0 8px 24px -8px #00000014}.project-card-modern:hover .pp-avatar{transform:scale(1.05)}.pp-card-body{padding:1.25rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column}.pp-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;font-family:Outfit,sans-serif;letter-spacing:.5px;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.pp-avatar[data-color="0"]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.pp-avatar[data-color="1"]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.pp-avatar[data-color="2"]{background:linear-gradient(135deg,#10b981,#047857)}.pp-avatar[data-color="3"]{background:linear-gradient(135deg,#f59e0b,#b45309)}.pp-avatar[data-color="4"]{background:linear-gradient(135deg,#ef4444,#b91c1c)}.pp-avatar[data-color="5"]{background:linear-gradient(135deg,#ec4899,#be185d)}.pp-avatar[data-color="6"]{background:linear-gradient(135deg,#06b6d4,#0e7490)}.pp-avatar[data-color="7"]{background:linear-gradient(135deg,#f97316,#c2410c)}.project-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.project-card-title-wrap{flex:1;min-width:0}.project-card-name{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.project-code-badge{font-size:.6rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;background:#8b5cf614;color:var(--primary);font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:.5px;text-transform:uppercase}.project-card-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.pp-card-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border-color);background:var(--bg-primary)}.pp-card-stats .pp-card-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;position:relative}.pp-card-stats .pp-card-stat:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--border-color)}.pp-card-stats .pp-card-stat-value{font-size:1.15rem;font-weight:800;line-height:1;color:var(--text-primary)}.pp-card-stats .pp-card-stat-value.pp-card-stat--pending{color:var(--warning)}.pp-card-stats .pp-card-stat-value.pp-card-stat--resolved{color:var(--success)}.pp-card-stats .pp-card-stat-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.pp-card-health{height:3px;background:transparent}.pp-card-health .pp-card-health-fill{height:100%;background:var(--success);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:2px}.projects-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border:1.5px dashed var(--border-color);border-radius:12px;margin-top:2rem}.projects-empty-state .empty-icon{width:72px;height:72px;border-radius:50%;background:#8b5cf60f;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.projects-empty-state .empty-icon svg{width:36px;height:36px;color:var(--primary)}.projects-empty-state h3{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.projects-empty-state p{color:var(--text-secondary);max-width:380px;margin-bottom:1.5rem;font-size:.9rem}.project-profile{animation:pp-fadeSlideUp .35s ease-out}.project-profile .page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:0;border-bottom:none}.project-profile .page-title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.4rem;color:var(--text-primary)}.project-profile .header-actions{display:flex;gap:.5rem}.pp-header-meta{display:flex;align-items:center;gap:.6rem}.pp-header-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.78rem;font-weight:500;color:var(--text-tertiary);background:none;padding:0;letter-spacing:.02em}.pp-meta-sep{color:var(--text-tertiary);opacity:.4;font-weight:300;font-size:.85rem}.pp-header-desc{font-size:.85rem;color:var(--text-secondary);font-weight:400}.profile-content .fade-in{animation:pp-fadeSlideUp .25s ease-out}.profile-section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;margin-bottom:1.25rem;transition:border-color .2s ease}.profile-section-title{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;padding-bottom:0;border-bottom:none}.profile-section-title svg{width:15px;height:15px;color:var(--text-tertiary)}.overview-stats-row{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.75rem;overflow:hidden}@media(max-width:640px){.overview-stats-row{grid-template-columns:1fr}}.overview-stats-row .overview-stat-item{animation:pp-fadeSlideUp .3s ease-out backwards}.overview-stats-row .overview-stat-item:nth-child(1){animation-delay:0s}.overview-stats-row .overview-stat-item:nth-child(2){animation-delay:.06s}.overview-stats-row .overview-stat-item:nth-child(3){animation-delay:.12s}.overview-stat-item{padding:1.75rem 1.5rem;text-align:center;position:relative;transition:background .15s ease}.overview-stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--border-color)}@media(max-width:640px){.overview-stat-item:not(:last-child):after{inset:auto 15% 0;width:auto;height:1px}}.overview-stat-item:hover{background:var(--bg-hover, rgba(0, 0, 0, .02))}.overview-stat-item .stat-value{font-size:2.25rem;font-weight:700;line-height:1;margin-bottom:.4rem;color:var(--text-primary);letter-spacing:-.03em}.overview-stat-item .stat-label{font-size:.78rem;color:var(--text-tertiary);font-weight:500;letter-spacing:.01em}.activity-list-modern .activity-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 0;cursor:pointer;transition:opacity .15s ease;border-bottom:1px solid var(--border-color)}.activity-list-modern .activity-item:first-child{padding-top:0}.activity-list-modern .activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-list-modern .activity-item:hover{opacity:.65}.activity-list-modern .activity-item{animation:pp-fadeSlideUp .25s ease-out backwards}.activity-list-modern .activity-item:nth-child(1){animation-delay:0s}.activity-list-modern .activity-item:nth-child(2){animation-delay:.04s}.activity-list-modern .activity-item:nth-child(3){animation-delay:.08s}.activity-list-modern .activity-item:nth-child(4){animation-delay:.12s}.activity-list-modern .activity-item:nth-child(5){animation-delay:.16s}.activity-list-modern .activity-item:nth-child(6){animation-delay:.2s}.activity-list-modern .activity-item:nth-child(7){animation-delay:.24s}.activity-list-modern .activity-item:nth-child(8){animation-delay:.28s}.activity-list-modern .activity-item:nth-child(9){animation-delay:.32s}.activity-list-modern .activity-item:nth-child(10){animation-delay:.36s}.activity-list-modern .activity-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.activity-list-modern .activity-dot.resolved{background:var(--success)}.activity-list-modern .activity-dot.pending{background:var(--text-tertiary)}.activity-list-modern .activity-content{flex:1;min-width:0}.activity-list-modern .activity-title{font-weight:500;font-size:.875rem;color:var(--text-primary);margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list-modern .activity-meta{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.5rem}.activity-list-modern .pp-level-badge{font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:9999px}.activity-list-modern .pp-level-badge.level-error{background:#ef44440f;color:var(--danger)}.activity-list-modern .pp-level-badge.level-warning{background:#f59e0b0f;color:var(--warning)}.activity-list-modern .pp-level-badge.level-info{background:#3b82f60f;color:#3b82f6}.activity-list-modern .pp-level-badge.level-debug{background:#94a3b80f;color:var(--text-secondary)}.activity-list-modern .pp-level-badge.level-critical{background:#ef444414;color:#dc2626}.activity-list-modern .activity-impact{font-weight:600;color:var(--text-secondary);font-size:.78rem;display:flex;align-items:center;gap:.25rem;flex-shrink:0}.activity-list-modern .activity-impact svg{width:13px;height:13px}.pp-activity-footer{margin-top:1.25rem;padding-top:1rem;text-align:center}.pp-loading-text{color:var(--text-secondary);padding:1rem}.pp-empty-activity{text-align:center;padding:3rem 1rem;color:var(--text-tertiary)}.pp-empty-activity svg{width:32px;height:32px;color:var(--text-tertiary);margin-bottom:.75rem;opacity:.25}.pp-empty-activity p{margin:0;font-size:.85rem}.webhook-box-modern{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.webhook-box-modern:hover{border-color:#8b5cf626}.webhook-box-modern .webhook-url{flex:1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;color:var(--text-secondary);word-break:break-all;line-height:1.5}.webhook-box-modern .btn{flex-shrink:0}.pp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.pp-section-header h3{font-size:1.1rem;font-weight:700;margin:0}.pp-integration-desc{margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.alert-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.alert-rules-grid .alert-rule-card{animation:pp-fadeSlideUp .25s ease-out backwards}.alert-rules-grid .alert-rule-card:nth-child(1){animation-delay:0s}.alert-rules-grid .alert-rule-card:nth-child(2){animation-delay:.04s}.alert-rules-grid .alert-rule-card:nth-child(3){animation-delay:.08s}.alert-rules-grid .alert-rule-card:nth-child(4){animation-delay:.12s}.alert-rules-grid .alert-rule-card:nth-child(5){animation-delay:.16s}.alert-rules-grid .alert-rule-card:nth-child(6){animation-delay:.2s}.alert-rules-grid .alert-rule-card:nth-child(7){animation-delay:.24s}.alert-rules-grid .alert-rule-card:nth-child(8){animation-delay:.28s}.alert-rule-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.alert-rule-card:hover{border-color:#8b5cf633;box-shadow:0 4px 12px -4px #0000000f}.alert-rule-card .rule-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.alert-rule-card .rule-status{display:flex;align-items:center;gap:.5rem}.alert-rule-card .status-indicator{width:7px;height:7px;border-radius:50%}.alert-rule-card .status-indicator.active{background:var(--success)}.alert-rule-card .status-indicator.inactive{background:var(--text-tertiary)}.alert-rule-card .pp-status-label{font-size:.7rem;color:var(--text-secondary)}.alert-rule-card .rule-actions{display:flex;gap:.25rem}.alert-rule-card .rule-card-body{padding:1rem 1.25rem}.alert-rule-card .rule-name{font-weight:700;font-size:.95rem;margin-bottom:.625rem;color:var(--text-primary)}.alert-rule-card .rule-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.alert-rule-card .rule-meta .meta-item{display:flex;align-items:center;gap:.3rem}.alert-rule-card .rule-meta .meta-item svg{width:14px;height:14px;color:var(--text-tertiary)}.alert-rule-card .rule-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-primary);border-top:1px solid var(--border-color)}.alert-rule-card .action-icons{display:flex;gap:.3rem}.alert-rule-card .action-icon-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .12s cubic-bezier(.4,0,.2,1)}.alert-rule-card .action-icon-badge svg{width:13px;height:13px;color:var(--text-secondary)}.alert-rule-card .action-icon-badge:hover{border-color:var(--primary)}.alert-rule-card .action-icon-badge:hover svg{color:var(--primary)}.alert-rule-card .rule-date{font-size:.7rem;color:var(--text-tertiary)}.empty-state-modern{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px}.empty-state-modern .empty-icon-container{position:relative;margin-bottom:1.25rem}.empty-state-modern .pp-empty-icon{width:56px;height:56px;border-radius:50%;background:#8b5cf60f;display:flex;align-items:center;justify-content:center}.empty-state-modern .pp-empty-icon svg{width:24px;height:24px;color:var(--primary)}.empty-state-modern .empty-icon-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px dashed rgba(139,92,246,.12);animation:pp-spin-slow 25s linear infinite}.empty-state-modern h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.empty-state-modern p{color:var(--text-secondary);max-width:360px;margin-bottom:1.25rem;font-size:.85rem;line-height:1.6}.empty-state-modern .empty-features{display:flex;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap;justify-content:center}.empty-state-modern .empty-feature{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1)}.empty-state-modern .empty-feature svg{width:13px;height:13px;color:var(--primary)}.empty-state-modern .empty-feature:hover{border-color:#8b5cf633}.settings-form-modern .form-group{margin-bottom:1.25rem}.settings-form-modern .form-label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.4rem;color:var(--text-primary)}.settings-form-modern .form-input,.settings-form-modern .form-textarea{width:100%;padding:.75rem .875rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1)}.settings-form-modern .form-input:focus,.settings-form-modern .form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf614}.settings-form-modern .form-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.4rem}.settings-section-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.settings-section-box .pp-section-header{margin-bottom:1rem}.settings-section-box .pp-section-title{font-size:.95rem;font-weight:600;margin:0}.settings-section-box .pp-section-desc{font-size:.8rem;color:var(--text-secondary);margin:.2rem 0 0}.pp-status-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.pp-status-expanded .form-group{margin-bottom:1.25rem}.pp-status-expanded .form-group:last-child{margin-bottom:0}.pp-status-link-info{padding:.875rem;background:#eab3080f;border:1px solid rgba(234,179,8,.15);border-radius:8px;display:flex;align-items:flex-start;gap:.625rem}.pp-status-link-info svg{width:18px;height:18px;color:var(--warning);flex-shrink:0;margin-top:1px}.pp-status-link-info .pp-info-title{font-weight:500;color:var(--text-primary);font-size:.85rem;margin:0}.pp-status-link-info .pp-info-desc{font-size:.75rem;color:var(--text-secondary);margin:.15rem 0 0}.pp-form-actions{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.pp-form-group{margin-bottom:1rem}.pp-form-hint{color:var(--text-tertiary);font-size:.75rem;margin-top:.25rem;display:block}.settings-danger-zone{border-color:#ef444426!important;background:#ef444405!important}.settings-danger-zone .profile-section-title{color:var(--danger);border-bottom-color:#ef44441a}.settings-danger-zone .profile-section-title svg{color:var(--danger)}.settings-danger-zone .pp-danger-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.6}.pp-auto-assign-desc{margin-bottom:1.25rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}@keyframes pp-fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.project-explorer .page-title{font-size:1.35rem}.pp-card-stats .pp-card-stat-value{font-size:1rem}.overview-stats-row{grid-template-columns:1fr}.overview-stat-item{padding:1.25rem}.overview-stat-item .stat-value{font-size:1.5rem}.project-profile .page-title{font-size:1.35rem}.project-profile .header-actions{width:100%}.project-profile .header-actions .btn{flex:1}.alert-rules-grid{grid-template-columns:1fr}}.np-page{animation:fadeIn .3s ease;max-width:1100px;margin:0 auto}.np-back{display:inline-flex;align-items:center;gap:.4rem;padding:0;border:none;background:none;color:var(--text-tertiary);font-size:.85rem;font-weight:500;cursor:pointer;margin-bottom:1.5rem;transition:color .2s ease}.np-back:hover{color:var(--primary)}.np-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start}.np-form-side{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.np-form-header{margin-bottom:1.75rem}.np-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;font-family:Outfit,sans-serif}.np-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.np-form{display:flex;flex-direction:column;gap:1.25rem}.np-field{display:flex;flex-direction:column;gap:.4rem}.np-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.4rem}.np-label svg{color:var(--text-tertiary)}.np-required{color:#ef4444;font-weight:700}.np-input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.np-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.np-input::placeholder{color:var(--text-tertiary)}.np-input--code{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.np-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.np-code-input-wrap{position:relative}.np-code-status{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;font-size:.7rem;font-weight:600}.np-code-status.valid{color:#22c55e}.np-code-status.invalid{color:var(--text-tertiary)}.np-hint{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1.4}.np-advanced-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;border:none;background:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s ease}.np-advanced-toggle:hover{color:var(--primary)}.np-advanced-toggle svg{flex-shrink:0}.np-chevron{transition:transform .2s ease}.np-chevron.open{transform:rotate(180deg)}.np-advanced-fields{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;animation:fadeIn .2s ease}.np-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:.5rem}.np-submit{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.5rem;font-weight:600}.np-preview-side{position:sticky;top:2rem}.np-preview-label{font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.np-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;text-align:center;transition:all .3s ease}.np-preview-avatar{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.4rem;font-family:Outfit,sans-serif;letter-spacing:.5px;margin:0 auto 1rem;transition:all .3s ease}.np-preview-avatar[data-color="0"]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.np-preview-avatar[data-color="1"]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.np-preview-avatar[data-color="2"]{background:linear-gradient(135deg,#10b981,#047857)}.np-preview-avatar[data-color="3"]{background:linear-gradient(135deg,#f59e0b,#b45309)}.np-preview-avatar[data-color="4"]{background:linear-gradient(135deg,#ef4444,#b91c1c)}.np-preview-avatar[data-color="5"]{background:linear-gradient(135deg,#ec4899,#be185d)}.np-preview-avatar[data-color="6"]{background:linear-gradient(135deg,#06b6d4,#0e7490)}.np-preview-avatar[data-color="7"]{background:linear-gradient(135deg,#f97316,#c2410c)}.np-preview-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 .35rem;word-break:break-word}.np-preview-code{display:inline-block;font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;background:#8b5cf614;color:var(--primary);font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:.5px;margin-bottom:.75rem}.np-preview-desc{font-size:.85rem;color:var(--text-tertiary);line-height:1.5;margin:0 0 1.25rem;word-break:break-word}.np-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border-color)}.np-preview-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.np-preview-stat-val{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.np-preview-stat-lbl{font-size:.65rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.np-preview-health{height:4px;background:var(--border-color);border-radius:2px;margin-top:.75rem;overflow:hidden}.np-preview-health-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),#22c55e);border-radius:2px;transition:width .3s ease}.np-tip{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;margin-top:1rem;background:#8b5cf60f;border:1px solid rgba(139,92,246,.12);border-radius:10px}.np-tip svg{flex-shrink:0;color:var(--primary);margin-top:1px}.np-tip strong{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.np-tip p{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.45}@media(max-width:900px){.np-layout{grid-template-columns:1fr}.np-preview-side{position:static;order:-1}.np-preview-card{display:flex;align-items:center;gap:1rem;text-align:left;padding:1.25rem}.np-preview-avatar{margin:0;width:48px;height:48px;font-size:1rem;border-radius:12px;flex-shrink:0}.np-preview-stats,.np-preview-health,.np-preview-desc{display:none}.np-preview-name{font-size:1rem;margin-bottom:.1rem}.np-tip{display:none}}@media(max-width:600px){.np-form-side{padding:1.25rem;border-radius:12px}.np-title{font-size:1.25rem}.np-actions{flex-direction:column}.np-actions .btn{width:100%;justify-content:center}}.sf-form{max-width:640px}.sf-field{margin-bottom:1.5rem}.sf-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.sf-label svg{width:15px;height:15px;opacity:.6}.sf-input{width:100%;padding:.7rem .85rem;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none}.sf-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f}.sf-input:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-secondary)}.sf-input::placeholder{color:var(--text-secondary);opacity:.6}.sf-input--error{border-color:var(--danger, #ef4444)!important}.sf-input--error:focus{box-shadow:0 0 0 3px #ef44441f}textarea.sf-input{resize:vertical;min-height:80px}.sf-hint{display:block;font-size:.78rem;color:var(--text-secondary);margin-top:.4rem;line-height:1.5}.sf-hint a{color:var(--primary);font-weight:500;text-decoration:none}.sf-hint a:hover{text-decoration:underline}.sf-error{font-size:.8rem;color:var(--danger, #ef4444);margin-top:.35rem;display:flex;align-items:center;gap:.3rem}.sf-error-banner{padding:.75rem 1rem;background:#ef444414;color:var(--danger, #ef4444);border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;border:1px solid rgba(239,68,68,.15);display:flex;align-items:center;gap:.5rem}.sf-error-banner svg{width:16px;height:16px;flex-shrink:0}.sf-info{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;margin-top:.6rem;font-size:.82rem;color:var(--text-secondary);line-height:1.5;padding:.275rem .1rem}.sf-info svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--primary)}.sf-info a{color:var(--primary);font-weight:500;text-decoration:none}.sf-info a:hover{text-decoration:underline}.sf-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.sf-section-header{padding:1.25rem 1.5rem 0}.sf-section-title{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.sf-section-title svg{width:18px;height:18px;opacity:.7}.sf-section-desc{font-size:.82rem;color:var(--text-secondary);margin-top:.25rem}.sf-section-body{padding:1.25rem 1.5rem 1.5rem}.notification-redirect-box{background:linear-gradient(135deg,#0088cc14,#0088cc08);border:1px solid rgba(0,136,204,.2);border-radius:10px;padding:1.25rem}.notification-redirect-box .redirect-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.notification-redirect-box .redirect-content p{margin:0;color:var(--text-secondary);flex:1;min-width:200px}.notification-redirect-box .redirect-content .btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.notification-redirect-box .redirect-content .btn svg{width:14px;height:14px}.sf-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem}.sf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:600px){.sf-grid-2{grid-template-columns:1fr}}.sf-grid-sub-label{font-size:.78rem;font-weight:500;color:var(--text-secondary);margin-bottom:.35rem}.sf-toggle-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.sf-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.sf-danger-zone{background:var(--bg-secondary);border:1.5px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.sf-danger-header{padding:1.25rem 1.5rem 0}.sf-danger-title{font-size:1rem;font-weight:700;color:var(--danger, #ef4444);display:flex;align-items:center;gap:.5rem}.sf-danger-title svg{width:18px;height:18px}.sf-danger-body{padding:1.25rem 1.5rem 1.5rem}.sf-danger-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}@media(max-width:600px){.sf-danger-row{flex-direction:column;align-items:flex-start;gap:1rem}}.sf-danger-text h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.sf-danger-text p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.sf-integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sf-integration-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.sf-integration-card:not(.sf-integration-card--disabled):hover{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf614}.sf-integration-card--disabled{opacity:.6}.sf-integration-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.sf-integration-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.sf-integration-icon[data-brand=jira]{background:#0052cc}.sf-integration-icon[data-brand=slack]{background:#4a154b}.sf-integration-icon[data-brand=telegram]{background:#08c}.sf-integration-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.sf-integration-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem;flex:1;line-height:1.5}.sf-overlay{position:absolute;inset:0;background:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:50;border-radius:12px}[data-theme=dark] .sf-overlay{background:#00000080}.sf-badge-connected{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.72rem;font-weight:600;background:#22c55e1f;color:#16a34a}.sf-badge-connected svg{width:12px;height:12px}.telegram-list{display:flex;flex-direction:column;gap:.75rem}.telegram-item{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;padding:1rem;transition:border-color .2s}.telegram-item:hover{border-color:var(--primary)}.telegram-item.is-default{border-color:#eab308;background:#eab3080d}.telegram-item-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.telegram-item-info{flex:1}.telegram-item-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.telegram-item-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.35rem;font-size:.8rem;color:var(--text-secondary)}.telegram-item-details code{background:var(--surface-darker);padding:.15rem .4rem;border-radius:4px;font-size:.75rem}.telegram-item-details .desc{font-style:italic;opacity:.8}.telegram-item-actions{display:flex;gap:.5rem;flex-wrap:wrap}.default-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;background:#eab30826;color:#ca8a04}.default-badge svg{width:10px;height:10px}.status-badge{display:inline-flex;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600}.status-badge.active{background:#22c55e1f;color:#16a34a}.status-badge.inactive{background:#ef44441a;color:#dc2626}.btn-xs{padding:.25rem .5rem;font-size:.75rem;gap:.3rem}.btn-xs svg{width:12px;height:12px}.btn-ghost.btn-danger{color:var(--text-secondary);background:none}.btn-ghost.btn-danger svg{opacity:.6}.btn-ghost.btn-danger:hover{color:#ef4444;background:#ef44441a}.btn-ghost.btn-danger:hover svg{opacity:1}.el-main{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.el-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:1rem}.el-content::-webkit-scrollbar{width:8px}.el-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.el-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.el-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.pagination-container{margin-top:auto;padding:1.25rem 0;border-top:1px solid var(--border-color);background:var(--bg-primary);position:sticky;bottom:0;z-index:10}.el-log-container{max-height:none;overflow:visible}@media(max-width:768px){.el-main{height:calc(100vh - 100px)}.pagination-container{padding:1rem 0}}@keyframes heartbeat{0%,60%,to{transform:scale(1);opacity:1}15%{transform:scale(1.3);opacity:.9}30%{transform:scale(1);opacity:1}45%{transform:scale(1.15);opacity:.95}}.logo-dot{display:inline-block;animation:heartbeat 3s infinite ease-in-out;transform-origin:center bottom}@keyframes aurora{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-nav,.sb-nav{animation:fadeInSlide .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}:root{--font-display: "Inter", sans-serif;--nexus-primary: #8B5CF6;--nexus-primary-soft: rgba(139, 92, 246, .08);--nexus-primary-glow: rgba(139, 92, 246, .25);--nexus-bg-light: #F8FAFC;--nexus-sidebar-bg: rgba(255, 255, 255, .82);--nexus-sidebar-bg-solid: #ffffff;--nexus-sidebar-border: rgba(0, 0, 0, .06);--nexus-text-primary: #0f172a;--nexus-text-secondary: #64748b;--nexus-text-tertiary: #94a3b8;--nexus-hover-bg: rgba(0, 0, 0, .03);--nexus-divider: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .06) 20%, rgba(0, 0, 0, .06) 80%, transparent 100%);--nexus-icon-active-bg: rgba(139, 92, 246, .12)}[data-theme=dark]{--nexus-primary-soft: rgba(139, 92, 246, .1);--nexus-primary-glow: rgba(139, 92, 246, .3);--nexus-bg-light: #0F172A;--nexus-sidebar-bg: rgba(11, 17, 32, .88);--nexus-sidebar-bg-solid: #0B1120;--nexus-sidebar-border: rgba(255, 255, 255, .06);--nexus-text-primary: #f1f5f9;--nexus-text-secondary: #94a3b8;--nexus-text-tertiary: #64748b;--nexus-hover-bg: rgba(255, 255, 255, .04);--nexus-divider: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .06) 20%, rgba(255, 255, 255, .06) 80%, transparent 100%);--nexus-icon-active-bg: rgba(139, 92, 246, .18)}.sb-icon{flex-shrink:0;color:inherit;transition:color .2s ease,transform .2s ease}.sb-expand-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}details[open]>summary .sb-expand-icon{transform:rotate(180deg)}.sb-sidebar{position:fixed;top:0;left:0;bottom:0;width:272px;background:var(--nexus-sidebar-bg);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-right:1px solid var(--nexus-sidebar-border);display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-display)}.sb-sidebar.collapsed{width:78px;overflow:visible!important}.sb-sidebar.collapsed .sb-nav{overflow:visible!important}.sb-sidebar.collapsed .sb-brand{padding:0;justify-content:center;width:100%}.sb-sidebar.collapsed .sb-search,.sb-sidebar.collapsed .sb-nav-text,.sb-sidebar.collapsed .sb-nav-badge,.sb-sidebar.collapsed .sb-section-header,.sb-sidebar.collapsed .sb-dropdown summary span:not(.sb-icon),.sb-sidebar.collapsed .sb-dropdown-trigger>.sb-expand-icon,.sb-sidebar.collapsed .sb-dropdown-trigger>svg.sb-expand-icon,.sb-sidebar.collapsed .sb-dropdown-content,.sb-sidebar.collapsed .sb-theme-toggle,.sb-sidebar.collapsed .sb-user-text,.sb-sidebar.collapsed .sb-logout-btn,.sb-sidebar.collapsed .sb-nav-divider{display:none!important}.sb-sidebar.collapsed .sb-nav-item{justify-content:center;padding:.65rem}.sb-sidebar.collapsed .sb-nav-item:before{display:none}.sb-sidebar.collapsed .sb-nav-item .sb-icon-wrap{margin:0}.sb-sidebar.collapsed .sb-header{flex-direction:column;gap:1rem;padding:1rem .5rem;align-items:center}.sb-sidebar.collapsed .sb-dropdown{display:flex;flex-direction:column;align-items:center}.sb-sidebar.collapsed .sb-dropdown-trigger{justify-content:center;padding:.65rem}.sb-sidebar.collapsed .sb-profile{flex-direction:column;padding:0;gap:1rem;justify-content:center}.sb-sidebar.collapsed .sb-profile-info{justify-content:center}.sb-sidebar.collapsed .sb-footer{padding:.75rem}.sb-sidebar.collapsed .sb-nav-item,.sb-sidebar.collapsed .sb-dropdown-trigger{position:relative;overflow:visible}.sb-sidebar.collapsed [data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:var(--nexus-text-primary);color:var(--nexus-sidebar-bg-solid);padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #00000026;opacity:0;animation:sb-tooltip-in .15s ease-out forwards}.sb-sidebar.collapsed [data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent var(--nexus-text-primary) transparent transparent;z-index:1000;opacity:0;animation:sb-tooltip-in .15s ease-out forwards}.sb-sidebar.collapsed .sb-collapse-btn{position:absolute;bottom:30px;right:-12px;margin:0;transform:none}.sb-sidebar.collapsed .sb-collapse-btn:hover{transform:scale(1.1)}.sb-sidebar.mobile-open{transform:translate(0)}.sb-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999;animation:sb-fade-in .2s ease-out}.sb-header{padding:1.25rem 1.25rem .75rem}.sb-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;cursor:pointer;transition:opacity .2s}.sb-brand:hover{opacity:.8}.sb-search{position:relative;width:100%}.sb-search-label{display:flex;align-items:center;width:100%;height:2.25rem;background:var(--nexus-hover-bg);border:1px solid transparent;border-radius:10px;padding:0 .75rem;transition:all .25s ease;cursor:pointer}[data-theme=dark] .sb-search-label{background:#ffffff0a}.sb-search-label:hover{background:var(--nexus-primary-soft);border-color:#8b5cf626}.sb-search-label:focus-within{background:var(--nexus-primary-soft);border-color:var(--nexus-primary);box-shadow:0 0 0 3px var(--nexus-primary-glow)}.sb-search-label:focus-within .sb-search-icon{color:var(--nexus-primary)}.sb-search-icon{color:var(--nexus-text-tertiary);transition:color .2s}.sb-search-input{background:transparent;border:none;width:100%;margin-left:.5rem;font-size:.8rem;font-weight:500;color:var(--nexus-text-primary);outline:none;cursor:pointer}.sb-search-input::placeholder{color:var(--nexus-text-tertiary)}.sb-sidebar .sb-search-input{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;outline:none!important;border-radius:0!important;height:100%;margin-left:.5rem}.sb-kbd{font-size:9px;font-weight:700;color:var(--nexus-text-tertiary);background:var(--nexus-hover-bg);padding:2px 6px;border-radius:5px;letter-spacing:-.02em;flex-shrink:0}[data-theme=dark] .sb-kbd{background:#ffffff0f}.sb-nav{flex:1;overflow-y:auto;padding:.25rem .75rem;display:flex;flex-direction:column;gap:2px}.sb-nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:10px;text-decoration:none;transition:all .2s ease;color:var(--nexus-text-secondary);position:relative}.sb-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--nexus-primary);transition:transform .25s .4s cubic-bezier(.34,1.56,.64,1)}.sb-nav-item:hover{background-color:var(--nexus-hover-bg);transform:translate(2px)}.sb-nav-item:hover .sb-nav-text{color:var(--nexus-text-primary)}.sb-nav-item:hover .sb-icon{color:var(--nexus-primary)}.sb-nav-item.active{background-color:var(--nexus-primary-soft);color:var(--nexus-primary)}.sb-nav-item.active:before{transform:translateY(-50%) scaleY(1)}.sb-nav-item.active .sb-nav-text{color:var(--nexus-primary);font-weight:700}.sb-nav-item.active .sb-icon{color:var(--nexus-primary);filter:drop-shadow(0 0 4px var(--nexus-primary-glow))}.sb-nav-text{font-size:.825rem;font-weight:550;letter-spacing:-.01em;transition:color .2s,font-weight .2s}.sb-nav-badge{margin-left:auto;background-color:var(--nexus-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:9999px}.sb-nav-divider{height:1px;margin:.5rem .75rem;background:var(--nexus-divider)}.sb-section-header{padding:1.25rem .75rem .35rem}.sb-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--nexus-text-tertiary)}.sb-nav-footer{margin-top:auto;padding-top:.5rem;border-top:1px solid transparent;background-image:var(--nexus-divider);background-repeat:no-repeat;background-position:top center;background-size:100% 1px}.sb-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;list-style:none;color:var(--nexus-text-secondary);border-radius:10px;transition:all .2s ease}.sb-dropdown-trigger:hover{color:var(--nexus-primary);background:var(--nexus-hover-bg);transform:translate(2px)}.sb-dropdown-trigger::-webkit-details-marker{display:none}.sb-dropdown-label{display:flex;align-items:center;gap:.75rem}.sb-dropdown-content{padding-left:.25rem;margin-top:2px;margin-left:.75rem;display:flex;flex-direction:column;gap:1px;position:relative}.sb-dropdown-content:before{content:"";position:absolute;left:.75rem;top:0;bottom:.5rem;width:1.5px;background:linear-gradient(to bottom,var(--nexus-sidebar-border),transparent);border-radius:1px}.sb-sub-item{display:flex;align-items:center;gap:8px;padding:.4rem .5rem .4rem 2rem;font-size:.8rem;font-weight:500;color:var(--nexus-text-secondary);text-decoration:none;transition:all .2s ease;border-radius:8px;position:relative}.sb-sub-item:before{content:"";position:absolute;left:.39rem;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--nexus-sidebar-border);transition:all .2s ease}.sb-sub-item:hover{color:var(--nexus-primary);background-color:var(--nexus-hover-bg)}.sb-sub-item:hover:before{background:var(--nexus-primary);box-shadow:0 0 6px var(--nexus-primary-glow)}.sb-sub-item.active{color:var(--nexus-primary);font-weight:600}.sb-sub-item.active:before{background:var(--nexus-primary);box-shadow:0 0 6px var(--nexus-primary-glow);width:6px;height:6px}.sb-ws-item{display:block;padding:.375rem .75rem;font-size:.825rem;font-weight:500;color:var(--nexus-text-secondary);text-decoration:none;transition:all .2s ease;border-radius:8px;cursor:pointer}.sb-ws-item:hover{color:var(--nexus-primary);background-color:var(--nexus-hover-bg)}.sb-ws-active{color:var(--nexus-primary);font-weight:600}.sb-theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;color:var(--nexus-text-secondary);margin-bottom:2px;border-radius:10px;transition:background .2s}.sb-theme-toggle:hover{background:var(--nexus-hover-bg)}.sb-theme-label{display:flex;align-items:center;gap:.75rem}.sb-theme-label .sb-icon{transition:transform .4s .4s cubic-bezier(.34,1.56,.64,1),color .2s}.sb-theme-label:hover .sb-icon{transform:rotate(20deg);color:var(--nexus-primary)}.sb-switch{width:38px;height:22px;background:var(--nexus-sidebar-border);border-radius:9999px;position:relative;border:none;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;padding:0}.sb-switch.active{background:var(--nexus-primary);box-shadow:0 0 10px var(--nexus-primary-glow)}.sb-switch.active .sb-switch-handle{transform:translate(16px)}.sb-switch-handle{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #00000026}.sb-footer{padding:.75rem;background-color:transparent;position:relative}.sb-profile{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:12px;background:var(--nexus-hover-bg);transition:all .25s ease}.sb-profile:hover{background:var(--nexus-primary-soft);box-shadow:0 2px 12px #8b5cf614}.sb-profile-info{display:flex;align-items:center;gap:.65rem;cursor:pointer}.sb-avatar-wrapper{position:relative;width:2.15rem;height:2.15rem}.sb-avatar-image{width:100%;height:100%;border-radius:9999px;border:2px solid var(--nexus-primary-soft);object-fit:cover;transition:border-color .2s}.sb-profile:hover .sb-avatar-image{border-color:var(--nexus-primary)}.sb-status-dot{position:absolute;bottom:-1px;right:-1px;width:.6rem;height:.6rem;background-color:#22c55e;border:2px solid var(--nexus-sidebar-bg-solid);border-radius:9999px;box-shadow:0 0 6px #22c55e66}.sb-user-text{display:flex;flex-direction:column;gap:1px}.sb-user-name{font-size:.8rem;font-weight:700;color:var(--nexus-text-primary);line-height:1.2}.sb-manage-plan{font-size:10px;font-weight:600;color:var(--nexus-primary);cursor:pointer;text-decoration:none;opacity:.8;transition:opacity .2s;letter-spacing:.01em}.sb-manage-plan:hover{opacity:1;text-decoration:underline}.sb-logout-btn{width:1.85rem;height:1.85rem;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--nexus-text-tertiary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.sb-logout-btn:hover{background-color:#ef444414;color:#ef4444}.sb-logout-btn:hover .sb-icon{transform:translate(2px)}.sb-collapse-btn{display:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--nexus-text-secondary);background:var(--nexus-sidebar-bg-solid);border:1px solid var(--nexus-sidebar-border);cursor:pointer;transition:all .25s ease;position:absolute;bottom:30px;right:-12px;z-index:50;box-shadow:0 2px 8px #00000014}.sb-collapse-btn .sb-icon{width:16px;height:16px}.sb-collapse-btn:hover{background:var(--nexus-primary);color:#fff;border-color:var(--nexus-primary);transform:scale(1.15);box-shadow:0 0 16px var(--nexus-primary-glow)}.sb-collapse-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s .4s cubic-bezier(.34,1.56,.64,1)}.sb-rotated{transform:rotate(180deg)}.sb-mobile-header,.sb-mobile-menu-btn,.sb-mobile-close-btn{display:none}.main-content{margin-left:272px;width:auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sb-sidebar.collapsed+.main-content,.sb-sidebar.collapsed~.main-content{margin-left:78px}@keyframes sb-tooltip-in{0%{opacity:0;transform:translateY(-50%) translate(-6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes sb-fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:769px){.sb-collapse-btn{display:flex}.sb-overlay{display:none}}@media(max-width:768px){.sb-sidebar{transform:translate(-100%);width:100%!important;max-width:320px;border-right:none;box-shadow:20px 0 40px -10px #0003;z-index:1001;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}.sb-sidebar .sb-search-input{font-size:16px}.sb-mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;background:var(--nexus-sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nexus-sidebar-border);padding:0 1rem;z-index:900}.main-content{margin-top:60px;margin-left:0!important}.sb-mobile-logo{display:flex;align-items:center;height:100%}.sb-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--nexus-sidebar-border);background:var(--nexus-hover-bg);color:var(--nexus-text-primary);cursor:pointer;transition:all .2s;margin:0}.sb-mobile-menu-btn:active{transform:scale(.92);background:var(--nexus-primary-soft)}.sb-mobile-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:10px;background:var(--nexus-hover-bg);border:1px solid var(--nexus-sidebar-border);color:var(--nexus-text-secondary);z-index:1002;cursor:pointer;transition:all .2s}.sb-mobile-close-btn:hover{background:#ef444414;color:#ef4444;border-color:#ef444426}.sb-collapse-btn{display:none!important}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:10000}.modal.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10001}.modal-content{background:var(--bg-primary);position:relative;z-index:10002;width:90%;max-width:500px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.search-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.btn{cursor:pointer;font-weight:500;border-radius:8px;transition:all .2s;border:none}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(110%)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.event-list-page{padding:0;display:flex;flex-direction:column;height:100%;position:relative}.el-content{flex:1;position:relative}.el-header{padding:20px 0 16px;background:var(--bg-primary);overflow:visible}.el-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.el-header-left{display:flex;align-items:center;gap:10px}.el-page-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.el-event-count{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:20px;min-width:28px}.el-header-actions{display:flex;align-items:center;gap:8px}.el-action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.el-action-btn svg{width:15px;height:15px;flex-shrink:0}.el-action-btn:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.el-action-btn.el-action-active{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes el-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-spin{animation:el-spin 4s linear infinite}.el-search-bar{display:flex;align-items:stretch;gap:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:visible;transition:border-color .2s,box-shadow .2s}.el-search-bar:focus-within{border-color:var(--primary, #8B5CF6);box-shadow:0 0 0 3px #8b5cf614}.el-search-wrapper{flex:1;position:relative;overflow:visible;display:flex;align-items:center}.el-search-wrapper .el-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-tertiary);pointer-events:none;z-index:1}.el-search-wrapper input,.el-search-wrapper .smart-search-input,.el-search-wrapper .smart-search-input input{border:none!important;background:transparent!important;box-shadow:none!important;padding-left:40px!important;border-radius:12px 0 0 12px!important;height:42px;font-size:.875rem}.el-filter-btn{display:flex;align-items:center;gap:7px;padding:0 18px;border:none;border-left:1px solid var(--border-color);border-radius:0 12px 12px 0;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0}.el-filter-btn svg{width:15px;height:15px;flex-shrink:0}.el-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.el-filter-btn.el-filter-active{background:var(--primary);color:#fff;border-left-color:var(--primary)}.el-filter-btn.el-filter-active .el-filter-count{background:#ffffff40;color:#fff}.el-filter-count{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--text-primary);font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%}.el-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.el-filter-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:4px 5px 4px 10px;border-radius:20px;font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.el-filter-chip:hover{border-color:var(--text-tertiary);background:var(--bg-hover)}.el-chip-label{font-weight:600;color:var(--text-tertiary);font-size:.65rem;text-transform:uppercase;letter-spacing:.3px}.el-chip-value{color:var(--text-primary);font-weight:500}.el-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:var(--bg-hover);border-radius:50%;cursor:pointer;color:var(--text-tertiary);transition:all .2s cubic-bezier(.4,0,.2,1)}.el-chip-remove svg{width:10px;height:10px}.el-chip-remove:hover{background:#ef44441a;color:#ef4444}.el-clear-all{background:none;border:none;color:var(--primary, #8B5CF6);font-size:.75rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.el-clear-all:hover{background:var(--bg-secondary);text-decoration:underline}.el-drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:998;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.el-drawer-backdrop.show{opacity:1;pointer-events:auto}.el-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--bg-primary);z-index:999;box-shadow:-12px 0 40px #0000001f;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;border-left:1px solid var(--border-color)}.el-drawer.show{transform:translate(0)}.el-drawer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary, #8B5CF6),#a78bfa,#c4b5fd);z-index:1}.el-drawer-header{padding:20px 20px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.el-drawer-title{display:flex;align-items:center;gap:12px}.el-drawer-title h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.el-drawer-title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#8b5cf61a;border-radius:10px}.el-drawer-title-icon svg{width:18px;height:18px;color:var(--primary, #8B5CF6)}.el-drawer-subtitle{display:block;font-size:.7rem;color:var(--primary, #8B5CF6);font-weight:500;margin-top:1px}.el-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease}.el-drawer-close svg{width:15px;height:15px}.el-drawer-close:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}.el-drawer-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.el-drawer-content::-webkit-scrollbar{width:4px}.el-drawer-content::-webkit-scrollbar-track{background:transparent}.el-drawer-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.el-drawer-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.el-filter-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease}.el-filter-section:hover{border-color:#8b5cf626}.el-filter-section-title{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.el-filter-section-title svg{width:13px;height:13px;color:var(--primary, #8B5CF6);opacity:.7}.el-filter-group label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:600;font-size:.75rem;color:var(--text-secondary)}.el-filter-group label svg{width:13px;height:13px;flex-shrink:0;color:var(--text-tertiary)}.el-filter-row{display:flex;gap:10px}.el-filter-half{flex:1;min-width:0}.el-filter-divider{border-top:1px solid var(--border-color);margin:2px 0}.el-revenue-inputs{display:flex;align-items:center;gap:8px}.el-revenue-field{flex:1;position:relative}.el-revenue-field .el-input{padding-left:38px}.el-revenue-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:600;color:var(--text-tertiary);pointer-events:none;text-transform:uppercase;letter-spacing:.3px}.el-revenue-dash{color:var(--text-tertiary);font-size:.8rem;flex-shrink:0}.el-input{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.82rem;transition:all .2s ease}.el-input:focus{outline:none;border-color:var(--primary, #8B5CF6);box-shadow:0 0 0 3px #8b5cf614}.el-input:hover:not(:focus){border-color:#8b5cf64d}.el-input::placeholder{color:var(--text-tertiary)}.el-filter-hint{display:block;font-size:.65rem;color:var(--text-tertiary);margin-top:4px;font-style:italic}.el-drawer-footer{padding:14px 16px;border-top:1px solid var(--border-color);display:flex;gap:10px;background:var(--bg-secondary)}.el-drawer-reset{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.el-drawer-reset svg{width:14px;height:14px}.el-drawer-reset:hover{border-color:#ef44444d;color:#ef4444;background:#ef44440a}.el-drawer-apply{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 20px;border:none;background:var(--primary, #8B5CF6);color:#fff;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.el-drawer-apply:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.el-drawer-apply:active{transform:scale(.98)}.el-histogram{background:var(--bg-secondary);border:1px solid var(--border-color);padding:1rem 1rem .5rem;margin-bottom:0;border-radius:10px 10px 0 0;border-bottom:none}.el-histogram-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.el-histogram-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.el-histogram-title svg{width:14px;height:14px;color:var(--primary)}.el-histogram-granularity{font-size:.6rem;font-weight:500;color:var(--primary, #8B5CF6);background:#8b5cf61a;padding:2px 6px;border-radius:4px;letter-spacing:.02em;text-transform:none}.el-histogram-loading{display:inline-block;width:12px;height:12px;border:2px solid var(--border-color);border-top-color:var(--primary, #8B5CF6);border-radius:50%;animation:el-spin .8s linear infinite}.el-histogram-meta{display:flex;align-items:center;gap:1rem}.el-histogram-total{font-size:.75rem;color:var(--text-tertiary)}.el-histogram-total strong{color:var(--text-primary);font-weight:700}.el-histogram-legend{display:flex;align-items:center;gap:.75rem}.el-legend-item{display:flex;align-items:center;gap:.25rem;font-size:.625rem;color:var(--text-tertiary)}.el-legend-dot{width:6px;height:6px;border-radius:2px}.el-histogram-chart{height:140px;width:100%}.el-histogram-tooltip{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:8px 12px!important;font-size:.75rem!important;box-shadow:0 4px 12px #0000001a!important}.el-tooltip-label{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.el-tooltip-row{display:flex;align-items:center;gap:6px;font-size:.7rem}.el-tooltip-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}.el-tooltip-key{color:var(--text-secondary);text-transform:capitalize}.el-tooltip-val{font-weight:600;color:var(--text-primary)}.el-tooltip-total{border-top:1px solid var(--border-color);margin-top:4px;padding-top:4px;font-weight:600;font-size:.7rem;color:var(--text-primary)}.el-log-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 10px 10px;overflow:hidden}.el-log-container.el-no-histogram{border-radius:10px}.el-log-header{display:grid;grid-template-columns:40px 150px 90px 100px minmax(0,1fr) 70px 110px;align-items:center;height:36px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;gap:0}.el-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.el-sortable:hover{color:var(--text-primary)}.el-sort-icon{width:12px;height:12px;flex-shrink:0}.el-log-body{max-height:calc(100vh - 380px);overflow-y:auto}.el-log-body::-webkit-scrollbar{width:6px}.el-log-body::-webkit-scrollbar-track{background:transparent}.el-log-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.el-log-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.el-log-row{display:grid;grid-template-columns:40px 150px 90px 100px minmax(0,1fr) 70px 110px;align-items:center;min-height:38px;padding:0 12px;position:relative;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;transition:background .1s ease;gap:0}.el-log-row:last-child{border-bottom:none}.el-log-row:hover{background:var(--bg-secondary)}.el-log-row.selected{background:#6366f10a}.el-log-level-bar{position:absolute;left:0;top:0;bottom:0;width:3px}.el-log-check{display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer}.el-log-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--primary);pointer-events:none}.el-log-col-time{padding:0 4px}.el-log-timestamp{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;letter-spacing:-.01em}.el-log-col-level{padding:0 4px}.el-log-level-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.el-log-col-source{display:flex;align-items:center;gap:4px;padding:0 4px}.el-log-project{font-size:.7rem;color:var(--text-secondary);background:var(--bg-hover);padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.el-log-count{font-size:.625rem;color:var(--text-tertiary);background:var(--bg-hover);padding:1px 4px;border-radius:8px;font-weight:600}.el-log-col-message{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 4px;min-width:0;overflow:hidden}.el-log-title{font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;flex:1;min-width:0}.el-log-revenue{font-size:.7rem;color:#10b981;font-weight:600;flex-shrink:0;white-space:nowrap}.el-log-col-impact{text-align:center;padding:0 4px}.el-log-impact{display:inline-block;min-width:26px;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-align:center}.el-log-impact.high{background:#ef44441a;color:#ef4444}.el-log-impact.med{background:#f59e0b1a;color:#f59e0b}.el-log-impact.low{background:#3b82f61a;color:#3b82f6}.el-log-muted{color:var(--text-tertiary);font-size:.75rem}.el-log-col-assignee{padding:0 4px}.el-log-assignee{display:flex;align-items:center;gap:5px}.el-log-assignee img{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.el-log-assignee span{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.el-log-empty{padding:48px 20px;text-align:center}.el-log-empty .el-log-empty-icon{width:40px;height:40px;color:var(--text-tertiary);opacity:.4;margin-bottom:12px}.el-log-empty p{color:var(--text-primary);font-weight:500;margin:0 0 4px;font-size:.9rem}.el-log-empty span{color:var(--text-tertiary);font-size:.8rem}.event-card-clean{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;overflow:hidden;position:relative;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.event-card-clean:active{border-color:var(--color-primary)}.event-card-clean .level-bar{position:absolute;left:0;top:0;bottom:0;width:3px}.card-content{padding:12px 12px 12px 15px}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.card-header .level{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.card-header .project{font-size:.65rem;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px}.card-header .id{font-size:.65rem;color:var(--text-tertiary)}.card-header .count{font-size:.65rem;color:var(--text-secondary);background:var(--bg-secondary);padding:1px 5px;border-radius:10px}.card-header .status{margin-left:auto;font-size:.6rem;color:var(--text-tertiary)}.card-title{font-size:.875rem;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.card-meta .tags{display:flex;gap:4px}.card-meta .more{font-size:.6rem;color:var(--text-tertiary)}.card-meta .revenue{font-size:.7rem;color:#10b981;font-weight:500;margin-left:auto}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.card-footer .left{display:flex;align-items:center}.card-footer .assignee{display:flex;align-items:center;gap:6px}.card-footer .assignee img{width:18px;height:18px;border-radius:50%;object-fit:cover}.card-footer .assignee span{font-size:.75rem;color:var(--text-secondary)}.card-footer .unassigned{font-size:.75rem;color:var(--text-tertiary)}.card-footer .right{display:flex;align-items:center;gap:10px}.card-footer .impact{font-size:.7rem;color:var(--text-tertiary)}.card-footer .impact.high{color:#ef4444}.card-footer .time{font-size:.7rem;color:var(--text-tertiary)}.mobile-cards-list{padding:0}.bulk-action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 -4px 20px #00000026;padding:16px 24px;border-radius:12px 12px 0 0;z-index:1000;display:flex;align-items:center;gap:32px;transition:transform .3s cubic-bezier(.16,1,.3,1);min-width:400px;justify-content:space-between}.bulk-action-bar.visible{transform:translate(-50%) translateY(0)}.bulk-info{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.count-badge{background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.bulk-actions{display:flex;align-items:center;gap:12px}.btn-bulk{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-resolve{background:#10b981;color:#fff}.btn-resolve:hover{background:#0d9367;transform:translateY(-1px)}.btn-assign{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-assign:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef4444;color:#fff}.btn-cancel{background:transparent;color:var(--text-tertiary);font-weight:500;padding:10px 16px}.btn-cancel:hover{color:var(--text-primary);background:var(--bg-hover)}@media(max-width:1200px){.el-log-header,.el-log-row{grid-template-columns:36px 120px 80px 80px minmax(0,1fr) 60px 90px}.el-log-project{max-width:60px}}@media(max-width:768px){.el-log-container,.el-histogram{display:none}.el-header{padding:16px 0}.el-header-top{flex-direction:row;align-items:center;gap:8px}.el-page-title{font-size:1.25rem}.el-action-btn span{display:none}.el-action-btn{padding:8px}.el-search-bar{flex-direction:column;align-items:stretch;gap:0;border-radius:10px}.el-search-bar .el-search-wrapper{max-width:100%}.el-search-bar .el-search-wrapper input,.el-search-bar .el-search-wrapper .smart-search-input,.el-search-bar .el-search-wrapper .smart-search-input input{border-radius:10px 10px 0 0!important}.el-search-bar .el-filter-btn{width:100%;justify-content:center;border-left:none;border-top:1px solid var(--border-color);border-radius:0 0 10px 10px;padding:10px}.bulk-action-bar{min-width:90%;max-width:95%;left:50%;bottom:20px;border-radius:12px;flex-direction:column;gap:16px;padding:16px;transform:translate(-50%) translateY(150%)}.bulk-action-bar.visible{transform:translate(-50%) translateY(0)}.bulk-info{width:100%;justify-content:space-between}.bulk-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-delete{grid-column:span 2}.btn-cancel{grid-column:span 2;padding:8px}}@media(max-width:480px){.el-drawer{width:100%}}.drp-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:0 14px;height:42px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-tertiary);font-size:.82rem;cursor:pointer;transition:all .2s ease;text-align:left;white-space:nowrap}.drp-trigger:hover{border-color:#8b5cf666;background:var(--bg-hover)}.drp-trigger:focus-visible{outline:none;border-color:var(--primary, #8B5CF6);box-shadow:0 0 0 3px #8b5cf61a}.drp-trigger.drp-has-value{color:var(--text-primary);border-color:#8b5cf640;background:var(--bg-secondary)}.drp-trigger.drp-has-value .drp-trigger-icon{color:var(--primary, #8B5CF6)}.drp-trigger-icon{width:15px;height:15px;flex-shrink:0;color:var(--text-tertiary);transition:color .2s}.drp-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:Inter,-apple-system,sans-serif;letter-spacing:-.01em}.drp-trigger-chevron{width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary);opacity:.5;transition:transform .2s}.drp-container{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;box-shadow:0 16px 48px #0000001f,0 4px 12px #00000014}.drp-sidebar{width:164px;background:var(--bg-primary);border-right:1px solid var(--border-color);padding:10px 6px;display:flex;flex-direction:column}.drp-sidebar-title{padding:6px 10px;font-size:.6rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.drp-preset-list{display:flex;flex-direction:column;gap:1px}.drp-preset-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;text-align:left;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease}.drp-preset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.drp-preset-btn.active{background:#8b5cf61a;color:var(--primary, #8B5CF6);font-weight:600}.drp-preset-btn.active .drp-preset-icon{opacity:1;color:var(--primary, #8B5CF6)}.drp-preset-icon{width:13px;height:13px;flex-shrink:0;opacity:.45;transition:opacity .15s}.drp-main{display:flex;flex-direction:column}.drp-calendar-wrap .react-datepicker{display:flex!important;border:none!important;background:transparent!important;font-family:Inter,-apple-system,sans-serif!important}.drp-calendar-wrap .react-datepicker__month-container{float:none!important}.drp-calendar-wrap .react-datepicker__header{background:transparent!important;border-bottom:1px solid var(--border-color)!important;padding-top:10px!important}.drp-calendar-wrap .react-datepicker__current-month{font-size:.85rem!important;font-weight:600!important;color:var(--text-primary)!important}.drp-calendar-wrap .react-datepicker__day-name{color:var(--text-tertiary)!important;font-size:.7rem!important;font-weight:600!important}.drp-calendar-wrap .react-datepicker__day{color:var(--text-primary)!important;border-radius:8px!important;transition:all .12s ease!important;font-size:.8rem!important}.drp-calendar-wrap .react-datepicker__day:hover{background:var(--bg-hover)!important}.drp-calendar-wrap .react-datepicker__day--selected,.drp-calendar-wrap .react-datepicker__day--range-start,.drp-calendar-wrap .react-datepicker__day--range-end{background:var(--primary, #8B5CF6)!important;color:#fff!important;font-weight:600!important}.drp-calendar-wrap .react-datepicker__day--selected:hover,.drp-calendar-wrap .react-datepicker__day--range-start:hover,.drp-calendar-wrap .react-datepicker__day--range-end:hover{background:var(--primary, #7c3aed)!important}.drp-calendar-wrap .react-datepicker__day--in-range,.drp-calendar-wrap .react-datepicker__day--in-selecting-range{background:#8b5cf61f!important;color:var(--text-primary)!important}.drp-calendar-wrap .react-datepicker__day--outside-month{opacity:.3!important}.drp-calendar-wrap .react-datepicker__day--disabled{opacity:.2!important;cursor:not-allowed!important}.drp-calendar-wrap .react-datepicker__day--today{font-weight:700!important}.drp-calendar-wrap .react-datepicker__navigation{top:10px!important}.drp-calendar-wrap .react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important}.drp-time-section{border-top:1px solid var(--border-color);padding:12px 16px;background:var(--bg-primary)}.drp-time-row{display:flex;align-items:flex-end;gap:12px}.drp-time-group{flex:1}.drp-time-label{display:flex;align-items:center;gap:5px;font-size:.65rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.drp-time-icon{width:11px;height:11px;flex-shrink:0}.drp-time-input{width:100%;padding:7px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.82rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:500;transition:all .2s ease;accent-color:#8B5CF6}.drp-time-input:focus{outline:none;border-color:var(--primary, #8B5CF6);box-shadow:0 0 0 3px #8b5cf61a}.drp-time-input:hover:not(:focus){border-color:#8b5cf64d}.drp-time-input::-webkit-calendar-picker-indicator{filter:none;opacity:.6;cursor:pointer;border-radius:4px;padding:2px;transition:opacity .2s ease,background .2s ease}.drp-time-input::-webkit-calendar-picker-indicator:hover{opacity:1;background:#8b5cf61a}.drp-time-input::-webkit-datetime-edit{color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:500}.drp-time-input::-webkit-datetime-edit-fields-wrapper{padding:0}.drp-time-input::-webkit-datetime-edit-hour-field,.drp-time-input::-webkit-datetime-edit-minute-field,.drp-time-input::-webkit-datetime-edit-second-field,.drp-time-input::-webkit-datetime-edit-ampm-field{color:var(--text-primary);padding:1px 3px;border-radius:4px;transition:background .15s ease,color .15s ease}.drp-time-input::-webkit-datetime-edit-hour-field:focus,.drp-time-input::-webkit-datetime-edit-minute-field:focus,.drp-time-input::-webkit-datetime-edit-second-field:focus,.drp-time-input::-webkit-datetime-edit-ampm-field:focus{background:#8b5cf626;color:#8b5cf6;outline:none}.drp-time-input::-webkit-datetime-edit-text{color:var(--text-tertiary);padding:0 1px}[data-theme=dark] .drp-time-input::-webkit-calendar-picker-indicator{filter:invert(1) hue-rotate(180deg);opacity:.5}[data-theme=dark] .drp-time-input::-webkit-calendar-picker-indicator:hover{opacity:.9;filter:invert(1) hue-rotate(180deg);background:#8b5cf633}[data-theme=dark] .drp-time-input::-webkit-datetime-edit-hour-field:focus,[data-theme=dark] .drp-time-input::-webkit-datetime-edit-minute-field:focus,[data-theme=dark] .drp-time-input::-webkit-datetime-edit-second-field:focus,[data-theme=dark] .drp-time-input::-webkit-datetime-edit-ampm-field:focus{background:#8b5cf640;color:#a78bfa}.drp-time-separator{display:flex;align-items:center;justify-content:center;padding-bottom:8px}.drp-time-separator svg{width:16px;height:16px;color:var(--text-tertiary);opacity:.5}@media(max-width:480px){.drp-container{flex-direction:column-reverse;max-width:300px}.drp-sidebar{width:100%;border-right:none;border-top:1px solid var(--border-color);flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}.drp-sidebar-title{width:100%;padding:4px 6px}.drp-preset-btn{flex:0 0 auto;padding:5px 10px;font-size:.75rem}.drp-preset-icon{display:none}}.ep-page{display:flex;flex-direction:column;height:100%;position:relative}.ep-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 0 24px}.ep-header-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.ep-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-top:2px}.ep-back-btn svg{width:18px;height:18px}.ep-back-btn:hover{border-color:var(--primary, #8B5CF6);color:var(--primary, #8B5CF6);background:#8b5cf60f}.ep-header-info{display:flex;flex-direction:column;gap:6px;min-width:0}.ep-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ep-event-id{font-size:1.4rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.02em}.ep-level-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ep-subtitle{margin:0;color:var(--text-secondary);font-size:.85rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ep-subtitle-divider{color:var(--border-color);font-size:.75rem}.ep-country-info{display:inline-flex;align-items:center;gap:4px;color:var(--text-tertiary)}.ep-country-info span{color:var(--text-primary);font-weight:500}.ep-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ep-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44440f;color:#ef4444;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-delete-btn svg{width:14px;height:14px}.ep-delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.ep-delete-btn:disabled{opacity:.5;cursor:not-allowed}.ep-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.ep-main{min-width:0;display:flex;flex-direction:column;gap:16px}.ep-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--navbar-height, 60px) + 20px);height:fit-content}.ep-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:border-color .2s ease}.ep-card:hover{border-color:#8b5cf626}.ep-card-title{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.ep-card-title svg{width:15px;height:15px;color:var(--primary, #8B5CF6);opacity:.7;flex-shrink:0}.ep-card-title-flex{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.ep-card-title-flex .ep-card-title-left{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.ep-card-title-flex .ep-card-title-left svg{width:15px;height:15px;color:var(--primary, #8B5CF6);opacity:.7;flex-shrink:0}.ep-event-title{font-size:1.35rem;font-weight:700;margin:0 0 12px;color:var(--text-primary);line-height:1.4;letter-spacing:-.01em}.ep-occurrence-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:8px;font-size:.78rem;font-weight:600;color:var(--primary, #8B5CF6);margin-bottom:12px}.ep-occurrence-badge svg{width:14px;height:14px}.ep-event-description{color:var(--text-secondary);line-height:1.7;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ep-impact-card.ep-impact-critical{border-color:#ef444440;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(239,68,68,.03) 100%)}.ep-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.ep-impact-stat{display:flex;flex-direction:column;gap:4px}.ep-impact-value{font-size:1.8rem;font-weight:800;line-height:1.2}.ep-impact-value .ep-impact-unit{font-size:.85rem;font-weight:500;opacity:.6}.ep-impact-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.ep-impact-bar{height:6px;background:var(--bg-primary);border-radius:3px;margin-top:16px;overflow:hidden}.ep-impact-bar .ep-impact-bar-fill{height:100%;border-radius:3px;transition:width 1s ease-out}.ep-impact-hint{margin:12px 0 0;font-size:.78rem;color:var(--text-tertiary);font-style:italic}.ep-json-container{background:#1a1b26;color:#c0caf5;padding:16px;border-radius:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;overflow-x:auto;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-height:400px;overflow-y:auto}.ep-json-container pre{margin:0}.ep-json-container::-webkit-scrollbar{width:4px;height:4px}.ep-json-container::-webkit-scrollbar-track{background:transparent}.ep-json-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ep-ai-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f140}.ep-ai-btn svg{width:14px;height:14px}.ep-ai-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.ep-ai-btn:disabled{opacity:.65;cursor:wait}.ep-ai-card{position:relative;background:linear-gradient(135deg,#6366f10a,#8b5cf60a);border-color:#6366f133;overflow:hidden}.ep-ai-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#6366f1,#8b5cf6)}.ep-ai-title{background:linear-gradient(to right,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:.82rem;letter-spacing:.3px}.ep-ai-body{line-height:1.7;color:var(--text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.88rem;white-space:pre-wrap}.ep-comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ep-comment{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:14px;transition:border-color .15s ease}.ep-comment:hover{border-color:#8b5cf626}.ep-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ep-comment-user{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.ep-comment-user img{width:22px;height:22px;border-radius:50%;object-fit:cover}.ep-comment-user strong{color:var(--text-primary);font-weight:600}.ep-comment-user .ep-comment-time{color:var(--text-tertiary);font-size:.72rem}.ep-comment-delete{background:none;border:none;color:var(--text-tertiary);font-size:.7rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-comment-delete:hover{color:#ef4444;background:#ef44440f}.ep-comment-body{font-size:.9rem;color:var(--text-primary);line-height:1.6}.ep-comment-empty{color:var(--text-tertiary);font-size:.85rem;text-align:center;padding:20px 0}.ep-comment-form{display:flex;flex-direction:column;gap:10px}.ep-textarea-wrap{position:relative}.ep-textarea{width:100%;padding:12px 60px 12px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.88rem;line-height:1.6;resize:vertical;min-height:90px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-textarea:focus{outline:none;border-color:var(--primary, #8B5CF6);box-shadow:0 0 0 3px #8b5cf614}.ep-textarea::placeholder{color:var(--text-tertiary)}.ep-char-count{position:absolute;bottom:10px;right:12px;font-size:.68rem;color:var(--text-tertiary);pointer-events:none;background:var(--bg-primary);padding:2px 6px;border-radius:4px}.ep-char-count.ep-char-warn{color:#ef4444}.ep-comment-actions{display:flex;justify-content:flex-end}.ep-post-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--primary, #8B5CF6);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-post-btn svg{width:14px;height:14px}.ep-post-btn:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.ep-post-btn:disabled{opacity:.5;cursor:not-allowed}.ep-session-flow{display:flex;flex-direction:column;position:relative;padding-left:16px}.ep-session-line{position:absolute;top:20px;bottom:20px;left:31px;width:2px;background:var(--border-color)}.ep-session-marker{display:flex;align-items:center;gap:14px;padding:4px 0;z-index:1}.ep-session-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;font-weight:700}.ep-session-dot svg{width:12px;height:12px}.ep-session-marker-label{font-weight:600;font-size:.82rem}.ep-session-start{color:#10b981}.ep-session-start .ep-session-dot{background:#10b9811a;border:2px solid #10b981;color:#10b981}.ep-session-end{color:var(--text-tertiary)}.ep-session-end .ep-session-dot{background:var(--bg-secondary);border:2px solid var(--border-color)}.ep-session-item{display:flex;gap:14px;margin-bottom:12px;align-items:flex-start;cursor:pointer;position:relative;z-index:1;transition:opacity .2s ease}.ep-session-item:not(.ep-session-current){opacity:.65}.ep-session-item:hover{opacity:1}.ep-session-node{min-width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;border-width:2px;border-style:solid;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-session-node-active{background:var(--primary, #8B5CF6);border-color:var(--primary, #8B5CF6);color:#fff;box-shadow:0 0 0 4px #8b5cf626}.ep-session-card{flex:1;padding:14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary);transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-session-card.ep-session-card-active{border-color:var(--primary, #8B5CF6);background:linear-gradient(135deg,rgba(139,92,246,.04),transparent)}.ep-session-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px;flex-wrap:wrap}.ep-session-card-meta{display:flex;align-items:center;gap:8px}.ep-session-card-time{font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Fira Code,monospace}.ep-viewing-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#8b5cf61a;color:var(--primary, #8B5CF6);border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.5px}.ep-session-card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.ep-session-card-desc{margin-top:8px;padding:10px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;line-height:1.5}.ep-sidebar-label{display:block;font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.ep-sidebar-field+.ep-sidebar-field{margin-top:14px}.ep-status-readonly{display:flex;align-items:center;gap:8px;background:var(--bg-primary);padding:10px 14px;border-radius:8px;font-size:.85rem;color:var(--text-primary);border:1px solid var(--border-color)}.ep-status-readonly svg{width:14px;height:14px;flex-shrink:0}.ep-assignee-row{display:flex;align-items:center;gap:10px}.ep-assignee-select{flex:1}.ep-assignee-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--primary, #8B5CF6);object-fit:cover;flex-shrink:0}.ep-claim-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:8px;border:1px dashed var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-claim-btn svg{width:14px;height:14px}.ep-claim-btn:hover{border-color:var(--primary, #8B5CF6);color:var(--primary, #8B5CF6);background:#8b5cf60a}.ep-jira-linked{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);padding:12px;border-radius:8px;border:1px solid var(--border-color)}.ep-jira-info{display:flex;flex-direction:column;gap:2px}.ep-jira-label{font-size:.72rem;color:var(--text-tertiary)}.ep-jira-key{font-weight:700;color:var(--text-primary);font-size:.9rem}.ep-jira-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-jira-link:hover{border-color:#0052cc;color:#0052cc}.ep-jira-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#0052cc;border-radius:3px;color:#fff;flex-shrink:0}.ep-jira-icon svg{width:10px;height:10px}.ep-jira-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-jira-create-btn:hover{border-color:#0052cc;color:#0052cc;background:#0052cc0a}.ep-env-tags{display:flex;flex-wrap:wrap;gap:8px}.ep-env-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:600}.ep-env-tag svg{width:13px;height:13px;flex-shrink:0}.ep-context-field+.ep-context-field{margin-top:12px}.ep-context-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.ep-context-value{font-size:.88rem;color:var(--text-primary);word-break:break-all}.ep-context-link{color:var(--primary, #8B5CF6);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ep-context-link svg{width:12px;height:12px}.ep-context-link:hover{opacity:.8}.ep-context-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem}.ep-context-url{font-size:.82rem;word-break:break-all}.ep-context-url a{color:var(--primary, #8B5CF6);text-decoration:none}.ep-context-url a:hover{text-decoration:underline}.ep-revenue-amount{font-size:1.4rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.ep-revenue-currency{font-size:.85rem;color:var(--text-secondary);font-weight:500}.ep-revenue-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);border-radius:6px;font-size:.7rem;font-weight:600}.ep-revenue-badge svg{width:10px;height:10px}.ep-timeline{display:flex;flex-direction:column}.ep-timeline-item{position:relative;padding-left:24px;padding-bottom:16px;border-left:2px solid var(--border-color);margin-left:6px}.ep-timeline-item:last-child{padding-bottom:0;border-left-color:transparent}.ep-timeline-item:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--primary, #8B5CF6)}.ep-timeline-item.ep-timeline-resolved:before{border-color:#10b981}.ep-timeline-time{font-size:.7rem;color:var(--text-tertiary);margin-bottom:2px;cursor:help}.ep-timeline-content{font-size:.82rem;color:var(--text-primary)}.ep-timeline-content strong{font-weight:600}.ep-timeline-content p{margin:2px 0 0;font-size:.75rem;color:var(--text-secondary)}.ep-timeline-note{margin:4px 0 0;font-size:.75rem;color:var(--text-primary);font-style:italic}.ep-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ep-spin .8s linear infinite}@keyframes ep-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.ep-layout{grid-template-columns:1fr}.ep-sidebar{position:static}}@media(max-width:768px){.ep-header{flex-direction:column;gap:12px;padding:16px 0}.ep-back-btn{display:none}.ep-header-actions{width:100%}.ep-delete-btn{flex:1;justify-content:center}.ep-event-id{font-size:1.2rem}.ep-event-title{font-size:1.15rem}.ep-impact-grid{grid-template-columns:1fr 1fr}}.landing-container{background:#030014;color:#f8fafc;width:100%;min-height:100vh;overflow-x:hidden;position:relative}.aurora-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-blob 10s infinite alternate cubic-bezier(.4,0,.2,1)}.aurora-blob.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#4f46e5}.aurora-blob.blob-2{top:20%;right:-20%;width:40vw;height:40vw;background:#9333ea;animation-delay:-5s}.landing-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border-bottom:1px solid transparent}.landing-nav.scrolled{background:#030014cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#ffffff14;padding:.8rem 5%}.nav-logo{font-family:Outfit,sans-serif;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;position:relative;z-index:1002}.nav-links{display:flex;gap:2rem}.nav-links a{color:#94a3b8;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.nav-buttons{display:flex;gap:1rem;align-items:center}.nav-login{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}.nav-cta{background:#fff;color:#000;border:none;padding:.5rem 1.2rem;border-radius:99px;font-weight:600;cursor:pointer;transition:transform .2s}.nav-cta:hover{transform:scale(1.05)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;z-index:1002;padding:0}.mobile-menu-btn span{width:24px;height:2px;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px;margin-top:-26px;font-size:30px!important}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#030014f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;pointer-events:none;transition:all .3s ease}.mobile-overlay.open{opacity:1;pointer-events:all}.mobile-overlay a{font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none}.hero-section{position:relative;padding-top:10rem;padding-bottom:4rem;text-align:center;z-index:1;max-width:1200px;margin:0 auto}@media(max-width:768px){.hero-section{padding-top:8rem}}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#818cf8;font-size:.9rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-title{font-family:Outfit,sans-serif;font-size:5rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.hero-title{font-size:3rem}}.hero-subtitle{font-size:1.25rem;color:#94a3b8;max-width:600px;margin:0 auto 3rem;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:5rem}.btn-primary-glow{background:linear-gradient(to right,#6366f1,#4f46e5);color:#fff;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;border:none;box-shadow:0 4px 15px #6366f14d;cursor:pointer;transition:all .3s}.hero-visual-container{perspective:1000px;padding:0 2rem;margin-top:2rem}.dashboard-mockup{background:#0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 50px 100px -20px #000000b3,inset 0 0 0 1px #ffffff0d;padding:0;transform:rotateX(5deg) scale(.95);transition:transform .5s ease-out;position:relative;overflow:hidden;text-align:left;max-width:1000px;margin:0 auto}.dashboard-mockup:hover{transform:rotateX(0) scale(1)}.mockup-header{height:48px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 1.5rem;gap:.6rem}.mockup-dot{width:12px;height:12px;border-radius:50%;opacity:.8}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#f59e0b}.mockup-dot.green{background:#22c55e}.mockup-search{width:200px;height:24px;background:#ffffff0d;border-radius:6px;margin-left:2rem}.mockup-body{background:transparent;padding:2rem;font-family:Inter,sans-serif;color:#f8fafc}.mock-app-content{display:flex;flex-direction:column;gap:1.5rem}.mock-section-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.mock-row-top{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:900px){.mock-row-top{grid-template-columns:1fr}}.mock-card{background:#1e293b66;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px}.mock-card-header{position:absolute;top:1.5rem;left:1.5rem;font-size:.9rem;font-weight:600;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.icon-box-xs{font-size:1.1rem;filter:grayscale(100%);opacity:.7}.mock-big-number{font-size:4rem;font-weight:700;color:#fff;line-height:1}.mock-big-number.text-blue{color:#60a5fa}.mock-label{margin-top:.5rem;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.mock-row-main{display:grid;grid-template-columns:2fr 1.5fr 2fr;gap:1.5rem;min-height:250px}@media(max-width:900px){.mock-row-main{grid-template-columns:1fr}}.mock-panel{background:#1e293b66;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:1.5rem;display:flex;flex-direction:column}.mock-panel-title{font-size:.95rem;font-weight:600;color:#94a3b8;margin-bottom:1.5rem}.mock-chart-bar-container{display:flex;align-items:flex-end;justify-content:space-between;height:100%;padding:0 .5rem}.mock-bar{width:12%;background:#ffffff1a;border-radius:4px}.mock-bar.active{background:#818cf8;box-shadow:0 0 15px #818cf84d}.mock-chart-pie{width:120px;height:120px;border-radius:50%;background:conic-gradient(#ec4899 0% 70%,#3b82f6 70% 100%);margin:0 auto;opacity:.9}.mock-legend{display:flex;justify-content:center;gap:1rem;margin-top:1rem;font-size:.75rem;color:#64748b}.mock-line-svg{width:100%;height:100%;overflow:visible}.mock-chart-line-container{flex:1;display:flex;align-items:flex-end}.features-section{padding:8rem 5%;max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center}.section-tag{color:#818cf8;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.85rem;margin-bottom:1rem;display:block}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#fff;font-family:Outfit,sans-serif;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:50%;bottom:-15px;transform:translate(-50%);width:60px;height:4px;background:#0f172a;border-radius:4px;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff1a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#030014b3;border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:20px;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.feature-card:hover{background:#0a0a23cc;border-color:#ffffff26;transform:translateY(-5px)}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.feature-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.feature-desc{color:#94a3b8;line-height:1.6;font-size:.95rem}.how-it-works-section{padding:8rem 5%;max-width:1000px;margin:0 auto;position:relative;z-index:1}.lp-timeline-container{position:relative;padding:2rem 0}.lp-timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#818cf8,transparent);transform:translate(-50%)}.lp-timeline-step{display:flex;justify-content:space-between;align-items:center;margin-bottom:6rem;position:relative}.lp-timeline-step:nth-child(2n){flex-direction:row-reverse}.lp-timeline-content{width:45%;background:#030014b3;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:20px;transition:all .3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.lp-timeline-content:hover{border-color:#818cf8;transform:translateY(-5px)}.step-badge{display:inline-block;padding:.25rem .75rem;background:#818cf81a;border:1px solid rgba(129,140,248,.2);border-radius:100px;color:#818cf8;font-size:.8rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.step-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.step-desc{color:#94a3b8;font-size:1rem;line-height:1.6}.lp-timeline-visual{width:45%;display:flex;justify-content:center;align-items:center}.visual-box{width:100%;height:200px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.lp-timeline-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#030014;border:3px solid #818cf8;border-radius:50%;z-index:2;box-shadow:0 0 0 5px #818cf833}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;align-items:flex-start}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:500px}}.pricing-card{background:#030014b3;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2rem;text-align:left;transition:all .3s ease;position:relative;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{background:#818cf80d;border-color:#818cf8;box-shadow:0 0 40px -10px #818cf866;transform:scale(1.05);z-index:2}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-card.featured .plan-btn{background:#fff;color:#000;border:none}.pricing-card.featured .plan-btn:hover{background:#e2e8f0}@media(max-width:900px){.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}}.plan-name{font-size:1.25rem;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center}.plan-price{font-size:3rem;font-weight:700;color:#fff;margin:1.5rem 0 .5rem;line-height:1}.plan-period{font-size:.95rem;color:#94a3b8;font-weight:400}.plan-desc{color:#94a3b8;margin-bottom:2rem;font-size:.95rem}.plan-features{list-style:none;padding:0;margin-bottom:2rem;flex-grow:1}.plan-features li{display:flex;gap:.75rem;color:#e2e8f0;margin-bottom:.8rem;font-size:.95rem}.plan-features li .check{color:#818cf8;font-weight:700}.plan-btn{width:100%;padding:.8rem;border-radius:10px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;transition:all .2s}.plan-btn:hover{background:#ffffff0d}.popular-badge{background:#818cf8;color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:99px;text-transform:uppercase;font-weight:700}.contact-block{max-width:800px;margin:4rem auto 0;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;text-align:center;display:flex;align-items:center;justify-content:space-between;gap:2rem}@media(max-width:900px){.contact-block{flex-direction:column;text-align:center}}.contact-text h3{color:#fff;margin-bottom:.5rem;font-size:1.25rem}.contact-text p{color:#94a3b8;font-size:.95rem}@media(max-width:900px){.timeline-line{left:20px}.timeline-step{flex-direction:column!important;align-items:flex-start;margin-left:50px}.timeline-content,.timeline-visual{width:100%}.timeline-visual{margin-top:1.5rem;display:none}.timeline-marker{left:20px}.nav-links,.nav-buttons{display:none}.mobile-menu-btn{display:flex}}body{margin:0;padding:0}.auth-container{background:#030014;color:#f8fafc;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.aurora-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float-blob 10s infinite alternate cubic-bezier(.4,0,.2,1)}.aurora-blob.blob-1{top:-10%;left:-10%;width:60vw;height:60vw;background:#4f46e5}.aurora-blob.blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:#9333ea;animation-delay:-5s}@keyframes float-blob{0%{transform:translate(0)}to{transform:translate(5%,5%)}}.auth-glass-card{background:#030014b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;width:100%;max-width:480px;z-index:10;box-shadow:0 25px 50px -12px #00000080;animation:fade-in-up .6s ease-out}@media(max-width:640px){.auth-glass-card{max-width:100%;padding:2rem 2.5rem;margin:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:380px){.auth-glass-card{padding:1.5rem 1rem}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;margin:1rem 0 .5rem;color:#fff}@media(max-width:380px){.auth-title{font-size:1.75rem}}.auth-subtitle{color:#94a3b8;font-size:1rem;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.auth-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1rem;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s;outline:none}.auth-input:focus{border-color:#818cf8;background:var(--bg-hover);box-shadow:0 0 0 3px #818cf866}.auth-input::placeholder{color:var(--text-secondary)}.auth-input.error{border-color:#ef4444;background:#ef44441a}.error-msg{color:#ef4444;font-size:.85rem;margin-top:.4rem}.btn-primary-glow{width:100%;background:linear-gradient(to right,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;padding:.9rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #6366f14d;display:flex;align-items:center;justify-content:center;margin-top:1rem}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-primary-glow:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-btn-secondary{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;padding:.8rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none}.auth-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.auth-link{color:#818cf8;text-decoration:none;font-weight:500;transition:color .2s}.auth-link:hover{color:#a5b4fc}.auth-divider{display:flex;align-items:center;margin:2rem 0;color:#94a3b8;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 1rem}.auth-footer-text{margin-top:2rem;text-align:center;font-size:.95rem;color:#94a3b8}.command-palette-overlay{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;animation:fadeIn .15s ease-out}.command-palette-modal{width:100%;max-width:600px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .command-palette-modal{background:#1e293bd9;box-shadow:0 20px 25px -5px #00000080,0 0 0 1px #ffffff1a}.cp-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.cp-search-icon{width:20px;height:20px;color:var(--text-tertiary);margin-right:.75rem}.cp-input{flex:1;border:none;background:transparent;font-size:1.1rem;color:var(--text-primary);outline:none}.cp-input::placeholder{color:var(--text-tertiary)}.cp-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color);font-weight:600}.cp-list{max-height:400px;overflow-y:auto;padding:.5rem}.cp-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .1s;color:var(--text-secondary)}.cp-item.selected{background:var(--primary);color:#fff}.cp-item.selected .cp-icon{color:#fff}.cp-item.selected .cp-sublabel{color:#ffffffb3}.cp-icon{width:20px;height:20px;margin-right:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.cp-icon svg{width:100%;height:100%}.cp-content{flex:1;display:flex;flex-direction:column}.cp-label{font-weight:500;font-size:.95rem}.cp-sublabel{font-size:.8rem;color:var(--text-tertiary)}.cp-enter-icon{width:16px;height:16px;opacity:.8}.cp-empty{padding:2rem;text-align:center;color:var(--text-tertiary)}.cp-footer{padding:.75rem 1rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:1rem;font-size:.8rem;color:var(--text-tertiary)}[data-theme=dark] .cp-footer{background:#0f172a80}.cp-shortcut{display:flex;align-items:center;gap:.4rem}.cp-key{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:3px;padding:0 .3rem;min-width:1.2rem;text-align:center;font-family:inherit}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.plan-page-container{--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--primary: #6366F1;--primary-light: #EEF2FF;--primary-hover: #4338CA;--border-color: #E5E7EB;--bg-page: #F9FAFB;--bg-card: #FFFFFF;--bg-table-header: #F9FAFB;--success: #10B981;--danger: #EF4444}[data-theme=dark] .plan-page-container,:global(.dark) .plan-page-container{--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-tertiary: #64748B;--primary: #818CF8;--primary-light: rgba(129, 140, 248, .15);--primary-hover: #6366F1;--border-color: rgba(255, 255, 255, .1);--bg-page: #0F172A;--bg-card: #1E1B4B;--bg-table-header: rgba(0, 0, 0, .2);--success: #34D399;--danger: #F87171}.plan-page-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;font-family:Inter,sans-serif;color:var(--text-primary);background-color:var(--bg-page);min-height:100vh}@media(max-width:768px){.plan-page-container{padding:0 1rem}}.plan-header{text-align:center;margin-bottom:3rem;padding-top:1rem}@media(max-width:768px){.plan-header{margin-bottom:2rem;padding-top:.5rem}}.plan-title{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary);line-height:1.2}@media(max-width:768px){.plan-title{font-size:1.75rem}}.plan-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.plan-subtitle{font-size:.95rem;margin-bottom:1.5rem}}.plan-toggle-container{display:inline-flex;background:#f3f4f6;padding:.25rem;border-radius:.5rem;position:relative;margin-bottom:1rem}.toggle-option{padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.375rem;cursor:pointer;transition:all .2s;background:transparent;border:none;color:var(--text-secondary)}.toggle-option.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.subscription-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 6px -1px #0000000d}@media(max-width:768px){.subscription-card{padding:1.25rem;margin-bottom:2rem}}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.sub-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}}.sub-title-row{display:flex;align-items:center;gap:12px}.sub-title{font-size:1.5rem;font-weight:700;margin:0}@media(max-width:768px){.sub-title{font-size:1.25rem}}.current-plan-badge{background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background-color:var(--primary-light);color:var(--primary);font-weight:600;font-size:.9rem;border-radius:99px;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;line-height:1}.billing-link:hover{background-color:#6366f126;transform:translateY(-1px);box-shadow:0 4px 12px #6366f126;text-decoration:none;color:var(--primary-hover)}.billing-link:active{transform:translateY(0)}.billing-link .material-icons{transition:transform .2s ease;font-size:1.1rem}.billing-link:hover .material-icons{transform:translate(3px)}@media(max-width:768px){.billing-link{font-size:.85rem}}[data-theme=dark] .billing-link:hover,:global(.dark) .billing-link:hover{background-color:#818cf833;box-shadow:0 4px 12px #818cf833}.usage-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}@media(max-width:768px){.usage-stats-grid{grid-template-columns:1fr;gap:2rem}}.usage-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:700;margin-bottom:1.5rem}.usage-item{margin-bottom:1.5rem}.usage-info{display:flex;justify-content:space-between;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.usage-track{width:100%;height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.usage-fill{height:100%;border-radius:99px;transition:width 1s ease}.usage-fill.primary{background:var(--primary)}.usage-fill.danger{background:var(--danger)}.usage-fill.success{background:var(--success)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}@media(max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:all .2s}.plan-card:hover{border-color:#d1d5db;box-shadow:0 10px 15px -3px #0000000d}.plan-card.active-plan-border{border:2px solid var(--primary)}@media(max-width:640px){.plan-card{padding:1.25rem;margin-top:1rem}}.plan-card .most-popular-badge{display:inline-block;padding:.375rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #6366f14d;white-space:nowrap}[data-theme=dark] .plan-card .most-popular-badge,:global(.dark) .plan-card .most-popular-badge{background:linear-gradient(135deg,var(--primary) 0%,#4338CA 100%);box-shadow:0 4px 6px -1px #818cf866}@media(max-width:640px){.plan-card .most-popular-badge{font-size:.7rem;padding:.3rem .85rem}}.plan-header-sm{margin-bottom:1.5rem}.plan-name-sm{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}@media(max-width:640px){.plan-name-sm{font-size:1.1rem}}.plan-price-sm{font-size:2.25rem;font-weight:800;display:flex;align-items:baseline}@media(max-width:640px){.plan-price-sm{font-size:1.875rem}}.plan-period-sm{font-size:1rem;font-weight:500;color:var(--text-tertiary);margin-left:4px}@media(max-width:640px){.plan-period-sm{font-size:.9rem}}.plan-desc-sm{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;min-height:2.5em}@media(max-width:640px){.plan-desc-sm{font-size:.8rem;min-height:auto}}.features-list-sm{list-style:none;margin-bottom:2rem;flex:1}@media(max-width:640px){.features-list-sm{margin-bottom:1.5rem}}.feature-row{display:flex;align-items:center;gap:10px;font-size:.875rem;margin-bottom:.75rem;color:var(--text-secondary)}@media(max-width:640px){.feature-row{font-size:.8rem;margin-bottom:.6rem;gap:8px}}.check-icon-sm{color:var(--success);font-size:1.1rem}@media(max-width:640px){.check-icon-sm{font-size:1rem}}.cross-icon-sm{color:var(--text-tertiary);font-size:1.1rem}@media(max-width:640px){.cross-icon-sm{font-size:1rem}}.plan-action-btn{width:100%;padding:.875rem;border-radius:.5rem;font-weight:600;cursor:pointer;font-size:.875rem;transition:all .2s}.plan-action-btn.btn-current{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;cursor:not-allowed;opacity:.8}.plan-action-btn.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.plan-action-btn.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary)}@media(max-width:640px){.plan-action-btn{padding:.75rem;font-size:.85rem}}.btn-dark{background:#111827;color:#fff;border:none}.btn-dark:hover{background:#1f2937}.btn-light{background:#f3f4f6;color:var(--text-secondary);border:none}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover)}.billing-section{margin-top:3rem}@media(max-width:768px){.billing-section{margin-top:2rem}}.billing-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}@media(max-width:768px){.billing-title{font-size:1.25rem;margin-bottom:1rem}}.billing-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}@media(max-width:768px){.billing-table-container{overflow-x:auto}}.billing-table{width:100%;border-collapse:collapse}.billing-table th{text-align:left;padding:1rem 1.5rem;background:var(--bg-table-header);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color)}.billing-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.billing-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-paid{background:#ecfdf5;color:#059669}.status-pending{background:#fffbeb;color:#d97706}.download-icon{color:var(--primary);cursor:pointer}.no-data{color:var(--text-tertiary);text-align:center;padding:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;overflow:hidden;position:relative;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .modal-content{background:#1f2937;border:1px solid #374151}.modal-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}[data-theme=dark] .modal-header{border-color:#374151}[data-theme=dark] .modal-header h2{color:#f9fafb}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;line-height:1;padding:4px;border-radius:4px;transition:all .2s}.modal-close:hover{color:#4b5563;background:#f3f4f6}[data-theme=dark] .modal-close{color:#9ca3af}[data-theme=dark] .modal-close:hover{color:#e5e7eb;background:#374151}.modal-body{padding:1.5rem;color:#4b5563;line-height:1.5}[data-theme=dark] .modal-body{color:#d1d5db}.modal-footer{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}[data-theme=dark] .modal-footer{background:#111827;border-color:#374151}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}[data-theme=dark] .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}[data-theme=dark] .btn-secondary:hover{background:#4b5563;color:#fff}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px #2563eb33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pingSlow{75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}.animate-pop{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.animate-ping-slow{animation:pingSlow 2s cubic-bezier(0,0,.2,1) infinite}.checkout-page-root{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:#f9fafb;font-family:Inter,sans-serif;color:#111827}.checkout-page-root *,.checkout-page-root *:before,.checkout-page-root *:after{box-sizing:border-box}.checkout-page-root h1,.checkout-page-root h2,.checkout-page-root h3,.checkout-page-root p,.checkout-page-root ul,.checkout-page-root li,.checkout-page-root figure,.checkout-page-root blockquote,.checkout-page-root dl,.checkout-page-root dd{margin:0;padding:0}.checkout-page-root button,.checkout-page-root input,.checkout-page-root select,.checkout-page-root textarea{font-family:inherit;font-size:100%}.checkout-page-root .checkout-layout{display:flex;flex-direction:column;min-height:100vh}@media(min-width:1024px){.checkout-page-root .checkout-layout{flex-direction:row}}.checkout-page-root .checkout-sidebar{width:100%;background-color:#1e1b4b;color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}@media(min-width:1024px){.checkout-page-root .checkout-sidebar{width:41.666667%;padding:4rem}}.checkout-page-root .sidebar-blob{position:absolute;top:-6rem;left:-6rem;width:24rem;height:24rem;background-color:#6366f133;border-radius:9999px;filter:blur(64px);z-index:0}.checkout-page-root .sidebar-content{position:relative;z-index:10}.checkout-page-root .back-link{display:inline-flex;align-items:center;color:#c7d2fe;text-decoration:none;margin-bottom:3rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:0;transition:color .2s}.checkout-page-root .back-link:hover{color:#fff}.checkout-page-root .most-popular-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background-color:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:9999px;color:#c7d2fe}.checkout-page-root .plan-title{font-size:3rem;font-weight:700;line-height:1;margin-bottom:1rem;letter-spacing:-.025em;color:#fff}.checkout-page-root .plan-price-container{display:flex;align-items:baseline;margin-bottom:1.5rem}.checkout-page-root .currency{font-size:1.875rem;font-weight:300;color:#c7d2fe}.checkout-page-root .amount{font-size:3.75rem;font-weight:700;line-height:1;margin-left:.25rem}.checkout-page-root .period{font-size:1.25rem;color:#a5b4fc;margin-left:.5rem}.checkout-page-root .plan-description{color:#c7d2fe;font-size:1.125rem;margin-bottom:3rem;max-width:24rem;line-height:1.625}.checkout-page-root .features-list{display:flex;flex-direction:column;gap:1.5rem}.checkout-page-root .features-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a5b4fc99;margin-bottom:0}.checkout-page-root .feature-item{display:flex;align-items:flex-start;gap:1rem}.checkout-page-root .check-circle{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:9999px;background-color:#6366f133;display:flex;align-items:center;justify-content:center}.checkout-page-root .check-circle .material-icons{color:#818cf8;font-size:.875rem}.checkout-page-root .feature-text{font-weight:500;color:#fff;margin:0}.checkout-page-root .feature-sub{color:#c7d2feb3;font-weight:400}.checkout-page-root .security-badges{position:relative;z-index:10;margin-top:4rem;display:flex;flex-wrap:wrap;gap:1rem}.checkout-page-root .glass-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#e0e7ff}.checkout-page-root .glass-badge .material-icons{color:#a5b4fc}.checkout-page-root .checkout-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#fff}@media(min-width:1024px){.checkout-page-root .checkout-main{padding:3rem}}.checkout-page-root .checkout-form-wrapper{width:100%;max-width:36rem}.checkout-page-root .form-header{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.checkout-page-root .form-subheader{color:#6b7280}.checkout-page-root .error-alert{background-color:#fef2f2;color:#dc2626;padding:1rem;border-radius:.75rem;margin-bottom:2rem;font-size:.875rem}.checkout-page-root .payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;margin-top:2rem}@media(min-width:768px){.checkout-page-root .payment-grid{grid-template-columns:repeat(4,1fr)}}.checkout-page-root .payment-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-radius:.75rem;transition:all .2s;background:#fff;cursor:pointer;border:1px solid #E5E7EB}.checkout-page-root .payment-option:hover{border-color:#d1d5db}.checkout-page-root .payment-option.active{border:2px solid #6366F1;background-color:#eef2ff}.checkout-page-root .payment-option.active .option-label{color:#6366f1}.checkout-page-root .payment-option .material-icons{margin-bottom:.25rem;font-size:1.5rem}.checkout-page-root .icon-primary{color:#6366f1}.checkout-page-root .icon-gray{color:#9ca3af}.checkout-page-root .option-label{font-size:.75rem;font-weight:600;color:#4b5563}.checkout-page-root .checkout-form{display:flex;flex-direction:column}.checkout-page-root .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.checkout-page-root .form-input{width:100%;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:.5rem;outline:none;transition:all .2s;font-family:inherit;font-size:1rem}.checkout-page-root .form-input:focus{box-shadow:0 0 0 2px #6366f1;border-color:transparent}.checkout-page-root .form-input.error{border-color:#ef4444;background-color:#fef2f2}.checkout-page-root .form-input.error:focus{box-shadow:0 0 0 2px #ef4444}.checkout-page-root .validation-error{display:block;margin-top:.5rem;font-size:.75rem;color:#ef4444;font-weight:500}.checkout-page-root .input-wrapper{position:relative}.checkout-page-root .input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.checkout-page-root .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.checkout-page-root .alt-payment-message{padding:2rem;text-align:center;background-color:#f3f4f6;border-radius:.75rem;color:#4b5563}.checkout-page-root .order-summary{padding-top:1.5rem;border-top:1px solid #F3F4F6;margin-top:1rem}.checkout-page-root .total-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.checkout-page-root .total-label{font-size:1.125rem;font-weight:700;color:#111827}.checkout-page-root .total-amount{font-size:1.5rem;font-weight:900;color:#111827}.checkout-page-root .complete-btn{width:100%;padding:1rem;background-color:#6366f1;color:#fff;font-weight:700;border-radius:.75rem;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #6366f14d;transition:all .2s}.checkout-page-root .complete-btn:hover{background-color:#4338ca}.checkout-page-root .complete-btn:active{transform:scale(.98)}.checkout-page-root .complete-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.checkout-page-root .terms-disclaimer{text-align:center;font-size:.75rem;color:#9ca3af;margin-top:1.5rem;line-height:1.625}.checkout-page-root .terms-disclaimer a{color:inherit;text-decoration:underline}.checkout-page-root .terms-disclaimer a:hover{color:#6366f1}@keyframes payment-success-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes payment-success-ping{75%,to{transform:scale(2);opacity:0}}.payment-success-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Inter,sans-serif;background-color:#f9fafb;color:#111827;transition:background-color .2s}.payment-success-root *,.payment-success-root *:before,.payment-success-root *:after{box-sizing:border-box}[data-theme=dark] .payment-success-root,:global(.dark) .payment-success-root{background-color:#111827;color:#f9fafb}.payment-success-root .animate-pop{animation:payment-success-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}.payment-success-root .animate-ping-slow{animation:payment-success-ping 1.5s cubic-bezier(0,0,.2,1) infinite}.payment-success-root .max-w-2xl{width:100%;max-width:42rem;margin:0 auto}.payment-success-root .success-card{width:100%;max-width:42rem;background-color:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;border:1px solid #F3F4F6}[data-theme=dark] .payment-success-root .success-card,:global(.dark) .payment-success-root .success-card{background-color:#1f2937;border-color:#374151}.payment-success-root .card-header{padding:3rem 2rem 2rem;text-align:center}.payment-success-root .icon-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem}.payment-success-root .ping-circle{position:absolute;inset:0;background-color:#dcfce7;border-radius:9999px;opacity:.2}[data-theme=dark] .payment-success-root .ping-circle,:global(.dark) .payment-success-root .ping-circle{background-color:#14532d4d}.payment-success-root .check-circle{position:relative;background-color:#22c55e;color:#fff;width:5rem;height:5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #22c55e4d}.payment-success-root .check-icon{font-size:3rem}.payment-success-root .success-title{font-size:1.875rem;font-weight:800;color:#111827;margin-bottom:.5rem;letter-spacing:-.025em}[data-theme=dark] .payment-success-root .success-title,:global(.dark) .payment-success-root .success-title{color:#fff}.payment-success-root .success-sub{color:#6b7280;font-size:1.125rem;max-width:28rem;margin:0 auto}[data-theme=dark] .payment-success-root .success-sub,:global(.dark) .payment-success-root .success-sub{color:#9ca3af}.payment-success-root .card-body{padding:0 2rem 2.5rem}.payment-success-root .details-box{background-color:#f9fafb;border-radius:1rem;padding:1.5rem;border:1px solid #F3F4F6;margin-bottom:2rem}[data-theme=dark] .payment-success-root .details-box,:global(.dark) .payment-success-root .details-box{background-color:#11182780;border-color:#374151}.payment-success-root .tx-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #E5E7EB}@media(min-width:768px){.payment-success-root .tx-row{flex-direction:row;justify-content:space-between;align-items:center}}[data-theme=dark] .payment-success-root .tx-row,:global(.dark) .payment-success-root .tx-row{border-color:#374151}.payment-success-root .tx-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;display:block;margin-bottom:.25rem}[data-theme=dark] .payment-success-root .tx-label,:global(.dark) .payment-success-root .tx-label{color:#6b7280}.payment-success-root .tx-value{font-size:.875rem;font-family:monospace;color:#374151}[data-theme=dark] .payment-success-root .tx-value,:global(.dark) .payment-success-root .tx-value{color:#d1d5db}.payment-success-root .plan-info-row{display:flex;justify-content:space-between;align-items:center}.payment-success-root .plan-icon-box{background-color:#5850ec1a;color:#6366f1;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.payment-success-root .plan-name{font-weight:600;color:#111827;line-height:1}[data-theme=dark] .payment-success-root .plan-name,:global(.dark) .payment-success-root .plan-name{color:#fff}.payment-success-root .plan-limit{font-size:.75rem;color:#6b7280;margin-top:.25rem}[data-theme=dark] .payment-success-root .plan-limit,:global(.dark) .payment-success-root .plan-limit{color:#9ca3af}.payment-success-root .price-tag{font-weight:700;color:#111827}[data-theme=dark] .payment-success-root .price-tag,:global(.dark) .payment-success-root .price-tag{color:#fff}.payment-success-root .total-row{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .payment-success-root .total-row,:global(.dark) .payment-success-root .total-row{border-color:#374151}.payment-success-root .total-label{color:#4b5563}[data-theme=dark] .payment-success-root .total-label,:global(.dark) .payment-success-root .total-label{color:#9ca3af}.payment-success-root .total-amount{font-size:1.5rem;font-weight:800;color:#111827}[data-theme=dark] .payment-success-root .total-amount,:global(.dark) .payment-success-root .total-amount{color:#fff}.payment-success-root .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem}@media(min-width:768px){.payment-success-root .stats-grid{grid-template-columns:repeat(4,1fr)}}.payment-success-root .stat-item{text-align:center;padding:1rem .75rem;background-color:#fff;border-radius:.75rem;border:1px solid #F3F4F6;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .payment-success-root .stat-item,:global(.dark) .payment-success-root .stat-item{background-color:#1f2937;border-color:#374151}.payment-success-root .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}[data-theme=dark] .payment-success-root .stat-label,:global(.dark) .payment-success-root .stat-label{color:#9ca3af}.payment-success-root .stat-value{font-weight:700;font-size:1.125rem;color:#111827}[data-theme=dark] .payment-success-root .stat-value,:global(.dark) .payment-success-root .stat-value{color:#fff}.payment-success-root .action-stack{display:flex;flex-direction:column;gap:.75rem}.payment-success-root .dashboard-btn{background-color:#6366f1;color:#fff;font-weight:700;padding:1rem 1.5rem;border-radius:1rem;text-align:center;box-shadow:0 10px 15px -3px #6366f140;text-decoration:none;transition:all .2s;border:none;cursor:pointer;display:block;width:100%}.payment-success-root .dashboard-btn:hover{background-color:#4338ca}.payment-success-root .dashboard-btn:active{transform:scale(.98)}.payment-success-root .secondary-actions{display:flex;gap:.75rem;margin-top:.5rem}.payment-success-root .secondary-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #E5E7EB;color:#4b5563;background:transparent;border-radius:.75rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s}.payment-success-root .secondary-btn:hover{background-color:#f9fafb}[data-theme=dark] .payment-success-root .secondary-btn,:global(.dark) .payment-success-root .secondary-btn{border-color:#374151;color:#9ca3af}[data-theme=dark] .payment-success-root .secondary-btn:hover,:global(.dark) .payment-success-root .secondary-btn:hover{background-color:#374151}.payment-success-root .card-footer{padding:1.5rem 2rem;background-color:#f9fafb;border-top:1px solid #F3F4F6;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem}[data-theme=dark] .payment-success-root .card-footer,:global(.dark) .payment-success-root .card-footer{background-color:#111827cc;border-color:#374151}.payment-success-root .badge-item{display:flex;align-items:center;gap:.375rem;opacity:.6;color:#111827}[data-theme=dark] .payment-success-root .badge-item,:global(.dark) .payment-success-root .badge-item{color:#e5e7eb}.payment-success-root .badge-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.payment-success-root .support-text{text-align:center;color:#9ca3af;font-size:.875rem;margin-top:2rem}[data-theme=dark] .payment-success-root .support-text,:global(.dark) .payment-success-root .support-text{color:#6b7280}.payment-success-root .support-link{color:#6366f1;font-weight:500;text-decoration:none}.payment-success-root .support-link:hover{text-decoration:underline}