body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-yellow:#f7f08a;--panel-bg:#f5facb;--panel-border:#bdb76b;--accent:#90ee90;--accent-dark:#78c278;--text-dark:#5a5a1c;--muted:#666;--danger:#ff6b6b;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-heading:Georgia,"Times New Roman","Palatino Linotype","Book Antiqua",serif}body,html{height:100%}html{overflow-y:auto}body{background:#f7f08a;background:var(--bg-yellow);box-sizing:border-box;color:#5a5a1c;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);overflow-y:hidden;padding-bottom:70px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-fade-in-left{animation:fadeInLeft .8s ease-out forwards;opacity:0}.animate-fade-in-right{animation:fadeInRight .8s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .6s ease-out forwards;opacity:0}.animate-slide-in-top{animation:slideInFromTop .8s ease-out forwards;opacity:0}.animate-bounce-in{animation:bounceIn .8s ease-out forwards;opacity:0}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);background-size:200px 100%}.animate-fade-in-up-delay-100{animation:fadeInUp .8s ease-out .1s forwards;opacity:0}.animate-fade-in-up-delay-200{animation:fadeInUp .8s ease-out .2s forwards;opacity:0}.animate-fade-in-up-delay-300{animation:fadeInUp .8s ease-out .3s forwards;opacity:0}.animate-fade-in-up-delay-400{animation:fadeInUp .8s ease-out .4s forwards;opacity:0}.animate-fade-in-up-delay-500{animation:fadeInUp .8s ease-out .5s forwards;opacity:0}.animate-fade-in-up-delay-600{animation:fadeInUp .8s ease-out .6s forwards;opacity:0}.animate-fade-in-up-delay-700{animation:fadeInUp .8s ease-out .7s forwards;opacity:0}.animate-fade-in-up-delay-800{animation:fadeInUp .8s ease-out .8s forwards;opacity:0}.animate-fade-in-up-delay-900{animation:fadeInUp .8s ease-out .9s forwards;opacity:0}.animate-fade-in-up-delay-1000{animation:fadeInUp .8s ease-out 1s forwards;opacity:0}.animate-fade-in-up-delay-1100{animation:fadeInUp .8s ease-out 1.1s forwards;opacity:0}.animate-fade-in-up-delay-1200{animation:fadeInUp .8s ease-out 1.2s forwards;opacity:0}.animate-fade-in-up-delay-1300{animation:fadeInUp .8s ease-out 1.3s forwards;opacity:0}.animate-fade-in-up-delay-1400{animation:fadeInUp .8s ease-out 1.4s forwards;opacity:0}.animate-fade-in-up-delay-1500{animation:fadeInUp .8s ease-out 1.5s forwards;opacity:0}.animate-fade-in-up-delay-1600{animation:fadeInUp .8s ease-out 1.6s forwards;opacity:0}.animate-bounce-in-delay-200{animation:bounceIn .8s ease-out .2s forwards;opacity:0}.animate-scale-in-delay-500{animation:scaleIn .6s ease-out .5s forwards;opacity:0}.animate-scale-in-delay-600{animation:scaleIn .6s ease-out .6s forwards;opacity:0}.animate-scale-in-delay-700{animation:scaleIn .6s ease-out .7s forwards;opacity:0}.animate-fade-in-left-delay-300{animation:fadeInLeft .8s ease-out .3s forwards;opacity:0}.animate-fade-in-right-delay-400{animation:fadeInRight .8s ease-out .4s forwards;opacity:0}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #33802a4d}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}#root{display:flex;flex-direction:column;height:100%}.dashboard-header{-webkit-backdrop-filter:saturate(120%) blur(4px);backdrop-filter:saturate(120%) blur(4px);background:#33802a;box-shadow:0 2px 8px #0001;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-header *{color:#fff}.sidebar{background:linear-gradient(180deg,#fff8,#fff0);border-right:2px solid #bdb76b;border-right:2px solid var(--panel-border)}.sidebar button{background:#fff;border:2px solid #bdb76b;border:2px solid var(--panel-border);border-radius:8px;color:#5a5a1c;color:var(--text-dark);transition:transform .08s ease,background .2s ease}.sidebar button:hover{background:#fffff2;transform:translateY(-1px)}.dashboard-status,.list-container,.teacher-dashboard-status,.view-container{background:#f5facb;background:var(--panel-bg);border:2px solid #bdb76b;border:2px solid var(--panel-border);border-radius:12px;box-shadow:0 4px 16px #0001}.add-button,.update-button,.view-button{background:#90ee90;background:var(--accent);border:none;border-radius:8px;color:#fff}.add-button:hover,.update-button:hover,.view-button:hover{background:#78c278;background:var(--accent-dark)}.archive-button{background:#ff6b6b;background:var(--danger);border:none;border-radius:8px;color:#fff}.archive-button:hover{background:#ff5252}.create-button{border-radius:10px;box-shadow:inset 0 3px 0 #8bbd7e}.data-table thead th{background:#33802a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.activity-dropdown,.grade-dropdown,.search-box,.section-dropdown{border:2px solid #bdb76b;border:2px solid var(--panel-border);border-radius:8px}.student-list-box{border-radius:8px}.student-row{border-bottom:1px dashed #e9e6b7;padding:6px 8px}.student-row:last-child{border-bottom:none}.header-title,.list-title{color:#fff;letter-spacing:.5px}.header-title,.list-title,h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,Palatino Linotype,Book Antiqua,serif;font-family:var(--font-heading);font-weight:700}h1,h2,h3,h4,h5,h6{color:#33802a}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.validation-error{background-color:#fff5f5!important;border:2px solid #dc3545!important}.validation-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.validation-error-message{color:#dc3545;display:block;font-size:.875rem;margin-top:.25rem}.sidebar button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sidebar button:hover:before{left:100%}.sidebar button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px) scale(1.02)}.sidebar button:active{transform:translateY(0) scale(.98)}.add-button,.archive-button,.update-button,.view-button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-button:before,.update-button:before,.view-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.add-button:before,.archive-button:before,.update-button:before,.view-button:before{content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.archive-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000)}.add-button:hover:before,.archive-button:hover:before,.update-button:hover:before,.view-button:hover:before{left:100%}.add-button:hover,.update-button:hover,.view-button:hover{box-shadow:0 8px 25px #90ee9066;transform:translateY(-2px)}.archive-button:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.data-table tbody tr{transition:all .3s ease}.data-table tbody tr:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #0000001a;transform:scale(1.01)}.data-table tbody tr:hover td{transform:translateX(5px);transition:transform .2s ease}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#f5facb;border:2px solid #bdb76b;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90%;max-width:90%;opacity:1;overflow-y:auto;position:relative}.search-box:focus{animation:glow 1s ease-in-out;transform:scale(1.02)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.success-checkmark{animation:checkmark .6s ease-in-out}.error-shake{animation:shake .5s ease-in-out}.stagger-item{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}.stagger-item:nth-child(9){animation-delay:.9s}.stagger-item:nth-child(10){animation-delay:1s}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.dashboard-status,.list-container,.teacher-dashboard-status,.view-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-status:hover,.list-container:hover,.teacher-dashboard-status:hover,.view-container:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}input,select,textarea{transition:all .3s ease}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #90ee9033;transform:scale(1.02)}.sortable{cursor:pointer;transition:all .3s ease}.sortable:hover{background-color:#90ee9033;transform:scale(1.02)}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}.progress-bar{animation:progressFill 1s ease-out}@keyframes slideInNotification{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification{animation:slideInNotification .5s ease-out}.page-transition{animation:fadeInUp .6s ease-out}.footer{align-items:center;background:#f7f08a;border-top:2px solid #bdb76b;bottom:0;box-sizing:border-box;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);height:50px;justify-content:space-between;left:0;margin-top:auto;padding:12px 40px;position:fixed;right:0;z-index:1}.footer-copyright{color:#5a5a1c;font-size:13px;font-weight:500}.footer-social{align-items:center;display:flex;gap:15px}.footer-facebook{align-items:center;border-radius:4px;display:flex;height:28px;justify-content:center;text-decoration:none;transition:all .3s ease;width:28px}.footer-facebook:hover{opacity:.8;transform:translateY(-1px)}.footer-facebook-icon{height:24px;object-fit:contain;width:24px}.content-area,.dashboard-main,.list-container{margin-bottom:10px;padding-bottom:10px}.list-container{max-height:none;overflow:visible}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.table-scroll{border-radius:8px;box-sizing:border-box;margin-bottom:40px;max-height:calc(100vh - 400px);overflow-x:hidden;overflow-y:auto;padding-bottom:0;position:relative;width:100%}.table-scroll::-webkit-scrollbar{width:12px}.table-scroll::-webkit-scrollbar-track{background:#0000}.table-scroll::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#ccc;border:2px solid #0000;border-radius:6px}.table-scroll::-webkit-scrollbar-thumb:hover{background-color:#999}.table-header{background:#33802a;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-body{background:#fff;border-radius:0 0 8px 8px}.table-scroll table{border-collapse:initial;border-spacing:0;width:100%}.table-header th{background:#33802a;background-clip:padding-box;border-bottom:1px solid #ffffff1a;color:#fff}.table-body td{border-bottom:1px solid #e0e0e0}.table-body tr:last-child td{border-bottom:none}main{padding-bottom:4rem!important}.table-container{margin-bottom:2rem}main>div{padding-bottom:2rem}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}body{overflow-y:auto;padding-bottom:80px}.navbar{padding:.5rem 1rem}.navbar-brand{font-size:1.2rem}.dashboard-container{flex-direction:column;padding:0}.sidebar{display:none}.main-content{margin:0;padding:0;width:100%}.dashboard-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.header-title{font-size:1.8rem!important}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:.5rem .25rem}.form-container{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.btn{font-size:.9rem;padding:.75rem 1rem}.card{margin-bottom:1rem;padding:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.mobile-stats-container{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.mobile-stats-container>div{min-width:0!important;min-width:auto!important;padding:12px!important}.mobile-stats-container>div>div:first-child{font-size:20px!important}.mobile-stats-container>div>div:nth-child(2){font-size:18px!important}.mobile-stats-container>div>div:last-child{font-size:10px!important}.filter-container{flex-direction:column;gap:1rem}.filter-container>*{width:100%}.table-scroll{max-height:400px;overflow-x:auto}.mobile-sidebar-toggle{background:#f5facb;background:var(--panel-bg);border:2px solid #bdb76b;border:2px solid var(--panel-border);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:block!important;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:1000}.mobile-logout-btn{background:#ff6b6b;background:var(--danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;right:1rem}.mobile-db-indicator,.mobile-logout-btn{box-shadow:0 2px 4px #0000001a;font-weight:700;padding:.5rem 1rem;position:fixed;top:1rem;z-index:1000}.mobile-db-indicator{background:#f5facb;background:var(--panel-bg);border:2px solid #bdb76b;border:2px solid var(--panel-border);border-radius:8px;font-size:.8rem;left:50%;transform:translateX(-50%)}.mobile-content{padding:calc(7rem + 44px) 1rem 100px}.mobile-header{box-sizing:border-box!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.mobile-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-table{min-width:600px}input,select,textarea{font-size:16px}a,button,input,select{min-height:44px;min-width:44px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mobile-nav-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5facb;background:var(--panel-bg);border-top:2px solid #bdb76b;border-top:2px solid var(--panel-border);bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:space-around;left:0;min-height:80px;padding:.5rem .5rem calc(.5rem + 20px);position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#666;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:400;min-width:60px;padding:.5rem;transition:all .2s ease}.mobile-nav-item.active{color:#78c278;color:var(--accent-dark);font-weight:700}.mobile-nav-item:hover:not(.active){background-color:#90ee90;background-color:var(--accent);color:#5a5a1c;color:var(--text-dark)}.mobile-nav-icon{font-size:1.2rem;margin-bottom:.25rem}.mobile-nav-item.active .mobile-nav-icon{filter:none}.mobile-nav-item:not(.active) .mobile-nav-icon{filter:grayscale(.3)}.mobile-nav-label{font-size:.7rem}.mobile-nav-item.logout-item{color:#ff6b6b;color:var(--danger)}.mobile-nav-item.logout-item:hover{background-color:#ff6b6b;background-color:var(--danger);color:#fff}.mobile-nav-item.logout-item .mobile-nav-icon{filter:none}.mobile-nav-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.mobile-nav-item.disabled:hover{background-color:initial;color:#666;color:var(--muted)}.mobile-content-with-nav{padding-bottom:80px}}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}.mobile-db-indicator,.mobile-logout-btn,.mobile-sidebar-toggle{display:none!important}}@media (max-width:768px){.login-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.login-modal-content{margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1rem!important}.login-modal-content img{height:120px!important;width:120px!important}.login-modal-content input{font-size:16px!important;padding:.75rem!important}.login-modal-content button{min-height:44px!important;min-width:44px!important}.login-modal-content .password-toggle-icon{height:16px!important;width:16px!important}.login-modal-content .password-toggle-button{min-height:32px!important;min-width:32px!important;padding:.25rem!important}.logout-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.logout-modal-content{margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1.5rem!important;text-align:center!important}.logout-modal-content h2{font-size:1.25rem!important;margin-bottom:.75rem!important}.logout-modal-content p{font-size:.9rem!important;line-height:1.4!important}.logout-modal-content button{font-size:1rem!important;min-height:44px!important;min-width:120px!important}.success-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.success-modal-content{margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1rem!important}.success-modal-content button{min-height:44px!important;min-width:44px!important}.error-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.error-modal-content{margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1rem!important}.error-modal-content button{min-height:44px!important;min-width:44px!important}.confirmation-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.confirmation-modal-content{margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1rem!important}.confirmation-modal-content button{min-height:44px!important;min-width:44px!important}.password-verification-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.password-verification-modal-content{margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1rem!important}.password-verification-modal-content input{font-size:16px!important;padding:.75rem!important}.password-verification-modal-content button{min-height:44px!important;min-width:44px!important}.password-display-modal-overlay{box-sizing:border-box!important;padding:1rem!important}.password-display-modal-content{background:#f5facb!important;background:var(--panel-bg)!important;margin:auto!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1rem!important}.password-display-modal-content button{min-height:44px!important;min-width:44px!important}.password-display-modal-content .password-display-close-button{background:#f5facb!important;background:var(--panel-bg)!important;border:1px solid #bdb76b!important;border:1px solid var(--panel-border)!important;color:#5a5a1c!important;color:var(--text-dark)!important}.password-display-modal-content .password-display-close-button:hover{background:#90ee90!important;background:var(--accent)!important;color:#5a5a1c!important;color:var(--text-dark)!important}.password-display-modal-content .password-display-close-btn{background:linear-gradient(135deg,#28a745,#2d6b24)!important;border:none!important;color:#fff!important}.password-display-modal-content .password-display-close-btn:hover{background:linear-gradient(135deg,#218838,#1e5a1f)!important;color:#fff!important}}
/*# sourceMappingURL=main.d6235038.css.map*/