:root{--vgg-green:#3cb84a;--vgg-green-glow:#3cb84a66;--vgg-orange:#f37d1d;--vgg-orange-glow:#f37d1d66;--bg-base:#0a0b0e;--bg-surface:#12141a;--bg-panel:#16181fb3;--text-primary:#fff;--text-secondary:#a0a5b1;--text-muted:#6b7280;--border-color:#ffffff14;--border-focus:var(--vgg-green);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.4s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 5px var(--vgg-green-glow)}50%{box-shadow:0 0 20px var(--vgg-green-glow)}to{box-shadow:0 0 5px var(--vgg-green-glow)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #0000005e}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#0003;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--vgg-green-glow);outline:none}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--vgg-green);color:#fff}.btn-primary:hover{box-shadow:0 0 15px var(--vgg-green-glow);background-color:#32a13f;transform:translateY(-1px)}.btn-secondary{background-color:var(--vgg-orange);color:#fff}.btn-secondary:hover{box-shadow:0 0 15px var(--vgg-orange-glow);background-color:#e07015}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover{border-color:var(--text-primary);background-color:#ffffff0d}.auth-layout{background-image:linear-gradient(90deg,#0a0b0ef2,#0a0b0eb3),url(https://images.unsplash.com/photo-1470225620780-dba8ba36b745?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{width:100%;max-width:480px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-title{background:linear-gradient(to right, #fff, var(--vgg-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-top:.5rem}.student-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.chat-container{flex-direction:column;height:600px;display:flex}.admin-layout{min-height:100vh;display:flex}.dashboard-layout{background-image:radial-gradient(circle at 20% 30%,#f37d1d0d,#0000),radial-gradient(circle at 80% 70%,#3cb84a0d,#0000),linear-gradient(#0a0b0eeb,#0a0b0ef2),url(https://images.unsplash.com/photo-1470225620780-dba8ba36b745?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.admin-layout aside{flex-direction:column;gap:1rem;width:250px;margin:1rem;padding:1.5rem;display:flex}.admin-layout main{-webkit-backdrop-filter:blur(20px);animation:fadeIn var(--transition-normal) forwards;background:#16181f80;border:1px solid #ffffff1a;border-radius:24px;flex:1;margin:1.5rem 1.5rem 1.5rem 0;padding:2.5rem;overflow-y:auto;box-shadow:inset 0 0 20px #ffffff05}.gallery-thumb:hover{border-color:var(--vgg-green);box-shadow:0 0 15px var(--vgg-green-glow);transform:scale(1.05)}.gallery-thumb img{transition:transform .3s}.gallery-thumb:hover img{transform:scale(1.1)}@media (width<=768px){.student-grid{grid-template-columns:1fr}.chat-container{height:auto;min-height:400px}.auth-layout{align-items:flex-start;padding:1rem}.auth-card{margin-top:2rem;padding:1.5rem}.auth-title{font-size:1.5rem}.admin-layout{flex-direction:column!important}.admin-layout aside{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row!important;width:auto!important;margin:1rem!important;padding:1rem!important;overflow-x:auto!important}.admin-layout aside button{flex:none;padding:.5rem .75rem!important;font-size:.8rem!important}.admin-layout main{margin:0 1rem 1rem!important;padding:1rem!important}.student-layout{padding:1rem!important}table{white-space:nowrap;display:block;overflow-x:auto}.input-group{margin-bottom:1rem}.phone-input-group{flex-wrap:wrap}.btn{width:100%}.chat-messages{max-height:50vh!important}}