@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.\@container{container-type:inline-size}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.me-auto{margin-inline-end:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-t-transparent{border-top-color:#0000}.bg-\[\#1a4f62\]{background-color:#1a4f62}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-right{text-align:right}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){.hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-\[\#f1f5f9\]:hover{background-color:#f1f5f9}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s ease-out fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#1a4f62;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0f2e42}input[type=checkbox]{cursor:pointer}input[type=checkbox]:checked{accent-color:#1a4f62}@media print{.no-print{display:none!important}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root{--primary: #1B4F62;--primary-light: #2D6B82;--primary-dark: #0F3A4D;--brand-gold: #A98E54;--brand-gold-light: #C4AB70;--cta: #DC2626;--cta-hover: #B91C1C;--success: #059669;--success-light: #10B981;--warning: #D97706;--info: #0284C7;--background: #F8FAFC;--card-bg: #FFFFFF;--sidebar-bg: #F1F5F9;--hover-bg: #E0F2FE;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-light: #94A3B8;--border: #CBD5E1;--border-light: #E2E8F0;--border-dark: #94A3B8;--status-present: #059669;--status-absent: #DC2626;--status-late: #D97706;--status-excused: #0284C7}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-brand-gold{color:var(--brand-gold)!important}.text-primary-blue{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important;color:#fff!important}.bg-success{background-color:var(--success)!important;color:#fff!important}.bg-danger{background-color:var(--cta)!important;color:#fff!important}.bg-white-clean{background-color:#fff!important}.bg-light-gray{background-color:var(--sidebar-bg)!important}.btn-primary-ne{background-color:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:none}.btn-success-ne{background-color:var(--success);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:none}.btn-danger-ne{background-color:var(--cta);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:none}.btn-sm-ne{padding:.5rem 1rem;font-size:.875rem}.btn-icon-primary{background-color:var(--primary);color:#fff;border:none;padding:.5rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center}.btn-icon-success{background-color:var(--success);color:#fff;border:none;padding:.5rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center}.btn-icon-danger{background-color:var(--cta);color:#fff;border:none;padding:.5rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center}.heading-dark{color:var(--text-primary)!important}.heading-gold,.heading-brand-gold{color:var(--brand-gold)!important}.heading-blue{color:var(--primary)!important}.card-ne{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.modal-header-primary{background-color:var(--primary);color:#fff;border-bottom:none}.label-gold{color:var(--brand-gold);font-weight:600}.border-primary{border-color:var(--primary)!important}.border-gray{border-color:var(--border)!important}body{background-color:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.bg-white,[class*=bg-gradient],.card,.modal-content{background:var(--card-bg);color:var(--text-primary)}#teacher-dashboard-container,#student-dashboard-container,#parent-dashboard-container,#teacher-attendance-container{background:transparent}.pdf-viewer-modal .modal-dialog{max-width:95vw!important;width:95vw!important;margin:0 auto!important;height:95vh!important;max-height:95vh!important;display:flex!important;flex-direction:column!important}.pdf-viewer-modal .modal-content{height:100%;display:flex;flex-direction:column;max-height:95vh}@media(max-width:768px){.pdf-viewer-modal .modal-dialog{max-width:100%;margin:0}}header,#app-header,.bg-gradient-to-r.from-purple-600{background:var(--primary);color:#fff;border:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;background:transparent}#teacher-dashboard-container h2,#student-dashboard-container h2,#parent-dashboard-container h2,#teacher-attendance-container h2,#teacher-dashboard-container h2:hover,#student-dashboard-container h2:hover,#parent-dashboard-container h2:hover,#teacher-attendance-container h2:hover{background:transparent}[id*=container]>div:first-child h2:hover,[id*=container] h2:first-of-type:hover{background:transparent}.teacher-row:hover h3{color:var(--text-primary)}.flex.border-b-2 button,#teacher-dashboard-container .flex.border-b-2 button{background:var(--card-bg);color:var(--text-secondary);border:none;border-bottom:none;font-weight:500}.flex.border-b-2 button[style*=background],button.active-tab{background:var(--primary);color:#fff;border-bottom:none;font-weight:600}button[class*=blue],button[class*=green],button[class*=purple],.btn-primary,[class*=from-green],[class*=from-blue],[class*=from-purple]{background:var(--primary);color:#fff;border:none;font-weight:500}button[class*=bg-green],.btn-success{background:var(--success);color:#fff;border:none}button[class*=bg-red],.btn-danger{background:var(--cta);color:#fff;border:none}button[class*=bg-gray]{background:var(--sidebar-bg);color:var(--text-primary);font-weight:500}[class*=from-purple-500],[class*=from-orange],[class*=from-pink],[class*=to-pink],.bg-gradient-to-r:not(.from-purple-600){background:var(--card-bg);border:1px solid var(--border-light);color:var(--text-primary)}input,textarea,select{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);padding:.5rem;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.modal{background:#00000080!important}.modal-content{background:var(--card-bg)!important;border:none!important;box-shadow:0 20px 25px -5px #0000001a!important}input.border,input.border-2,textarea.border,textarea.border-2,select.border,select.border-2{border-color:var(--border)!important}.bg-yellow-100{background:#fef3c7!important;border:1px solid #fbbf24!important;color:#92400e!important}table{background:var(--card-bg)!important;border:1px solid var(--border)!important}th{background:var(--primary)!important;color:#fff!important;font-weight:600!important}td{color:var(--text-primary);border-color:var(--border)}.lucide{color:inherit!important}.teacher-row .bg-white,.teacher-row [class*=bg-white],.teacher-row [class*=bg-opacity],.teacher-row .bg-white.bg-opacity-30,.teacher-row .bg-white.bg-opacity-20,.teacher-row [class*=bg-white][class*=bg-opacity],.teacher-row div[class*=bg-white],.teacher-row div[class*=bg-opacity]{background:transparent;background-color:transparent}.teacher-row svg:not(button svg),.teacher-row .lucide:not(button .lucide),.teacher-row svg:not(button svg) *,.teacher-row .lucide:not(button .lucide) *{color:inherit;background:transparent;background-color:transparent}.teacher-row h3 div,.teacher-row h3 [class*=bg-white],.teacher-row h3 [class*=bg-opacity],.teacher-row div[class*=bg-white],.teacher-row div[class*=bg-opacity]{background:transparent;background-color:transparent}.teacher-row:hover svg:not(button svg),.teacher-row:hover .lucide:not(button .lucide),.teacher-row:hover svg:not(button svg) *,.teacher-row:hover .lucide:not(button .lucide) *{color:var(--text-primary);background:transparent;background-color:transparent}.teacher-row:hover h3 div,.teacher-row:hover h3 [class*=bg-white],.teacher-row:hover h3 [class*=bg-opacity],.teacher-row:hover div[class*=bg-white],.teacher-row:hover div[class*=bg-opacity]{background:transparent;background-color:transparent}.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:0 2px 4px -1px #0000000d}.rounded-2xl,[id*=container].rounded-2xl{background-color:transparent!important}[id*=teacher-parents-container] .grid,[id*=teacher-assistants-container] .grid,[id*=teacher-parents-container] .Row,[id*=teacher-assistants-container] .Row{background:transparent!important;background-color:transparent!important}.grid.gap-4>*,.grid[class*=gap-4]>*,[class*=grid][class*=gap-4]>*{background:transparent!important;background-color:transparent!important}.grid.gap-4>[class*=bg-gradient],.grid[class*=gap-4]>[class*=bg-gradient],[class*=grid][class*=gap-4]>[class*=bg-gradient]{background:transparent!important;background-color:transparent!important;background-image:none!important}.card,[class*=rounded-xl],[class*=rounded-2xl]:not(.teacher-row){background-color:var(--card-bg)}.teacher-row{cursor:pointer}.teacher-row:hover{background-color:var(--brand-gold-light);cursor:pointer}.teacher-row:hover h3,.teacher-row:hover p,.teacher-row:hover svg:not(button svg){color:var(--text-primary)}.text-gray-600,.text-gray-500{color:var(--text-muted)}.text-gray-700,.text-gray-800{color:var(--text-secondary)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-2xl,.font-bold,.text-xl{color:var(--text-primary);font-weight:700}.teacher-row:hover .text-2xl,.teacher-row:hover .font-bold{color:var(--text-primary)}[class*=text-opacity]{color:var(--text-muted);opacity:1}.badge-present,.bg-green-100{background-color:#d1fae5;color:#065f46;border:1px solid #34D399}.badge-absent,.bg-red-100{background-color:#fee2e2;color:#991b1b;border:1px solid #F87171}.badge-late,.bg-yellow-100{background-color:#fef3c7;color:#92400e;border:1px solid #FBBF24}.badge-excused,.bg-blue-100{background-color:#dbeafe;color:#1e40af;border:1px solid #60A5FA}.btn-primary,button[class*=blue]{background:var(--primary);color:#fff;font-weight:600}.btn-success,button[class*=green]{background:var(--success);color:#fff;font-weight:600}.btn-danger,button[class*=red]{background:var(--cta);color:#fff;font-weight:600}svg,.lucide{color:var(--text-primary);background:transparent}button svg,button .lucide,a svg,a .lucide{color:inherit;background:transparent}header svg,header .lucide,[style*="backgroundColor: '#1"] svg,[style*="backgroundColor: '#1"] .lucide,.bg-gradient-to-r svg,.bg-gradient-to-r .lucide,[class*=from-blue] svg,[class*=from-purple] svg,[class*=from-green] svg,[class*=from-orange] svg,[class*=from-indigo] svg,[class*=from-teal] svg{color:#fff;background:transparent}svg>*,.lucide>*{background:transparent}[class*=bg-white][class*=bg-opacity] svg,[class*=bg-white][class*=bg-opacity] .lucide{background:transparent}*:hover{background-color:inherit}button:hover,a:hover,div:hover{opacity:1}*:hover{transform:none}*:hover{box-shadow:inherit}button[style*="backgroundColor: '#1"],button[style*="background: '#1"],button[class*=from-blue],button[class*=from-purple],button[class*=from-green],.btn-primary{background:var(--primary);color:#fff;border:none}button[style*="backgroundColor: '#1"] svg,button[style*="backgroundColor: '#1"] .lucide{color:#fff}button[class*=bg-gray],button[class*=bg-white],.bg-gray-50,.bg-gray-100,.bg-gray-200{background:var(--sidebar-bg);color:var(--text-primary);border:1px solid var(--border)}button[class*=bg-gray] svg,button[class*=bg-white] svg{color:var(--text-primary)}.bg-white.bg-opacity-20,.bg-white.bg-opacity-30,[class*=bg-white][class*=bg-opacity]{background:#fff3!important;color:#000!important;border:1px solid rgba(0,0,0,.3)!important}.bg-white.bg-opacity-20 svg,.bg-white.bg-opacity-30 svg,[class*=bg-white][class*=bg-opacity] svg{color:#000!important;background:transparent!important}.bg-white.bg-opacity-30.p-2,.bg-white.bg-opacity-30.p-3,[class*=bg-opacity].rounded-lg,[class*=bg-opacity].rounded-xl{background:transparent}.text-white{color:#000!important}.bg-gradient-to-r,[class*=from-blue],[class*=from-purple],[class*=from-green],[class*=from-orange],[class*=from-indigo],[class*=from-teal],[class*=from-yellow],[class*=from-red],[class*=from-pink],[class*=from-gray]{background:#fff!important;background-image:none!important;color:#000!important;border:2px solid #e5e7eb!important}.bg-clip-text{background:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000!important;color:#000!important}.text-transparent{color:#000!important;opacity:1!important}button.bg-gradient-to-r,button[class*=from-blue],button[class*=from-purple],button[class*=from-green]{background:var(--primary)!important;background-image:none!important;color:#fff!important;border:none!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#000!important}label,select,select option,.form-label,input::placeholder,textarea::placeholder{color:#000!important}button[style*="color: '#fff'"],button[style*="color: #fff"],button .text-white{color:#fff!important}html,body{overflow-x:hidden;max-width:100vw}#root{max-width:100vw;overflow-x:hidden}#mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border);padding:.5rem 0;z-index:1000;box-shadow:0 -2px 10px #0000001a}@media(max-width:768px){#mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center}#teacher-dashboard-container,#student-dashboard-container,#parent-dashboard-container{padding-bottom:80px}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.75rem;transition:color .2s;cursor:pointer;border:none;background:transparent}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item svg{width:24px;height:24px;margin-bottom:.25rem}#teacher-attendance-container .student-list,#teacher-attendance-container .attendance-grid{touch-action:pan-y;-webkit-overflow-scrolling:touch}@media(max-width:768px){.attendance-card{position:relative;transition:transform .3s ease-out}.attendance-card.swiping{transition:none}}.container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem}.flex.border-b-2{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:thin}.flex.border-b-2::-webkit-scrollbar{height:4px}.flex.border-b-2::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.flex.border-b-2 button{flex-shrink:0!important;min-width:auto!important;padding-left:1rem!important;padding-right:1rem!important}.rounded-2xl,.shadow-2xl,.shadow-lg{margin-left:0!important;margin-right:0!important;max-width:100%!important}img{max-width:100%!important;height:auto!important}@media(max-width:640px){.text-4xl{font-size:1.75rem!important;line-height:2rem!important}.text-3xl{font-size:1.5rem!important;line-height:1.75rem!important}.text-2xl{font-size:1.25rem!important;line-height:1.5rem!important}.text-xl{font-size:1.125rem!important;line-height:1.5rem!important}.text-lg{font-size:1rem!important;line-height:1.5rem!important}.px-8{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:.5rem!important;padding-right:.5rem!important}.py-6{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-3{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-8{padding:1rem!important}.p-6{padding:.75rem!important}.p-4{padding:.5rem!important}.gap-6{gap:1rem!important}.gap-4{gap:.75rem!important}.gap-3{gap:.5rem!important}.gap-2{gap:.375rem!important}.mb-8{margin-bottom:1.5rem!important}.mb-6{margin-bottom:1rem!important}.mb-4{margin-bottom:.75rem!important}.mb-3{margin-bottom:.5rem!important}header h1{font-size:1.25rem!important}.flex.gap-2,.flex.gap-3{flex-wrap:wrap!important}button:not(.grid-cols-7 button){font-size:.875rem!important;padding:.5rem .75rem!important}.grid.grid-cols-7 button{font-size:.75rem!important;padding:.25rem!important}.flex>button{min-width:-moz-fit-content;min-width:fit-content}.modal-dialog,.fixed.inset-0>div{margin:.5rem!important;max-width:calc(100% - 1rem)!important;width:calc(100% - 1rem)!important}.grid.grid-cols-7{grid-template-columns:repeat(7,1fr)!important;gap:.25rem!important}.grid.grid-cols-7 button,.grid.grid-cols-7 div{font-size:.75rem!important;padding:.25rem!important}.grid.grid-cols-7 .aspect-square{aspect-ratio:1 / 1!important}.grid:not(.grid-cols-7):not(.grid-cols-2):not(.grid-cols-3){grid-template-columns:1fr!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:1rem!important}.flex.flex-wrap.gap-2 button{flex:1 1 calc(50% - .25rem);min-width:-moz-fit-content;min-width:fit-content}.rounded-2xl.p-6{padding:1rem!important}svg{width:1.25rem!important;height:1.25rem!important}}@media(min-width:641px)and (max-width:768px){.container{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}.grid:not(.grid-cols-7){grid-template-columns:repeat(2,1fr)!important}.text-3xl{font-size:1.75rem!important}.text-2xl{font-size:1.5rem!important}.px-6{padding-left:1rem!important;padding-right:1rem!important}.py-4{padding-top:.75rem!important;padding-bottom:.75rem!important}}@media(min-width:769px)and (max-width:1024px){.container{max-width:768px!important;margin-left:auto!important;margin-right:auto!important}.grid.grid-cols-2,.grid.grid-cols-3{grid-template-columns:repeat(2,1fr)!important}.modal-dialog,.fixed.inset-0>div{max-width:90%!important}}@media(min-width:1025px){.container{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.modal-dialog,.fixed.inset-0>div{max-width:600px!important}}@media(min-width:1280px){.container{max-width:1280px!important}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)!important}}@media print{body{background:#fff!important}.no-print,button,nav{display:none!important}.print-full-width{width:100%!important;max-width:100%!important}}@media(max-width:640px){.sm\:flex-col{flex-direction:column!important}.sm\:flex-row{flex-direction:row!important}}.hidden-mobile{display:none!important}@media(min-width:641px){.hidden-mobile{display:block!important}}.show-mobile{display:block!important}@media(min-width:641px){.show-mobile{display:none!important}}@media(max-width:640px){.sm\:text-center{text-align:center!important}.sm\:text-left{text-align:left!important}}@media(max-width:768px){button:not(.grid-cols-7 button),a,input[type=checkbox],input[type=radio]{min-height:44px!important;min-width:44px!important}.grid.grid-cols-7 button{min-height:auto!important;min-width:auto!important}}