:root{--bg-primary:#090a0f;--bg-secondary:#11131c;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf659;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f659;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:20px}body{background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);width:50%;height:50%;position:absolute;top:-15%;left:-15%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-15%;right:-15%}.navbar{-webkit-backdrop-filter:blur(15px);z-index:1000;padding:.75rem 2rem;transition:all .3s;position:sticky;top:0;border-bottom:1px solid var(--glass-border)!important;background:#090a0fbf!important}.navbar-brand img{border-radius:8px;transition:transform .3s;box-shadow:0 0 15px #8b5cf640}.navbar-brand:hover img{transform:scale(1.05)}.navbar-nav .nav-link{border-radius:8px;font-size:14.5px;font-weight:500;transition:all .3s;color:var(--text-secondary)!important;padding:.5rem 1rem!important}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .show>.nav-link{background:#ffffff0d;color:var(--text-primary)!important}.dropdown-menu{-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 30px #00000080;border:1px solid var(--glass-border)!important;background:#11131cf2!important;border-radius:12px!important;margin-top:8px!important;padding:.5rem!important}.dropdown-item{font-size:14px;transition:all .2s;color:var(--text-secondary)!important;border-radius:8px!important;padding:.6rem 1.2rem!important}.dropdown-item:hover{transform:translate(4px);color:var(--text-primary)!important;background:linear-gradient(135deg,#8b5cf633,#3b82f633)!important}.navbar-right .nav-link{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px}.navbar-right .nav-link:hover{border-color:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple-glow)}.hero-title{background:linear-gradient(135deg,#fff 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.25}.hero-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.badge-glow{color:#c084fc;letter-spacing:.05em;text-transform:uppercase;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:20px;padding:.5em 1.2em;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 0 15px #8b5cf61a}.feature-list{margin-top:2rem}.feature-item{gap:16px;margin-bottom:1.25rem;display:flex}.feature-icon-wrapper{color:var(--accent-blue);background:#3b82f614;border:1px solid #3b82f626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 0 10px #3b82f60d}.feature-text h5{color:var(--text-primary);margin-bottom:2px;font-family:Outfit,sans-serif;font-size:15.5px;font-weight:600}.feature-text p{color:var(--text-secondary);margin:0;font-size:13.5px}.image-showcase{justify-content:center;margin-top:2.5rem;display:flex;position:relative}.showcase-img{border:1px solid var(--glass-border);border-radius:20px;max-width:90%;height:auto;animation:6s ease-in-out infinite floatGlow;box-shadow:0 25px 50px #00000080,0 0 40px #8b5cf61a}@keyframes floatGlow{0%{transform:translateY(0);box-shadow:0 25px 50px #00000080,0 0 40px #8b5cf61a}50%{transform:translateY(-12px);box-shadow:0 35px 60px #0009,0 0 50px #3b82f62e}to{transform:translateY(0);box-shadow:0 25px 50px #00000080,0 0 40px #8b5cf61a}}.login-card-wrapper{z-index:1;position:relative}.login-card-wrapper:before{content:"";background:radial-gradient(circle, var(--accent-purple-glow) 0%, transparent 70%);z-index:-1;filter:blur(10px);width:120px;height:120px;position:absolute;top:-20px;right:-20px}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059,inset 0 1px 1px #ffffff14}.login-card:hover{border-color:#ffffff1f;box-shadow:0 30px 60px #00000073,inset 0 1px 1px #ffffff1f,0 0 30px #8b5cf60d}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent-purple), var(--accent-blue));width:100%;height:3px;position:absolute;top:0;left:0}.card-header-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.card-header-sub{color:var(--text-secondary);font-size:14px}.btn-google-sso{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:.75rem 1.5rem;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-google-sso:hover{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 20px #0003,0 0 15px #ffffff0d}.btn-google-sso:active{transform:translateY(0)}.separator-box{text-align:center;align-items:center;margin:1.75rem 0;display:flex}.separator-box:before,.separator-box:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.separator-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 12px;font-size:12px;font-weight:600}.form-label-custom{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12.5px;font-weight:600;display:block}.input-icon-group{position:relative}.input-icon-group i{color:var(--text-muted);font-size:18px;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-control-custom{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0003;border-radius:12px;padding:.75rem 1rem .75rem 48px;font-size:14.5px;transition:all .3s}.form-control-custom::placeholder{color:#fff3}.form-control-custom:focus{border-color:var(--accent-purple);background:#00000059;outline:none;box-shadow:0 0 15px #8b5cf626,inset 0 0 0 1px #8b5cf61a}.form-control-custom:focus+i{color:var(--accent-purple)}.btn-submit-premium{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));color:#fff;letter-spacing:.02em;border:none;border-radius:12px;width:100%;padding:.85rem 1.5rem;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #8b5cf640}.btn-submit-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666,0 0 10px #3b82f633}.btn-submit-premium:active{transform:translateY(0)}footer{border-top:1px solid var(--glass-border);background:#090a0fe6;margin-top:auto;padding:1.5rem 0}.footer-text{color:var(--text-muted);font-size:13.5px}.system-status{color:#34d399;background:#10b98114;border:1px solid #10b98126;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.system-status.maintenance{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b26}.status-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 8px #10b981}.system-status.maintenance .status-dot{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}@keyframes pulseDot{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.dashboard-container{padding-top:1.5rem;padding-bottom:4rem}.welcome-banner{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf60f,#3b82f60f);border-radius:20px;margin-bottom:2.5rem;padding:2rem;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:var(--accent-purple);width:4px;height:100%;position:absolute;top:0;left:0}.welcome-title{color:var(--text-primary);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.welcome-sub{color:var(--text-secondary);margin:0;font-size:14.5px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:2.5rem;display:grid}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 20px #00000026}.metric-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 15px 30px #00000040,0 0 15px #8b5cf60d}.metric-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:600}.metric-icon{color:var(--accent-purple);font-size:20px}.metric-icon.blue{color:var(--accent-blue)}.metric-value{color:#fff;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.metric-change{font-size:12px;font-weight:600}.metric-change.positive{color:#34d399}.metric-change.negative{color:#f87171}.chart-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:2.5rem;padding:2rem;box-shadow:0 15px 30px #0003}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.chart-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.chart-legend{gap:16px;font-size:12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-color{border-radius:50%;width:8px;height:8px}.legend-purple{background-color:var(--accent-purple)}.legend-blue{background-color:var(--accent-blue)}.chart-wrapper{width:100%;height:auto;position:relative;overflow-x:auto}.chart-svg{width:100%;height:200px;display:block;overflow:visible}.quick-links-title{color:var(--text-primary);margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.quick-links-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.quick-link-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:inherit;border-radius:16px;gap:16px;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 20px #00000026}.quick-link-card:hover{border-color:var(--accent-purple);box-shadow:0 15px 30px #00000040, 0 0 15px var(--accent-purple-glow);color:inherit;transform:translateY(-4px)scale(1.02)}.quick-link-icon-box{width:48px;height:48px;color:var(--accent-purple);background:#8b5cf614;border:1px solid #8b5cf626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:all .3s;display:flex}.quick-link-card:hover .quick-link-icon-box{background:var(--accent-purple);color:#fff;box-shadow:0 0 15px var(--accent-purple-glow)}.quick-link-info h5{color:var(--text-primary);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:15.5px;font-weight:600}.quick-link-info p{color:var(--text-secondary);margin:0;font-size:13px}.alert-custom{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:8px;padding:.75rem 1rem;font-size:13.5px;display:flex}.success-custom{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:12px;align-items:center;gap:8px;padding:.75rem 1rem;font-size:13.5px;display:flex}.nav-session-user{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:14px;font-weight:500;display:flex}.nav-session-user.admin{background:#ef444414;border-color:#ef444433;color:#f87171!important}.nav-session-user.admin i{color:#ef4444}.nav-session-user i{color:var(--accent-purple)}.btn-secondary-custom{text-align:center;color:var(--text-secondary);font-size:13.5px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.btn-secondary-custom:hover{color:var(--accent-purple)}.admin-badge{color:#f87171;letter-spacing:.08em;text-transform:uppercase;background:#ef44441f;border:1px solid #ef444440;border-radius:20px;padding:.4em 1em;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 0 10px #ef44440d}.admin-tabs{border-bottom:1px solid var(--glass-border);gap:12px;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.admin-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:.6rem 1.2rem;font-size:14.5px;font-weight:600;transition:all .3s}.admin-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.admin-tab-btn.active{color:#fff;background:#8b5cf626;border-color:#8b5cf64d;box-shadow:0 0 15px #8b5cf61a}.admin-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 15px 30px #00000040}.admin-table{width:100%;margin-bottom:0}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;font-size:11.5px;font-weight:600;border-bottom:1px solid #ffffff14!important}.admin-table td{vertical-align:middle;color:var(--text-primary);padding:14px 16px;font-size:14px;border-bottom:1px solid #ffffff0d!important}.admin-table tr:hover td{background:#ffffff03}.btn-delete-user{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;transition:all .2s}.btn-delete-user:hover{color:#fff;background:#ef4444;box-shadow:0 0 10px #ef44444d}.pricing-config-card{border:1px solid var(--glass-border);background:#ffffff03;border-radius:16px;height:100%;padding:1.5rem;transition:all .3s}.pricing-config-card:hover{background:#ffffff05;border-color:#ffffff1f}.pricing-config-title{color:var(--text-primary);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.status-config-option{border:1px solid var(--glass-border);cursor:pointer;background:#00000026;border-radius:12px;padding:1rem;transition:all .3s}.status-config-option:hover{background:#ffffff08;border-color:#ffffff1f}.status-config-option.active.online{background:#10b9810d;border-color:#10b981;box-shadow:0 0 15px #10b9811a}.status-config-option.active.maintenance{background:#f59e0b0d;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b1a}@media (width<=991.98px){.navbar{padding:.75rem 1rem}.hero-title{text-align:center;font-size:2.2rem}.hero-description{text-align:center}.badge-glow{width:max-content;margin:0 auto;display:block}.image-showcase{margin-bottom:2rem}.login-card{padding:2rem 1.5rem}}