:root{--primary: hsl(232 84% 56%);--primary-light: hsl(232 84% 66%);--background: hsl(222 47% 11%);--foreground: hsl(0 0% 100%);--sidebar-bg: hsla(222, 47%, 11%, .8);--card-bg: hsla(222, 47%, 16%, .6);--accent: hsl(214 32% 91%);--success: hsl(142 71% 45%);--warning: hsl(38 92% 50%);--error: hsl(0 84% 60%);--radius: .75rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background-color:#0a0f18}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--foreground);overflow:hidden;-webkit-font-smoothing:antialiased}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.gradient-text{background:linear-gradient(to right,var(--primary),var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scroll-container{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;position:relative;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}input{outline:none;font-family:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0f172a inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}.loader{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.scroll-container{padding-bottom:7rem!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.grid-responsive{grid-template-columns:1fr!important}}@media (max-width: 768px){.classroom-grid{grid-template-columns:1fr!important;overflow-y:auto!important;display:block!important;padding-bottom:8rem!important}.classroom-grid>.playlist-container{margin-top:1.5rem;max-height:350px!important}.mobile-scroll-fix{overflow:visible!important;height:auto!important}}.playlist-container ::-webkit-scrollbar{width:4px}.icon-btn-glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.icon-btn-glass:hover{background:#ffffff1a;transform:translateY(-2px)}