:root{--bg-darker:#030607;--bg-dark:#060b0d;--bg-card:#081013;--bg-card-hover:#0b161b;--bg-input:#04080a;--neon-green:#85f00c;--neon-green-glow:#85f00c40;--neon-green-border:#1d330c;--neon-red:#f33;--neon-red-glow:#ff333340;--neon-red-border:#3d0d0d;--neon-yellow:#ff9f1c;--neon-yellow-glow:#ff9f1c40;--neon-yellow-border:#3d280a;--neon-blue:#00e5ff;--neon-blue-glow:#00e5ff40;--neon-blue-border:#00363d;--neon-purple:#bd00ff;--neon-purple-glow:#bd00ff40;--neon-purple-border:#310042;--border-color:#122226;--border-glow:#122226cc;--text-main:#90a4ae;--text-high:#e2e8f0;--text-muted:#475a64;--font-cyber:"Orbitron", "Rajdhani", sans-serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#12222608 1px,#0000 1px),linear-gradient(90deg,#12222608 1px,#0000 1px);background-size:20px 20px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}@keyframes neon-pulse{0%,to{border-color:var(--neon-green-border);box-shadow:0 0 10px #85f00c26,inset 0 0 5px #85f00c0d}50%{border-color:var(--neon-green);box-shadow:0 0 20px #85f00c59,inset 0 0 10px #85f00c26}}@keyframes text-glow{0%,to{text-shadow:0 0 4px #85f00c33}50%{text-shadow:0 0 10px #85f00c99}}@keyframes grid-glow{0%,to{opacity:.6}50%{opacity:.9}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.cyber-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cyber-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);width:100%;height:2px;transition:all .3s;position:absolute;top:0;left:0}.cyber-panel:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 8px 30px #00000080}.cyber-panel:hover:before{background:linear-gradient(90deg, transparent, var(--neon-green), transparent)}.cyber-card-sliced{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);clip-path:polygon(0 15px, 15px 0, calc(100% - 15px) 0, 100% - 0px 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px));background:#081013d9;border-radius:12px;padding:40px;position:relative;box-shadow:0 10px 40px #0009}.cyber-card-sliced:after{content:"";background:linear-gradient(135deg, var(--border-color) 40%, var(--neon-green) 50%, var(--border-color) 60%) border-box;-webkit-mask-composite:destination-out;pointer-events:none;opacity:.7;border:1.5px solid #0000;border-radius:12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.scanline-overlay{z-index:9999;pointer-events:none;opacity:.3;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}#root{background:var(--bg-darker);width:100%;min-height:100vh;display:flex}.login-container{background-color:var(--bg-darker);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-grid{opacity:.15;background-image:radial-gradient(ellipse at 50% 50%, #85f00c26, transparent 70%), linear-gradient(var(--border-color) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--border-color) 1.5px, transparent 1.5px);pointer-events:none;z-index:1;background-size:100% 100%,30px 30px,30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}.login-bg-grid:before{content:"";pointer-events:none;background:linear-gradient(#85f00c1a,#0000);width:100%;height:100%;animation:8s linear infinite scanline;position:absolute;top:0;left:0}.login-content{z-index:2;justify-content:space-between;align-items:center;gap:50px;width:100%;max-width:1100px;display:flex}.login-left{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login-logo-container{width:280px;height:280px;margin-bottom:20px;position:relative}.login-logo-container img{object-fit:contain;filter:drop-shadow(0 0 20px #85f00c66);width:100%;height:100%}.login-logo-glow{border:1px dashed var(--neon-green);opacity:.3;border-radius:50%;width:250px;height:250px;animation:30s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-title-brand{font-family:var(--font-cyber);letter-spacing:2px;color:var(--text-high);text-transform:uppercase;text-shadow:0 0 10px #ffffff1a;margin-bottom:6px;font-size:32px;font-weight:800}.login-subtitle-brand{font-family:var(--font-cyber);letter-spacing:4px;color:var(--neon-green);text-transform:uppercase;padding-bottom:8px;font-size:13px;font-weight:600;position:relative}.login-subtitle-brand:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-green), transparent);height:1px;position:absolute;bottom:0;left:20%;right:20%}.login-right{flex:1;max-width:480px}.login-welcome-title{font-family:var(--font-cyber);color:var(--text-high);text-align:center;margin-bottom:8px;font-size:28px}.login-welcome-sub{color:var(--text-main);text-align:center;margin-bottom:30px;font-size:14px}.login-form-group{margin-bottom:20px;position:relative}.login-input-wrapper{width:100%;position:relative}.login-input-icon{color:var(--text-muted);width:18px;height:18px;transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-high);border-radius:6px;outline:none;padding:14px 14px 14px 45px;font-size:14px;transition:all .3s}.login-input:focus{border-color:var(--neon-green);box-shadow:0 0 10px #85f00c26}.login-input:focus+.login-input-icon{color:var(--neon-green)}.login-input-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-input-toggle:hover{color:var(--text-high)}.login-form-options{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.login-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.login-checkbox{appearance:none;border:1px solid var(--border-color);background:var(--bg-input);cursor:pointer;border-radius:3px;outline:none;width:16px;height:16px;position:relative}.login-checkbox:checked{border-color:var(--neon-green);background:var(--neon-green-border)}.login-checkbox:checked:after{content:"✓";color:var(--neon-green);font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-forgot-link{color:var(--neon-green);font-weight:500;text-decoration:none;transition:text-shadow .3s}.login-forgot-link:hover{text-shadow:0 0 8px var(--neon-green)}.login-btn-primary{background:var(--neon-green);width:100%;color:var(--bg-darker);font-family:var(--font-cyber);letter-spacing:1.5px;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #85f00c4d}.login-btn-primary:hover{background:#9cf52c;transform:translateY(-1px);box-shadow:0 6px 20px #85f00c80}.login-btn-primary:active{transform:translateY(1px)}.login-divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;margin:20px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.login-divider:not(:empty):before{margin-right:15px}.login-divider:not(:empty):after{margin-left:15px}.login-divider-text{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px}.login-btn-secondary{border:1px solid var(--border-color);width:100%;color:var(--text-high);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.login-btn-secondary:hover{border-color:var(--neon-green-border);background:#1222264d}.login-btn-secondary svg{color:var(--neon-green)}.login-footer-copy{text-align:center;color:var(--text-muted);letter-spacing:1px;margin-top:35px;font-size:11px}.login-input.error{border-color:var(--neon-red)}.login-error-msg{color:var(--neon-red);align-items:center;gap:4px;margin-top:5px;font-size:12px;display:flex}.dashboard-layout{background-color:var(--bg-darker);width:100%;min-height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;min-width:260px;height:100vh;transition:width .3s,min-width .3s;display:flex;position:sticky;top:0}.sidebar.collapsed{width:72px;min-width:72px}.sidebar.collapsed .sidebar-brand{flex-direction:column!important;align-items:center!important;gap:12px!important;padding:16px 8px!important}.sidebar.collapsed .sidebar-logo{width:36px!important;height:36px!important}.sidebar.collapsed .sidebar-brand-text{display:none!important}.sidebar.collapsed .sidebar-menu-container{padding:12px 6px!important}.sidebar.collapsed .sidebar-section{margin-bottom:6px!important}.sidebar.collapsed .sidebar-section-title{display:none!important}.sidebar.collapsed .sidebar-item{border-left:none!important;border-radius:8px!important;justify-content:center!important;margin-bottom:4px!important;padding:10px 0!important}.sidebar.collapsed .sidebar-item-left{justify-content:center!important;gap:0!important;width:100%!important}.sidebar.collapsed .sidebar-item-icon{width:20px!important;height:20px!important}.sidebar.collapsed .sidebar-item.active{border:1px solid var(--neon-green)!important;background:#00e6762e!important;border-left:none!important;box-shadow:0 0 10px #00e67640!important}.sidebar.collapsed .sidebar-item.active .sidebar-item-icon{color:var(--neon-green)!important;filter:drop-shadow(0 0 6px var(--neon-green))!important}.sidebar.collapsed .sidebar-profile{justify-content:center!important;padding:16px 8px!important}.sidebar.collapsed .sidebar-profile-avatar{border:2px solid var(--neon-green)!important;width:36px!important;height:36px!important}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo{object-fit:contain;width:32px;height:32px;filter:drop-shadow(0 0 6px var(--neon-green))}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-title{font-family:var(--font-cyber);letter-spacing:.5px;color:var(--text-high);font-size:15px;font-weight:800}.sidebar-slogan{font-family:var(--font-cyber);letter-spacing:1.5px;color:var(--neon-green);margin-top:1px;font-size:7px;font-weight:500}.sidebar-menu-container{flex:1;padding:20px 10px;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-section-title{font-family:var(--font-cyber);letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;padding-left:12px;font-size:9px;font-weight:700}.sidebar-item{color:var(--text-main);cursor:pointer;border-left:2px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--text-high);background:#12222633}.sidebar-item.active{color:var(--text-high);border-left-color:var(--neon-green);background:linear-gradient(90deg,#85f00c1a 0%,#0000 100%);font-weight:600}.sidebar-item-left{align-items:center;gap:12px;display:flex}.sidebar-item-icon{width:16px;height:16px;transition:color .2s}.sidebar-item.active .sidebar-item-icon{color:var(--neon-green);filter:drop-shadow(0 0 4px var(--neon-green))}.sidebar-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-badge.new{background:var(--neon-green-border);color:var(--neon-green);border:1px solid var(--neon-green);box-shadow:0 0 6px var(--neon-green-glow)}.sidebar-profile{border-top:1px solid var(--border-color);background:#04080a66;align-items:center;gap:12px;padding:16px;display:flex}.sidebar-profile-avatar{border:1.5px solid var(--border-color);object-fit:cover;border-radius:50%;width:38px;height:38px}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{color:var(--text-high);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-profile-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-profile-logout{color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:color .2s;display:flex}.sidebar-profile-logout:hover{color:var(--neon-red)}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background:#060b0dd9;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:sticky;top:0}.header-title-container{flex-direction:column;display:flex}.header-title{font-family:var(--font-cyber);color:var(--text-high);text-transform:uppercase;font-size:18px;font-weight:700}.header-subtitle{color:var(--text-main);margin-top:2px;font-size:12px}.header-subtitle span{color:var(--neon-green);font-weight:600}.header-actions{align-items:center;gap:16px;display:flex}.header-btn{background:var(--bg-card);border:1px solid var(--border-color);height:38px;color:var(--text-high);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.header-btn:hover{border-color:var(--border-glow);background:#12222633}.header-btn-icon{width:16px;height:16px}.header-btn-badge{background:var(--neon-red);color:var(--bg-darker);border:1.5px solid var(--bg-darker);min-width:16px;height:16px;box-shadow:0 0 6px var(--neon-red);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.header-btn-badge.green{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.header-divider{background:var(--border-color);width:1px;height:24px}.header-user{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:4px;transition:background .2s;display:flex}.header-user:hover{background:#12222633}.header-user-avatar{object-fit:cover;border:1.5px solid var(--neon-green-border);border-radius:50%;width:32px;height:32px}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:var(--text-high);font-size:13px;font-weight:600}.header-user-role{color:var(--text-muted);font-size:10px}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.dashboard-home{padding:24px}.stats-grid-small{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=1400px){.stats-grid-small{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.stats-grid-small{grid-template-columns:repeat(2,1fr)}}.stats-grid-revenue{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1400px){.stats-grid-revenue{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.stats-grid-revenue{grid-template-columns:repeat(2,1fr)}}.stat-card-small{align-items:center;gap:14px;padding:16px;display:flex}.stat-icon-container{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-container.purple{background:var(--neon-purple-border);border-color:var(--neon-purple);color:var(--neon-purple)}.stat-icon-container.green{background:var(--neon-green-border);border-color:var(--neon-green);color:var(--neon-green)}.stat-icon-container.yellow{background:var(--neon-yellow-border);border-color:var(--neon-yellow);color:var(--neon-yellow)}.stat-icon-container.red{background:var(--neon-red-border);border-color:var(--neon-red);color:var(--neon-red)}.stat-icon-container.blue{background:var(--neon-blue-border);border-color:var(--neon-blue);color:var(--neon-blue)}.stat-card-info{flex-direction:column;display:flex}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-card-value{font-family:var(--font-cyber);color:var(--text-high);margin:2px 0;font-size:20px;font-weight:700}.stat-card-trend{align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.stat-card-trend.up{color:var(--neon-green)}.stat-card-trend.down{color:var(--neon-red)}.stat-card-trend.neutral{color:var(--neon-yellow)}.stat-card-rev{flex-direction:column;justify-content:space-between;padding:20px 16px;display:flex}.stat-card-rev-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card-rev-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-card-rev-icon{width:16px;height:16px;color:var(--text-muted)}.stat-card-rev-value{font-family:var(--font-cyber);color:var(--text-high);font-size:22px;font-weight:800}.stat-card-rev-sub{align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.charts-grid{grid-template-columns:2fr 1.1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=1400px){.charts-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.charts-grid{grid-template-columns:1fr}}.chart-card{flex-direction:column;padding:18px;display:flex}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-card-title{font-family:var(--font-cyber);color:var(--text-high);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.chart-card-title svg{color:var(--neon-green)}.chart-card-title.red svg{color:var(--neon-red)}.chart-card-title.yellow svg{color:var(--neon-yellow)}.chart-dropdown{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-high);cursor:pointer;border-radius:4px;outline:none;padding:4px 10px;font-size:11px;font-weight:600}.chart-dropdown:focus{border-color:var(--neon-green)}.svg-chart-container{flex:1;width:100%;min-height:160px;position:relative}.sub-analytics-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.sub-analytics-card{border:1px solid var(--border-color);background:#04080a66;border-radius:6px;flex-direction:column;justify-content:space-between;padding:12px;display:flex}.sub-analytics-card-header{color:var(--text-main);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.sub-analytics-card-header svg{width:12px;height:12px}.sub-analytics-card-header.green svg{color:var(--neon-green)}.sub-analytics-card-header.red svg{color:var(--neon-red)}.sub-analytics-card-header.blue svg,.sub-analytics-card-header.cyan svg{color:var(--neon-blue)}.sub-analytics-card-value{font-family:var(--font-cyber);color:var(--text-high);margin:4px 0;font-size:18px;font-weight:700}.sub-analytics-card-sub{align-items:center;gap:2px;font-size:9px;display:flex}.donut-chart-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.donut-svg{width:120px;height:120px;transform:rotate(-90deg)}.donut-center-text{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.donut-center-val{font-family:var(--font-cyber);color:var(--text-high);font-size:16px;font-weight:800}.donut-center-lbl{color:var(--text-muted);text-transform:uppercase;font-size:8px}.donut-legend{flex-direction:column;gap:6px;width:100%;margin-top:14px;display:flex}.donut-legend-item{justify-content:space-between;align-items:center;font-size:11px;display:flex}.donut-legend-left{color:var(--text-main);align-items:center;gap:6px;display:flex}.donut-dot{border-radius:50%;width:8px;height:8px}.donut-dot.success{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green-glow)}.donut-dot.pending{background:var(--neon-yellow);box-shadow:0 0 6px var(--neon-yellow-glow)}.donut-dot.failed{background:var(--neon-red);box-shadow:0 0 6px var(--neon-red-glow)}.donut-dot.upi{background:var(--neon-blue)}.donut-dot.cards{background:var(--neon-purple)}.donut-dot.netbanking{background:var(--neon-yellow)}.donut-dot.wallets{background:var(--neon-green)}.donut-legend-val{color:var(--text-high);font-weight:600}.donut-legend-pct{color:var(--text-muted);margin-left:4px;font-size:9px}.quick-actions-bar{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=1200px){.quick-actions-bar{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.quick-actions-bar{grid-template-columns:1fr}}.action-btn-card{cursor:pointer;background:var(--bg-card);justify-content:space-between;align-items:center;padding:16px;display:flex}.action-btn-card:hover{background:var(--bg-card-hover);border-color:var(--neon-green-border)}.action-btn-left{align-items:center;gap:14px;display:flex}.action-btn-icon-box{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-high);background:#12222666;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn-card:hover .action-btn-icon-box{color:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow)}.action-btn-info{flex-direction:column;display:flex}.action-btn-title{color:var(--text-high);font-size:13px;font-weight:600}.action-btn-subtitle{color:var(--text-muted);margin-top:1px;font-size:10px}.action-btn-arrow{color:var(--text-muted);width:16px;height:16px;transition:transform .2s,color .2s}.action-btn-card:hover .action-btn-arrow{color:var(--neon-green);transform:translate(4px)}.tables-grid{grid-template-columns:1.2fr 1.2fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=1400px){.tables-grid{grid-template-columns:1fr}}.table-card{flex-direction:column;min-height:380px;padding:18px;display:flex}.table-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.table-title{font-family:var(--font-cyber);color:var(--text-high);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.table-title svg{color:var(--neon-green)}.table-title.red svg{color:var(--neon-red)}.table-title.yellow svg{color:var(--neon-yellow)}.table-header-link{color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.table-header-link:hover{color:var(--neon-green)}.table-search-box{margin-bottom:12px;position:relative}.table-search-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-high);border-radius:4px;outline:none;padding:8px 12px 8px 32px;font-size:12px;transition:all .2s}.table-search-input:focus{border-color:var(--neon-green)}.table-search-icon{color:var(--text-muted);width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-container{flex:1;overflow-x:auto}.cyber-table{border-collapse:collapse;text-align:left;width:100%}.cyber-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);letter-spacing:.5px;padding:10px 8px;font-size:10px;font-weight:700}.cyber-table td{color:var(--text-high);border-bottom:1px solid #1222264d;padding:10px 8px;font-size:12px}.cyber-table tr:last-child td{border-bottom:none}.cyber-table tr:hover td{background:#1222261a}.cell-user{align-items:center;gap:8px;display:flex}.cell-user-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.cell-user-name{font-weight:500}.badge-plan{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.badge-plan.gold{background:var(--neon-yellow-border);color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.badge-plan.platinum{background:var(--neon-blue-border);color:var(--neon-blue);border:1px solid var(--neon-blue)}.badge-plan.premium{background:var(--neon-purple-border);color:var(--neon-purple);border:1px solid var(--neon-purple)}.badge-plan.pro{background:var(--neon-green-border);color:var(--neon-green);border:1px solid var(--neon-green)}.badge-plan.free{color:var(--text-main);border:1px solid var(--border-color);background:#12222666}.badge-plan.basic{color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:#00e5ff1f}.badge-plan.testing{color:var(--neon-yellow);border:1px solid var(--neon-yellow-border);background:#ffc1071f}.badge-plan.inactive{color:var(--neon-red);border:1px solid var(--neon-red-border);background:#ff33331f}.badge-plan.custom{color:#bd00ff;background:#bd00ff1f;border:1px solid #bd00ff66}.badge-plan.trial{color:var(--neon-green);border:1px solid var(--neon-green-border);background:#00e6761f}.badge-status{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.badge-status.success,.badge-status.active{background:var(--neon-green-border);color:var(--neon-green)}.badge-status.failed,.badge-status.suspended{background:var(--neon-red-border);color:var(--neon-red)}.badge-status.pending,.badge-status.plan-expired{background:var(--neon-yellow-border);color:var(--neon-yellow)}.table-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.table-action-btn:hover{color:var(--neon-green);background:#1222264d}.table-action-btn.red:hover{color:var(--neon-red);background:#ff33331a}.table-action-btn.retry-btn{border:1px solid var(--neon-green-border);color:var(--neon-green);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.table-action-btn.retry-btn:hover{background:var(--neon-green);color:var(--bg-darker);box-shadow:0 0 8px var(--neon-green-glow)}.table-cell-actions{align-items:center;gap:4px;display:flex}.table-view-all-bottom{text-align:center;border-top:1px dashed var(--border-color);margin-top:auto;padding-top:14px}.table-view-all-link{color:var(--text-main);cursor:pointer;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.table-view-all-link:hover{color:var(--neon-green)}.table-view-all-link svg{width:14px;height:14px}.footer-grid{grid-template-columns:1fr 1.2fr 1.3fr;gap:16px;display:grid}@media (width<=1400px){.footer-grid{grid-template-columns:1fr}}.progress-list{flex-direction:column;flex:1;gap:16px;display:flex}.progress-item{flex-direction:column;gap:6px;display:flex}.progress-item-labels{justify-content:space-between;align-items:center;font-size:12px;display:flex}.progress-item-title{color:var(--text-high);font-weight:600}.progress-item-values{align-items:center;gap:8px;display:flex}.progress-item-amount{color:var(--text-high);font-weight:500}.progress-item-pct{color:var(--text-muted);text-align:right;min-width:32px;font-size:10px}.progress-bar-container{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width 1s ease-out}.progress-bar-fill.gold{background:var(--neon-yellow);box-shadow:0 0 6px var(--neon-yellow-glow)}.progress-bar-fill.platinum{background:var(--neon-blue);box-shadow:0 0 6px var(--neon-blue-glow)}.progress-bar-fill.premium{background:var(--neon-purple);box-shadow:0 0 6px var(--neon-purple-glow)}.progress-bar-fill.basic{background:var(--text-main)}.timeline{flex-direction:column;flex:1;gap:14px;padding-left:8px;display:flex;position:relative}.timeline:before{content:"";background:var(--border-color);width:1px;position:absolute;top:6px;bottom:6px;left:12px}.timeline-item{gap:14px;display:flex;position:relative}.timeline-dot{background:var(--border-color);z-index:2;border-radius:50%;width:9px;height:9px;margin-top:5px;position:relative;left:1px}.timeline-dot.green{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green-glow)}.timeline-dot.blue{background:var(--neon-blue);box-shadow:0 0 6px var(--neon-blue-glow)}.timeline-dot.red{background:var(--neon-red);box-shadow:0 0 6px var(--neon-red-glow)}.timeline-dot.yellow{background:var(--neon-yellow);box-shadow:0 0 6px var(--neon-yellow-glow)}.timeline-info{flex-direction:column;flex:1;display:flex}.timeline-time{color:var(--text-muted);font-size:10px;font-weight:700}.timeline-content-row{grid-template-columns:1.2fr 1fr 1fr .8fr;gap:8px;margin-top:2px;font-size:11px;display:grid}.timeline-desc{color:var(--text-high);font-weight:500}.timeline-user{color:var(--text-main)}.timeline-amount{color:var(--text-high);font-family:var(--font-cyber)}.timeline-status{text-transform:uppercase;text-align:right;font-size:10px;font-weight:700}.timeline-status.green{color:var(--neon-green)}.timeline-status.red{color:var(--neon-red)}.timeline-status.yellow{color:var(--neon-yellow)}.system-health-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.system-health-card{border:1px solid var(--border-color);background:#04080a66;border-radius:6px;flex-direction:column;justify-content:space-between;padding:12px;display:flex}.system-health-card-header{justify-content:space-between;align-items:center;display:flex}.system-health-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.system-health-status-badge{text-transform:uppercase;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.system-health-status-badge.green{color:var(--neon-green)}.system-health-status-badge.yellow{color:var(--neon-yellow)}.system-health-status-badge.red{color:var(--neon-red)}.system-health-pulse-dot{border-radius:50%;width:6px;height:6px}.system-health-pulse-dot.green{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.system-health-pulse-dot.yellow{background:var(--neon-yellow);box-shadow:0 0 6px var(--neon-yellow)}.system-health-value{font-family:var(--font-cyber);color:var(--text-high);margin-top:6px;font-size:20px;font-weight:800}.sparkline-container{width:100%;height:24px;margin-top:8px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#030607d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);width:100%;max-width:600px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title{font-family:var(--font-cyber);color:var(--text-high);text-transform:uppercase;font-size:16px}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.modal-close-btn:hover{color:var(--neon-red)}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-btn{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.modal-btn-cancel{border:1px solid var(--border-color);color:var(--text-high);background:0 0}.modal-btn-cancel:hover{background:#12222633}.modal-btn-confirm{background:var(--neon-green);color:var(--bg-darker);border:none}.modal-btn-confirm:hover{box-shadow:0 0 10px var(--neon-green-glow);background:#9cf52c}.page-container{padding:24px}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-cyber);color:var(--text-high);text-transform:uppercase;align-items:center;gap:10px;font-size:24px;display:flex}.page-title svg{color:var(--neon-green)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (width<=1024px){.sidebar{width:70px;min-width:70px}.sidebar-brand-text,.sidebar-section-title,.sidebar-item-label,.sidebar-badge,.sidebar-profile-info,.sidebar-profile-logout{display:none}.sidebar-brand{justify-content:center;padding:20px 0}.sidebar-item{justify-content:center;padding:12px 0}.sidebar-item-left{justify-content:center}}.activations-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.activations-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.activations-metrics{grid-template-columns:1fr}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;background:#030607b3;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay.active{opacity:1;pointer-events:auto}.drawer-content{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:1101;flex-direction:column;width:400px;max-width:100%;padding:0;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:-400px;box-shadow:-10px 0 30px #0009}.drawer-overlay.active .drawer-content{right:0}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-title-container{flex-direction:column;display:flex}.drawer-title{font-family:var(--font-cyber);color:var(--text-high);text-transform:uppercase;font-size:16px}.drawer-subtitle{color:var(--text-muted);margin-top:4px;font-size:11px}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.drawer-close-btn:hover{color:var(--neon-red)}.drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.drawer-section{flex-direction:column;gap:12px;display:flex}.drawer-section-title{font-family:var(--font-cyber);color:var(--neon-green);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.filter-checkbox-item{border:1px solid var(--border-color);cursor:pointer;background:#04080a80;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.filter-checkbox-item:hover{border-color:var(--border-glow);background:#12222633}.filter-checkbox-item.checked{border-color:var(--neon-green);background:#85f00c08}.filter-checkbox-item.checked-red{border-color:var(--neon-red);background:#ff333308}.filter-checkbox-input{appearance:none;border:1.5px solid var(--border-color);cursor:pointer;background:var(--bg-input);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex;position:relative}.filter-checkbox-input:checked{border-color:var(--neon-green);background:var(--neon-green-border)}.filter-checkbox-input:checked:after{content:"✓";color:var(--neon-green);font-size:12px;font-weight:700}.filter-checkbox-item.checked-red .filter-checkbox-input:checked{border-color:var(--neon-red);background:var(--neon-red-border)}.filter-checkbox-item.checked-red .filter-checkbox-input:checked:after{content:"✕";color:var(--neon-red)}.filter-checkbox-label{flex-direction:column;display:flex}.filter-checkbox-title{color:var(--text-high);font-size:13px;font-weight:600}.filter-checkbox-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.date-presets-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.date-preset-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;text-align:center;background:#04080a80;border-radius:6px;padding:10px;font-size:12px;font-weight:500;transition:all .2s}.date-preset-btn:hover{border-color:var(--border-glow);color:var(--text-high)}.date-preset-btn.active{background:var(--neon-green-border);border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow)}.drawer-footer{border-top:1px solid var(--border-color);gap:12px;padding:24px;display:flex}.drawer-btn{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.drawer-btn-clear{border:1px solid var(--border-color);color:var(--text-high);background:0 0}.drawer-btn-clear:hover{background:#12222633}.drawer-btn-apply{background:var(--neon-green);color:var(--bg-darker);border:none}.drawer-btn-apply:hover{box-shadow:0 0 10px var(--neon-green-glow);background:#9cf52c}.modal-user-info-box{border:1px solid var(--border-color);background:#04080a99;border-radius:8px;margin-top:16px;padding:16px}.modal-user-info-header{color:var(--neon-green);text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--font-cyber);align-items:center;gap:8px;margin-bottom:12px;display:flex}.modal-user-info-grid{grid-template-columns:120px 1fr;gap:8px 16px;font-size:12px;display:grid}.modal-user-info-label{color:var(--text-muted)}.modal-user-info-value{color:var(--text-high);font-weight:500}.suspicious-metrics{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1400px){.suspicious-metrics{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.suspicious-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.suspicious-metrics{grid-template-columns:1fr}}.metric-card-risk-red{border-color:var(--neon-red-border)!important}.metric-card-risk-red:hover{border-color:var(--neon-red)!important}.metric-card-risk-red:before{background:linear-gradient(90deg, transparent, var(--neon-red-border), transparent)!important}.metric-card-risk-red:hover:before{background:linear-gradient(90deg, transparent, var(--neon-red), transparent)!important}.metric-card-risk-orange{border-color:var(--neon-yellow-border)!important}.metric-card-risk-orange:hover{border-color:var(--neon-yellow)!important}.metric-card-risk-orange:before{background:linear-gradient(90deg, transparent, var(--neon-yellow-border), transparent)!important}.metric-card-risk-orange:hover:before{background:linear-gradient(90deg, transparent, var(--neon-yellow), transparent)!important}.metric-card-risk-green{border-color:var(--neon-green-border)!important}.metric-card-risk-green:hover{border-color:var(--neon-green)!important}.metric-card-risk-green:before{background:linear-gradient(90deg, transparent, var(--neon-green-border), transparent)!important}.metric-card-risk-green:hover:before{background:linear-gradient(90deg, transparent, var(--neon-green), transparent)!important}.page-size-select{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-high);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:11px}.page-size-select:hover{border-color:var(--border-glow)}