@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#050505;--bg-secondary:#111;--card-bg:#1e1e2366;--card-border:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-teal:#14b8a6;--accent-amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 15%,#8b5cf626,#0000 25%),radial-gradient(circle at 85% 30%,#14b8a626,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.app-layout{min-height:100vh;display:flex}.dashboard-sidebar{border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);z-index:50;background:#0a0a0ccc;flex-direction:column;gap:2rem;width:280px;height:100vh;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding-left:.5rem;font-size:.85rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.nav-item{flex-direction:column;gap:.25rem;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.2rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-link:hover{color:var(--text-main);background:#ffffff0d;transform:translate(4px)}.nav-link.active{color:var(--text-main);border-left:4px solid var(--accent-blue);background:linear-gradient(90deg,#3b82f633 0%,#0000 100%);border-radius:0 .75rem .75rem 0;box-shadow:inset 15px 0 25px -15px #3b82f680}.nav-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.nav-link.active .nav-icon.bg-blue{background:var(--accent-blue);color:#fff;box-shadow:0 0 15px #3b82f699,0 0 30px #3b82f64d}.nav-link:not(.active) .nav-icon.bg-blue{color:var(--accent-blue);background:#3b82f626}.nav-link.active .nav-icon.bg-purple{background:var(--accent-purple);color:#fff;box-shadow:0 4px 12px #8b5cf666}.nav-link:not(.active) .nav-icon.bg-purple{color:var(--accent-purple);background:#8b5cf626}.sub-nav{border-left:1px solid #ffffff14;flex-direction:column;gap:.5rem;margin-top:.5rem;margin-left:2rem;padding-left:2rem;display:flex}.sub-nav-link{color:var(--text-muted);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sub-nav-dot{opacity:.6;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-nav-link:hover .sub-nav-dot{opacity:1;transform:scale(1.5)}.dot-amber{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.dot-teal{background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal)}.dot-pink{background:var(--accent-pink);box-shadow:0 0 8px var(--accent-pink)}.sub-nav-link:before{content:"";background:var(--accent-blue);border-radius:2px;width:2px;height:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.sub-nav-link:hover:before,.sub-nav-link.active:before{height:60%;box-shadow:0 0 10px var(--accent-blue)}.sub-nav-link:hover,.sub-nav-link.active{color:var(--text-main);background:#ffffff0d}.dashboard-main{flex:1;max-width:calc(100vw - 280px);overflow-x:hidden}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;animation:.8s ease-out fadeIn;display:flex}.dashboard-header h1{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dashboard-header p{color:var(--text-muted);font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.charts-grid{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);opacity:0;border-radius:1.5rem;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;animation:.8s ease-out forwards fadeIn}.glass-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 15px 30px #0006}.glass-card.hover-blue:hover{background:#3b82f608;border-color:#3b82f666;box-shadow:0 15px 35px #3b82f626}.glass-card.hover-blue:hover .stat-value{color:#3b82f6;text-shadow:0 2px 10px #3b82f64d}.glass-card.hover-blue:hover .stat-icon{background:#3b82f640;box-shadow:0 0 15px #3b82f666}.glass-card.hover-purple:hover{background:#8b5cf608;border-color:#8b5cf666;box-shadow:0 15px 35px #8b5cf626}.glass-card.hover-purple:hover .stat-value{color:#8b5cf6;text-shadow:0 2px 10px #8b5cf64d}.glass-card.hover-purple:hover .stat-icon{background:#8b5cf640;box-shadow:0 0 15px #8b5cf666}.glass-card.hover-pink:hover{background:#ec489908;border-color:#ec489966;box-shadow:0 15px 35px #ec489926}.glass-card.hover-pink:hover .stat-value{color:#ec4899;text-shadow:0 2px 10px #ec48994d}.glass-card.hover-pink:hover .stat-icon{background:#ec489940;box-shadow:0 0 15px #ec489966}.glass-card.hover-amber:hover{background:#f59e0b08;border-color:#f59e0b66;box-shadow:0 15px 35px #f59e0b26}.glass-card.hover-amber:hover .stat-value{color:#f59e0b;text-shadow:0 2px 10px #f59e0b4d}.glass-card.hover-amber:hover .stat-icon{background:#f59e0b40;box-shadow:0 0 15px #f59e0b66}.glass-card.hover-teal:hover{background:#14b8a608;border-color:#14b8a666;box-shadow:0 15px 35px #14b8a626}.glass-card.hover-teal:hover .stat-value{color:#14b8a6;text-shadow:0 2px 10px #14b8a64d}.glass-card.hover-teal:hover .stat-icon{background:#14b8a640;box-shadow:0 0 15px #14b8a666}.glass-card:first-child{animation-delay:.1s}.glass-card:nth-child(2){animation-delay:.2s}.glass-card:nth-child(3){animation-delay:.3s}.glass-card:nth-child(4){animation-delay:.4s}.glass-card:nth-child(5){animation-delay:.5s}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.stat-title{color:var(--text-muted);font-size:.95rem;font-weight:500}.stat-icon{border-radius:1rem;justify-content:center;align-items:center;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.icon-blue{color:var(--accent-blue);background:#3b82f626}.icon-purple{color:var(--accent-purple);background:#8b5cf626}.icon-pink{color:var(--accent-pink);background:#ec489926}.icon-teal{color:var(--accent-teal);background:#14b8a626}.icon-amber{color:var(--accent-amber);background:#f59e0b26}.stat-value{color:var(--text-main);margin-bottom:.25rem;font-size:2.2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-change{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.change-positive{color:#10b981}.change-negative{color:#ef4444}.change-neutral{color:var(--text-muted)}.chart-header{margin-bottom:1.5rem}.chart-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.chart-subtitle{color:var(--text-muted);font-size:.9rem}.chart-wrapper{width:100%;height:300px}.custom-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f172ae6!important;border:1px solid #ffffff1a!important;border-radius:.75rem!important;padding:1rem!important;box-shadow:0 10px 25px #00000080!important}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#ffffff05;border:1px solid #0000;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.activity-item:hover{background:#ffffff0d;border-color:#ffffff1a}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.activity-content{flex:1}.activity-name{margin-bottom:.1rem;font-size:.95rem;font-weight:600}.activity-time{color:var(--text-muted);font-size:.8rem}.activity-status{border-radius:2rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.status-online{color:#34d399;background:#10b98133}.status-offline{color:#94a3b8;background:#94a3b833}.status-paused{color:#fbbf24;background:#f59e0b33}.activity-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.avatar-online{color:#34d399;background:#10b98126;box-shadow:0 0 10px #10b9814d}.avatar-offline{color:#94a3b8;background:#94a3b826}.avatar-paused{color:#fbbf24;background:#f59e0b26}.filter-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#1e1e2899;border:1px solid #ffffff26;border-radius:1rem;align-items:center;gap:1.25rem;width:fit-content;margin-bottom:0;padding:.85rem 1.25rem;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.filter-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a}.filter-btn.active{color:#fff;background:#8b5cf640;border:1px solid #8b5cf666;box-shadow:0 0 15px #8b5cf626}.filter-dropdown-container{display:inline-block;position:relative}.dropdown-panel{-webkit-backdrop-filter:blur(12px);z-index:100;color:#f8fafc;background:#1e293bf2;border:1px solid #ffffff1a;border-radius:12px;gap:20px;min-width:480px;padding:16px;display:flex;position:absolute;top:120%;left:0;box-shadow:0 10px 25px #00000080}.dropdown-col-left{border-right:1px solid #ffffff1a;flex-direction:column;flex:1;gap:8px;padding-right:16px;display:flex}.dropdown-col-right{flex-direction:column;flex:1.5;gap:12px;display:flex}.dropdown-col-right h3{color:#94a3b8;margin:0 0 8px;font-size:14px}.preset-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.preset-btn:hover,.preset-btn.active{color:#3b82f6;background:#3b82f633}.date-inputs{align-items:center;gap:12px;display:flex}.date-input-group{flex-direction:column;gap:4px;display:flex}.date-input-group label{color:#94a3b8;font-size:12px}.date-input-group input[type=date]{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172a99;border:1px solid #fff3;border-radius:6px;outline:none;padding:8px}.apply-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-top:auto;padding:10px;font-weight:500;transition:background .2s}.apply-btn:hover{background:#2563eb}.custom-funnel{flex-direction:column;align-items:center;width:100%;padding:1rem 0;display:flex}.funnel-step-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.funnel-connector{background:#ffffff1a;width:1px;height:25px}.funnel-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;min-height:85px;padding:1.4rem 2rem;transition:all .2s;display:flex;box-shadow:0 4px 20px #0000001a}.funnel-step:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 8px 30px #0003}.funnel-step-left{align-items:center;gap:12px;display:flex}.step-label{color:#f8fafc;letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.funnel-step-right{flex-direction:column;align-items:flex-end;display:flex}.step-value{color:#3b82f6;margin-bottom:.2rem;font-size:1.5rem;font-weight:700;line-height:1}.step-sub{color:#94a3b8;font-size:.75rem;font-weight:500}.funnel-step-purple{background:#a855f70a;border:1px solid #a855f726}.funnel-step-purple:hover{background:#a855f714;box-shadow:0 8px 30px #a855f726}.funnel-step-purple .step-value{color:#c084fc}.funnel-step-blue{background:#3b82f60a;border:1px solid #3b82f626}.funnel-step-blue:hover{background:#3b82f614;box-shadow:0 8px 30px #3b82f626}.funnel-step-blue .step-value{color:#60a5fa}.funnel-step-amber{background:#f59e0b0a;border:1px solid #f59e0b26}.funnel-step-amber:hover{background:#f59e0b14;box-shadow:0 8px 30px #f59e0b26}.funnel-step-amber .step-value{color:#fbbf24}.funnel-step-success{background:#22c55e14;border:1px solid #22c55e40;box-shadow:0 8px 30px #22c55e26}.funnel-step-success:hover{background:#22c55e26;transform:translateY(-2px);box-shadow:0 10px 40px #22c55e40}.funnel-step-success .step-label{color:#4ade80}.funnel-step-success .step-value,.funnel-step-success .step-sub,.success-icon{color:#22c55e}