:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark: #0d0d0d;--bg-sidebar: #111111;--bg-card: #2b2b2b;--bg-main: #1e1e1e;--text-main: #e0e0e0;--text-muted: #9ca3af;--accent-green: #16a34a;--accent-blue: #2563eb;--accent-purple: #9333ea;--accent-orange: #ea580c;--border-radius: 8px;--transition: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw;position:relative}.sidebar{width:260px;background-color:var(--bg-sidebar);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;transition:transform var(--transition);z-index:100}.logo{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;color:var(--text-muted);text-decoration:none;border-radius:var(--border-radius);margin-bottom:.5rem;transition:background-color .2s}.nav-link:hover{background-color:var(--bg-card);color:#fff}.nav-link.active{background-color:var(--bg-card);color:#fff;font-weight:600}.main-content{flex:1;background-color:var(--bg-main);padding:2rem;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title h1{font-size:1.8rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:1.5rem}.search-box{position:relative}.search-box input{background-color:var(--bg-card);border:none;color:#fff;padding:10px 15px 10px 35px;border-radius:50px;width:250px;outline:none}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-card);padding:1.5rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.section-card{background-color:var(--bg-card);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.class-item{background-color:var(--bg-main);padding:1.5rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;gap:1rem}.class-info h3{font-size:1.2rem;margin-bottom:.25rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.dot-live{background-color:var(--accent-green);animation:pulse 1.5s infinite}.dot-upcoming{background-color:var(--accent-blue)}.dot-default{background-color:var(--text-muted)}.btn{padding:12px 32px;border:none;border-radius:var(--border-radius);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-green{background-color:var(--accent-green)}.btn-dark{background-color:var(--bg-sidebar)}.btn-icon{background:none;border:none;color:var(--text-main);cursor:pointer;font-size:1.2rem}.mobile-menu-btn,.overlay{display:none}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);width:70%}.sidebar.open{transform:translate(0)}.mobile-menu-btn{display:block;margin-right:1rem;background:none;border:none;color:#fff;cursor:pointer}.stats-grid{grid-template-columns:1fr 1fr}.class-item{flex-direction:column;align-items:flex-start}.class-item .btn{width:100%}.overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:90}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.main-content::-webkit-scrollbar{display:none}.main-content{-ms-overflow-style:none;scrollbar-width:none}