@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary-color:#6366f1;--primary-glow:#6366f126;--secondary-color:#10b981;--secondary-glow:#10b98126;--dark-bg:#090d16;--dark-surface:#0f1628b3;--dark-surface-border:#ffffff14;--dark-text-primary:#f8fafc;--dark-text-secondary:#94a3b8;--dark-text-muted:#64748b;--glass-bg:#ffffff08;--glass-border:#ffffff12;--glass-shadow:#0006;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px;--transition-smooth:background-color .2s ease, border-color .2s ease, box-shadow .2s ease;--transition-bounce:background-color .2s ease, border-color .2s ease, box-shadow .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--dark-text-primary);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#10b9811a 0,#0000 50%),radial-gradient(#a855f714 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--dark-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--dark-surface-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:var(--radius-md)}.stats-card{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.stats-card:hover{border-color:#ffffff26;transform:scale(1.02);box-shadow:0 12px 40px #00000080}.glass-input{border-radius:var(--radius-sm);color:var(--dark-text-primary);transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem}.glass-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);background:#ffffff0f}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, #4338ca 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{box-shadow:0 6px 20px #6366f166}.btn-primary:active{box-shadow:0 2px 10px #6366f133}.btn-secondary{color:var(--dark-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.text-gradient{background:linear-gradient(135deg,#a5b4fc 0%,#818cf8 40%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#e9d5ff 0%,#c084fc 40%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s ease-out forwards fadeIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-backdrop-fade-in{animation:.15s ease-out forwards fadeIn}.modal-scale-in{animation:.18s cubic-bezier(.16,1,.3,1) forwards modalScaleIn}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.dropdown-fade-in{animation:.1s ease-out forwards dropdownFadeIn}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}html.light-theme,body.light-theme{--dark-bg:#f1f5f9;--dark-surface:#ffffffd9;--dark-surface-border:#00000014;--dark-text-primary:#0f172a;--dark-text-secondary:#475569;--dark-text-muted:#64748b;--glass-bg:#00000005;--glass-border:#0000000f;--glass-shadow:#0f172a0d}body.light-theme{color:#0f172a;background-color:#f1f5f9;background-image:radial-gradient(at 0 0,#6366f10f 0,#0000 50%),radial-gradient(at 100% 100%,#10b9810a 0,#0000 50%),radial-gradient(#a855f708 0,#0000 50%)}.light-theme .glass-panel:hover{border-color:#00000026;box-shadow:0 12px 40px #0f172a14}.light-theme .glass-input{color:#0f172a;background:#00000005;border:1px solid #00000014}.light-theme .glass-input:focus{background:#0000000a}.light-theme .btn-secondary{color:#0f172a;border-color:#00000026}.light-theme .btn-secondary:hover{background:#00000008}.light-theme .text-gradient{background:linear-gradient(135deg,#4338ca 0%,#6366f1 40%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.light-theme .text-gradient-purple{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 40%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-btn{width:100%;color:var(--dark-text-secondary);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;padding:12px 16px;font-weight:600}.sidebar-btn:hover{background:var(--glass-bg);color:var(--dark-text-primary)}.sidebar-btn.active{color:var(--primary-color);background:#ffffff0d}html.light-theme .sidebar-btn.active,body.light-theme .sidebar-btn.active{background:#0000000a}.list-item-bg{background:#ffffff05}html.light-theme .list-item-bg,body.light-theme .list-item-bg{background:#00000005}.badge-muted{color:var(--dark-text-secondary);background:#ffffff0d}html.light-theme .badge-muted,body.light-theme .badge-muted{color:var(--dark-text-secondary);background:#0000000a}.status-absent-badge{color:#f87171;background:#ef444426;border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:600}html.light-theme .status-absent-badge,body.light-theme .status-absent-badge{color:#b91c1c;background:#ef44441a}.text-absent{color:#f87171}html.light-theme .text-absent,body.light-theme .text-absent{color:#b91c1c}.status-present-badge{background:var(--secondary-glow);color:var(--secondary-color);border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:600}html.light-theme ::-webkit-scrollbar-track{background:#f1f5f9}html.light-theme ::-webkit-scrollbar-thumb{background:#cbd5e1}.autocomplete-dropdown{border:1px solid var(--dark-surface-border);z-index:999;background-color:#161d2a;border-radius:6px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 10px #00000080}.autocomplete-dropdown-item{cursor:pointer;transition:var(--transition-smooth);border-bottom:1px solid #ffffff0d}.autocomplete-dropdown-item:hover{background-color:#ffffff0d!important}html.light-theme .autocomplete-dropdown,body.light-theme .autocomplete-dropdown{background-color:#fff;box-shadow:0 4px 15px #00000014}html.light-theme .autocomplete-dropdown-item,body.light-theme .autocomplete-dropdown-item{border-bottom:1px solid #0000000d}html.light-theme .autocomplete-dropdown-item:hover,body.light-theme .autocomplete-dropdown-item:hover{background-color:#00000008!important}.dashboard-container{flex-direction:column;min-height:100dvh;display:flex}.dashboard-header{transition:var(--transition-smooth);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:20px;padding:16px 32px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.main-layout-container{flex:1;gap:20px;padding:0 20px 20px;display:flex;position:relative}.dashboard-sidebar{flex-shrink:0;overflow:hidden auto;flex-direction:column!important;gap:8px!important;width:240px!important;padding:24px 16px!important;display:flex!important}.dashboard-sidebar .sidebar-btn{white-space:nowrap;align-items:center;gap:12px;width:100%;display:flex}@media (min-width:769px){.dashboard-sidebar.collapsed{width:76px!important;padding:24px 8px!important}.dashboard-sidebar.collapsed .sidebar-btn{justify-content:center;gap:0!important;padding:12px 0!important}.dashboard-sidebar.collapsed .sidebar-btn .btn-label{display:none!important}.dashboard-sidebar.collapsed .sidebar-btn .sidebar-icon{font-size:1.2rem;margin-right:0!important}}.dashboard-main{min-width:0;transition:background-color .3s,border-color .3s,box-shadow .3s;overflow-y:auto;flex:1!important;padding:32px!important}@media (max-width:768px){.dashboard-header{z-index:990!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:12px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin:10px!important;padding:12px 16px!important;position:sticky!important;top:10px!important}.header-left,.header-right{align-items:center!important;gap:12px!important;display:flex!important}.header-branding{display:none!important}.mobile-module-title{display:block!important}.main-layout-container{gap:0!important;padding:0 10px 10px!important}.dashboard-sidebar{z-index:1000!important;-webkit-backdrop-filter:blur(20px)!important;opacity:1!important;background:#0f1628f5!important;border-left:none!important;border-radius:0 16px 16px 0!important;width:280px!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:20px 0 50px #0009!important}.dashboard-sidebar.open{transform:translate(0)!important}.dashboard-sidebar.collapsed{width:280px!important;padding:24px 16px!important;transform:translate(-100%)!important}.dashboard-sidebar .sidebar-btn .btn-label{display:inline!important}.dashboard-main{border-radius:12px!important;padding:16px!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100dvh;position:fixed;top:0;left:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}div[style*=grid-template-columns],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}table:not(.responsive-card-table):not(.admit-schedule-table){-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}button:not(.sidebar-toggle-btn),.btn-primary,.btn-secondary:not(.sidebar-toggle-btn),select,input{justify-content:center;align-items:center;display:inline-flex;min-height:44px!important}form{gap:16px!important}.attendance-student-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:16px!important}.attendance-student-row>div{width:100%!important}.attendance-pills-row{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;width:100%!important;margin-top:10px!important}.attendance-pill-btn{flex:1!important;min-height:44px!important;padding:10px 6px!important;font-size:.85rem!important}.responsive-card-table,.responsive-card-table tbody,.responsive-card-table tr,.responsive-card-table td{width:100%!important;min-width:0!important;display:block!important}.responsive-card-table thead{display:none!important}.responsive-card-table tr{border:1px solid var(--dark-surface-border)!important;border-radius:var(--radius-md)!important;background:var(--dark-surface)!important;box-shadow:0 4px 15px var(--glass-shadow)!important;margin-bottom:20px!important;padding:16px!important}.responsive-card-table td{text-align:right!important;border-bottom:1px solid #ffffff0a!important;justify-content:space-between!important;align-items:center!important;padding:10px 8px!important;display:flex!important}.responsive-card-table td:last-child{border-bottom:none!important}.responsive-card-table td:before{content:attr(data-label);float:left;color:var(--dark-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-right:15px;font-size:.75rem;font-weight:600}.mobile-fab{display:flex!important}}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton-pulse{border-radius:var(--radius-sm);background:#ffffff0d;animation:1.5s ease-in-out infinite skeletonPulse}html.light-theme .skeleton-pulse{background:#0000000f}