:root{--bg-primary: #0a0a0f;--bg-secondary: #13131f;--text-primary: #ffffff;--text-secondary: #9ca3af;--accent-cyan: #00f3ff;--accent-purple: #bc13fe;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-primary: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.title-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;gap:.5rem}.btn-primary{background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));color:#000}.btn-primary:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 0 15px #00f3ff66}.btn-glass{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary)}.btn-glass:hover{background:#ffffff1a}input,textarea{width:100%;padding:.8rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-family:inherit;margin-bottom:1rem}input:focus,textarea:focus{outline:none;border-color:var(--accent-cyan)}label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.desktop-menu{display:none}.mobile-toggle{display:block}@media(min-width:768px){.desktop-menu{display:flex;gap:1.5rem;align-items:center}.mobile-toggle{display:none}}@keyframes blink{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1);box-shadow:0 0 15px var(--accent-cyan)}to{opacity:1;transform:scale(1)}}.blink{animation:blink 1.5s infinite ease-in-out}@media(max-width:767px){.container{padding:0 1rem}.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;flex-wrap:nowrap!important}.tab-nav::-webkit-scrollbar{display:none}.tab-nav .btn{white-space:nowrap;flex-shrink:0;font-size:.78rem!important;padding:.55rem .9rem!important}h1{font-size:1.4rem!important}h2{font-size:1.1rem!important}[style*="gridTemplateColumns: '1fr 2fr'"],[style*='gridTemplateColumns: "1fr 2fr"'],[style*="gridTemplateColumns: '2fr 1fr'"],[style*='gridTemplateColumns: "2fr 1fr"'],[style*="gridTemplateColumns: '300px 1fr'"],[style*='gridTemplateColumns: "300px 1fr"']{grid-template-columns:1fr!important}[style*="minWidth: '400px'"],[style*="minWidth: '300px'"]{min-width:0!important}canvas{width:100%!important}.btn-group{flex-wrap:wrap!important}.glass{border-radius:16px!important}.attendance-status-btns{flex-direction:column!important}}@media(max-width:480px){h1{font-size:1.2rem!important}.container{padding:0 .75rem}[style*="padding: '3rem'"]{padding:1.5rem!important}[style*="padding: '2rem'"]{padding:1.2rem!important}}