@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";
:root{--background:#0a0e18;--foreground:#fff;--accent:#c31036;--accent-hover:#e6143e;--card-bg:#161b22;--bg-card:#161b22;--border:#ffffff1a;--muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--foreground);min-height:100vh;font-family:Quicksand,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{background-color:var(--accent);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px}.input-field{border:1px solid var(--border);appearance:none;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;transition:border-color .2s;color:#fff!important;background:#1f2937!important}.input-field option{color:#fff!important;background-color:#1f2937!important}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar-link-hover:hover{background:#ffffff0d;color:#fff!important}.nav-link-student:hover{background:#ffffff0d;transform:translate(5px);color:var(--foreground)!important}.nav-link-student{border:1px solid #0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:1s linear infinite spin}.admin-card-hover:hover{transform:translateY(-5px);border-color:var(--accent)!important;background:#c310360d!important}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:0 0}.custom-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (max-width:768px){header[style*="justify-content: space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}div[style*="grid-template-columns: 1.3fr 0.7fr"],div[style*="grid-template-columns: 1fr 1fr 1fr"],div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:1fr!important;gap:1.2rem!important}h1{font-size:1.6rem!important}h2{font-size:1.4rem!important}h3{font-size:1.1rem!important}.glass-card[style*="width: 50%"],.glass-card[style*="width: 80%"],.glass-card[style*="width: 90%"]{margin:0 auto;width:100%!important;padding:1.5rem!important}.hide-on-mobile{display:none!important}div[style*="justify-content: space-between"]>div[style*="text-align: right"]{text-align:left!important;margin-top:1rem!important}div[style*="justify-content: space-between"]>div[style*="text-align: right"]>div{justify-content:flex-start!important}}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:60;height:68px;padding:0 .25rem;padding-bottom:env(safe-area-inset-bottom);background:#0a0e18eb;border-top:1px solid #ffffff14;justify-content:space-around;align-items:stretch;animation:.3s slideUpNav;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpNav{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.bottom-nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;margin:6px 3px;padding:.25rem 0;font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,transform .15s;display:flex;position:relative}.bottom-nav-item:hover{color:var(--foreground);background:#ffffff0d}.bottom-nav-item.active{color:var(--accent);background:#c310361a}.bottom-nav-item.active:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:4px}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-logout{color:var(--muted)}