@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#13131f;--bg-glass:#14142399;--bg-glass-hover:#1e1e32cc;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-primary:#00f0ff;--accent-secondary:#7000ff;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--danger:#ff2a5f;--success:#00e676;--warning:#ffb300;--border-glass:1px solid #ffffff0d;--shadow-neon:0 0 15px #00f0ff4d;--shadow-glass:0 8px 32px 0 #0000005e;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--accent-primary);transition:var(--transition-fast);text-decoration:none}a:hover{text-shadow:var(--shadow-neon)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:var(--transition-normal)}.glass-panel:hover{background:var(--bg-glass-hover);border-color:#ffffff1a}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-normal);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #7000ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff66}.btn-primary:active{transform:translateY(1px)}.btn-glass{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);border:var(--border-glass);background:#ffffff0d}.btn-glass:hover{background:#ffffff1a}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-field{border-radius:var(--radius-md);color:#fff;transition:var(--transition-fast);background:#0003;border:1px solid #ffffff1a;padding:14px 16px;font-family:Outfit,sans-serif;font-size:1rem}.input-field:focus{border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--accent-primary), var(--shadow-neon);outline:none}.input-field::placeholder{color:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseNeon{0%{box-shadow:0 0 5px #00f0ff33}50%{box-shadow:0 0 20px #00f0ff99}to{box-shadow:0 0 5px #00f0ff33}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-pulse{animation:2s infinite pulseNeon}.container{max-width:1200px;margin:0 auto;padding:0 20px}.d-flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}@media (width<=1024px){.sidebar{z-index:1000;width:0;position:fixed;transform:translate(-100%)}.sidebar.open{width:260px;transform:translate(0)}.dashboard-content{margin-left:0!important}}@media (width<=768px){.hero-content h1{font-size:2.5rem}.features-grid,.stats-grid{grid-template-columns:1fr!important}.admin-stats-grid{grid-template-columns:1fr 1fr!important}.admin-content-grid{grid-template-columns:1fr!important}.container{padding:0 16px}.page-header-neon{flex-direction:column;align-items:flex-start;gap:20px}.btn-neon-add{justify-content:center;width:100%}}@media (width<=480px){.admin-stats-grid{grid-template-columns:1fr!important}.login-card-glass{padding:30px 20px}.hero-cta{flex-direction:column;width:100%}.btn-primary-neon,.btn-secondary-outline{text-align:center;justify-content:center;width:100%}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.text-center{text-align:center}.w-full{width:100%}.hide-mobile{display:block}@media (width<=768px){.hide-mobile{display:none}}