@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);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}body,button,input,select,td,textarea,th{font-family:Poppins,sans-serif!important}body{background-color:#eef2f5!important;color:#2c3e50}button{box-shadow:0 2px 4px #0000001a!important;letter-spacing:.3px;transition:all .2s ease-in-out!important}button:hover{box-shadow:0 4px 8px #00000026!important;filter:brightness(1.1)!important;transform:translateY(-2px)!important}button:active{box-shadow:0 1px 2px #0000001a!important;transform:translateY(1px)!important}input,select,textarea{background-color:#f9fbfd!important;transition:all .3s ease!important}input:focus,select:focus,textarea:focus{background-color:#fff!important;border-color:#3498db!important;box-shadow:0 0 0 3px #3498db33!important;outline:none!important}tbody tr{transition:background-color .2s ease!important}tbody tr:hover{background-color:#f4f9f9!important}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#95a5a6}div[style*="position: fixed"]>div{animation:slideDown .3s cubic-bezier(.25,.46,.45,.94)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.print-header,.print-only-header{display:none}*{box-sizing:border-box}.mobile-stack{display:flex;flex-wrap:wrap;gap:20px}.mobile-full{flex:1 1 100%;min-width:280px}@media (max-width:768px){.hide-mobile{display:none!important}.hero-title{font-size:36px!important}.nav-pad{padding:15px 5vw!important}.section-pad{padding:40px 5vw!important}.flex-stack{flex-direction:column}.mobile-btn{margin-bottom:10px;width:100%}.dashboard-layout{flex-direction:column!important;height:auto!important;min-height:100vh}.sidebar{border-bottom:2px solid #334155;height:auto!important;padding:10px!important;position:-webkit-sticky;position:sticky;top:0;width:100%!important;z-index:50}.sidebar ul{display:flex!important;flex-direction:row!important;gap:10px;overflow-x:auto!important;padding:10px 0!important}.sidebar li{flex-shrink:0;margin-bottom:0!important;white-space:nowrap}.sidebar>div:last-child{display:flex;flex-direction:row;gap:10px;padding:10px 0!important}.main-content{padding:15px!important}.top-controls{align-items:stretch!important;flex-direction:column;gap:10px!important}.top-controls button,.top-controls input,.top-controls select,table{width:100%!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}.print-modal-content,div[style*="max-width: 550px"],div[style*="max-width: 600px"],div[style*="max-width: 800px"],div[style*="max-width: 850px"],div[style*="max-width: 950px"]{width:95%!important}@media print{#root,.App,.main-content,body,html{background-color:#fff!important;height:auto!important;margin:0!important;min-height:auto!important;overflow:visible!important;padding:0!important;position:static!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.sidebar,aside,nav{display:none!important}.roster-print-area{width:100%!important}.print-only-header,.roster-print-area{display:block!important}table{border-collapse:collapse!important;page-break-inside:auto!important;width:100%!important}tr{page-break-after:auto!important;page-break-inside:avoid!important}td,th{border:1px solid #cbd5e1!important;color:#000!important}.print-modal-overlay{align-items:flex-start!important;background-color:#fff!important;height:auto!important;left:0!important;padding:0!important;position:absolute!important;top:0!important;width:100%!important}.print-modal-content{box-shadow:none!important;margin:0!important;max-height:none!important;max-width:100%!important;padding:20px!important;width:100%!important}.print-header{display:block!important}.print-slips-container{display:flex!important;flex-wrap:wrap;gap:20px 4%;justify-content:space-between}.payslip-ticket{background-color:#fff!important;border:1px solid #000!important;color:#000!important;margin-bottom:20px;padding:15px!important;page-break-inside:avoid;width:48%}.certificate-paper{border:8px double #000!important;box-sizing:border-box!important;max-width:100%!important;min-height:9.5in!important;padding:40px!important;page-break-after:always!important;position:relative!important;width:100%!important}.certificate-paper,.receipt-paper{background-color:#fff!important;margin:0!important}.receipt-paper{width:3.5in!important}.clearance-print-container,.receipt-paper,.soa-bulk-paper,.soa-paper{color:#000!important;display:block!important;left:0!important;position:absolute!important;top:0!important}.clearance-print-container,.soa-bulk-paper,.soa-paper{background-color:#fff!important;margin:0!important;max-width:100%!important;width:100%!important}.clearance-half-page{page-break-inside:avoid!important}@page{size:letter portrait;margin:.5in}}.cal-present{background-color:#d4edda!important;color:#155724!important}.cal-absent,.cal-present{border-radius:5px;font-weight:700}.cal-absent{background-color:#f8d7da!important;color:#721c24!important}.cal-late{background-color:#fff3cd!important;color:#856404!important}.cal-cut,.cal-late{border-radius:5px;font-weight:700}.cal-cut{background-color:#e2d9f3!important;color:#553c9a!important}.attendance-calendar-container .react-calendar{border:none;font-family:Poppins,sans-serif;width:100%}.class-folder-card{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.class-folder-card:hover{border-color:#27ae60;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-5px)}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}
/*# sourceMappingURL=main.20a03140.css.map*/