body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}.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}.loading-container{gap:1.5rem;min-height:200px;padding:2rem}.loading-spinner{align-items:center;display:flex;gap:.75rem;justify-content:center;position:relative}.loading-spinner:before{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,var(--accent-color) 0,#0000 70%);border-radius:50%;content:"";height:100%;opacity:.1;position:absolute;width:100%;z-index:-1}.loading-small .spinner-circle{border-width:2px;height:16px;margin:0 2px;width:16px}.loading-medium .spinner-circle{border-width:3px;height:24px;margin:0 3px;width:24px}.loading-large .spinner-circle{border-width:4px;height:32px;margin:0 4px;width:32px}.loading-xlarge .spinner-circle{border-width:5px;height:48px;margin:0 5px;width:48px}.spinner-circle{border:3px solid var(--primary-color);height:24px;width:24px;z-index:1}.spinner-circle:first-child{animation-delay:0s;border-color:var(--primary-color);border-top-color:var(--accent-color)}.spinner-circle:nth-child(2){animation-delay:.1s;border-color:var(--secondary-color);border-top-color:var(--accent-color)}.spinner-circle:nth-child(3){animation-delay:.2s;border-color:var(--accent-color);border-top-color:var(--primary-color)}.spinner-circle:nth-child(4){animation-delay:.3s;border-color:var(--modal-secondary-color);border-top-color:var(--primary-color)}.loading-message{animation:fadeIn 1s ease-in-out;font-size:1.1rem;font-weight:500}.loading-spinner{animation:float 3s ease-in-out infinite}.loading-message:after{animation:glow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent-color),#0000);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes glow{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:.8;transform:scaleX(1)}}@media (max-width:768px){.loading-container{gap:1rem;padding:1.5rem}.loading-message{font-size:1rem;max-width:300px}.loading-small .spinner-circle{border-width:1.5px;height:12px;margin:0 1px;width:12px}.loading-medium .spinner-circle{border-width:2px;height:20px;margin:0 2px;width:20px}.loading-large .spinner-circle{border-width:3px;height:28px;margin:0 3px;width:28px}.loading-xlarge .spinner-circle{border-width:4px;height:40px;margin:0 4px;width:40px}}@media (max-width:480px){.loading-container{gap:.8rem;padding:1rem}.loading-message{font-size:.9rem;max-width:250px}.loading-small .spinner-circle{border-width:1px;height:10px;margin:0 .5px;width:10px}.loading-medium .spinner-circle{border-width:1.5px;height:16px;margin:0 1px;width:16px}.loading-large .spinner-circle{border-width:2px;height:24px;margin:0 2px;width:24px}.loading-xlarge .spinner-circle{border-width:3px;height:32px;margin:0 3px;width:32px}}[data-theme=dark] .loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d}[data-theme=light] .loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 32px #0000001a}.spinner-circle{-webkit-text-fill-color:#0000;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));background-clip:padding-box;-webkit-background-clip:text}@keyframes shimmer{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.spinner-circle{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite,shimmer 2s ease-in-out infinite}.request-dashboard-container{margin:0 auto 20px;max-width:1300px;width:100%}.request-card{background:linear-gradient(135deg,var(--purple) 0,var(--blue) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;color:var(--text-light-color);cursor:pointer;font-size:.9rem;margin:10px 0;max-width:1300px;opacity:.9;padding:20px;transition:all .3s ease}.request-card:hover{box-shadow:0 6px 16px #00000040;opacity:1;transform:translateY(-5px)}.request-card h3{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 10px}.request-card p{font-size:.95rem;margin:5px 0;opacity:.9}.request-count{background:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:500;margin-top:10px;padding:5px 10px}.request-modal .ant-modal-content{border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;padding:0}.request-modal .ant-modal-header{background:var(--card-background-color)!important;border-bottom:1px solid var(--border-color);color:var(--text-light-color);padding:16px 24px}.request-modal .ant-modal-title{background-color:var(--card-background-color)!important;color:var(--text-light-color)!important;font-size:1.2rem;font-weight:600}.request-modal .ant-modal-body{background:var(--background-color);padding:24px}.request-modal .ant-modal-footer{background:var(--card-background-color);border-top:1px solid var(--border-color);padding:16px 24px;text-align:right}.request-modal .ant-modal-footer button{margin-bottom:0;margin-left:8px}.request-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.request-item{background-color:var(--card-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:16px;transition:all .2s ease}.request-item:hover{border-color:var(--accent-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.request-item h4{color:var(--text-light-color);font-size:1.1rem;font-weight:600;margin:0 0 10px}.request-item p{color:var(--subtext-light);font-size:.9rem;line-height:1.4;margin:5px 0}.request-item p:first-child{color:var(--text-light-color);font-weight:500}.individual-request-modal .ant-modal-body{padding:20px}.individual-request-modal .request-details{margin-bottom:20px}.individual-request-modal .request-details p{font-size:.95rem;margin:8px 0}.individual-request-modal .request-details strong{color:var(--text-light-color)}.role-select-container{margin-bottom:20px}.role-select-container label{color:var(--text-light-color);display:block;font-weight:500;margin-bottom:8px}.request-action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.request-action-buttons .ant-btn{border-radius:4px;font-weight:500;padding:8px 16px;transition:all .2s ease}.request-action-buttons .ant-btn-primary{background:var(--accent-color);border-color:var(--accent-color)}.request-action-buttons .ant-btn-primary:active,.request-action-buttons .ant-btn-primary:focus,.request-action-buttons .ant-btn-primary:hover{background:var(--primary-color);border-color:var(--primary-color)}.request-action-buttons .ant-btn-danger{background:var(--accent-color);border-color:var(--accent-color)}.request-action-buttons .ant-btn-danger:active,.request-action-buttons .ant-btn-danger:focus,.request-action-buttons .ant-btn-danger:hover{background:var(--primary-color);border-color:var(--primary-color)}.no-requests-message{color:var(--subtext-light);font-size:1.1rem;padding:40px 20px;text-align:center}.no-requests-message p{margin:0}.request-loading{align-items:center;color:var(--subtext-light);display:flex;justify-content:center;padding:40px}@media (max-width:1200px){.request-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.request-card{padding:18px}.request-modal .ant-modal-body{padding:20px}}@media (max-width:768px){.request-dashboard-container{padding:0 .5rem}.request-card{padding:16px}.request-card h3{font-size:1.1rem}.request-count{font-size:.8rem;padding:4px 8px}.request-modal .ant-modal-content{max-width:95%;width:95%}.request-modal .ant-modal-body{padding:16px}.request-modal .ant-modal-footer{padding:12px 16px}.request-modal .ant-modal-footer button{margin-bottom:8px;margin-left:4px;width:100%}.request-grid{grid-template-columns:1fr}.request-modal .ant-modal-footer{display:flex;flex-direction:column}.request-action-buttons{flex-direction:column}.request-action-buttons .ant-btn{width:100%}}@media (max-width:480px){.request-card{padding:12px}.request-card h3{font-size:1rem}.request-count{font-size:.7rem;padding:3px 6px}.request-modal .ant-modal-content{max-width:98%;width:98%}.request-modal .ant-modal-body{padding:12px}.request-modal .ant-modal-footer{padding:10px 12px}.request-item{padding:12px}.request-item h4{font-size:1rem}.request-item p{font-size:.85rem}}.dashboard-container.dark-theme .request-card{background:linear-gradient(135deg,var(--accent-color) 0,var(--modal-secondary-color) 100%);border-color:var(--border-color)}.dashboard-container.dark-theme .request-item{background-color:var(--dark-card);border-color:var(--border-color)}.dashboard-container.dark-theme .request-item:hover{border-color:var(--accent-color)}.dashboard-container.dark-theme .request-modal .ant-modal-header{background:var(--dark-card)!important;border-bottom:1px solid var(--border-color)}.dashboard-container.dark-theme .request-modal .ant-modal-body{background:var(--background-color)}.dashboard-container.dark-theme .request-modal .ant-modal-footer{background:var(--dark-card);border-top:1px solid var(--border-color)}.request-card{animation:fadeInUp .4s ease;animation-fill-mode:both}.request-item{animation:fadeIn .3s ease;animation-fill-mode:both}.request-card:focus-visible,.request-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.request-action-buttons .ant-btn:focus,.request-action-buttons .ant-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@media (min-width:1400px){.request-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1600px){.request-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.students-container{background:var(--background-color);color:var(--text-light-color);min-height:100vh;padding:75px 20px 20px}.students-header{background:var(--card-primary);border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:15px}.right-section,.students-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.right-section{flex:1 1;justify-content:flex-end}.custom-search-input{flex-grow:1;max-width:500px}.custom-search-input .search-input-field{background-color:var(--input-background-color);border-radius:25px;color:var(--text-light-color);font-size:1rem;padding:8px 15px;transition:all .3s ease}.custom-search-input .search-input-field:hover{background-color:var(--card-primary)}.custom-search-input .search-input-field:focus{box-shadow:0 0 8px #f5ae3fcc;outline:none}.add-student-button{background-color:var(--modal-secondary-color)!important;border-color:var(--modal-secondary-color)!important;margin-left:10px;transition:all .3s ease}.add-student-button:hover{background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.search-and-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.download-button{margin-left:10px}.students-header .ant-input-affix-wrapper{width:100%}@media (max-width:600px){.custom-search-input{max-width:100%}}.students-title{color:var(--text-light-color);font-size:1.6rem;font-weight:700;margin:0}.download-button{cursor:pointer}.download-button:hover{background:var(--accent-color-hover)}.summary-cards-grid{grid-gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.charts-grid,.summary-cards-grid{display:grid;gap:15px;margin-bottom:20px}.charts-grid{grid-gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{background:var(--card-primary);gap:10px;padding:12px}.summary-content{display:flex;flex-direction:column;justify-content:center}.chart-card{background:var(--card-primary);border:none;border-radius:8px;box-shadow:var(--box-shadow-light);padding:12px;text-align:center}.chart-card h3{color:var(--text-light-color);font-size:1rem;margin-bottom:8px}.student-icon{color:var(--modal-secondary-color)!important;font-size:1.8rem!important}.action-button{background:var(--modal-secondary-color)!important}.chart-icon{color:var(--modal-secondary-color)!important;margin-right:8px!important}@media (max-width:600px){.students-container{padding:60px 10px 10px}.students-header{align-items:stretch;flex-direction:column;padding:10px}.charts-grid,.summary-cards-grid{grid-template-columns:1fr}}:root{--primary-color:#476b6b;--secondary-color:#dea08f;--accent-color:#8c2a1e;--background-color:#002247;--text-light-color:#fff;--card-background-color:#143057;--border-color:#444;--placeholder-color:#aaa;--modal-primary-color:#8c2a1e;--accent-color-hover:#b6301e;--modal-secondary-color:#f5ae3f;--card-primary:#0a406a;--dark-card:#2d2d2d;--light-card:#143057;--text:#fff;--dark-text:#fff;--light-text:#fff;--subtext-dark:#ccc;--subtext-light:#f5f5f5;--input-background-color:#143057;--purple:#6a11cb;--blue:#2575fc;--box-shadow:0 4px 12px #0000004d;--box-shadow-light:0 4px 8px #0000001a;--active-text:#000}[data-theme=dark]{--primary-color:#476b6b;--secondary-color:#dea08f;--accent-color:#8c2a1e;--background-color:#002247;--text-light-color:#fff;--card-background-color:#143057;--border-color:#444;--placeholder-color:#aaa;--modal-primary-color:#8c2a1e;--accent-color-hover:#b6301e;--modal-secondary-color:#f5ae3f;--card-primary:#0a406a;--dark-card:#2d2d2d;--light-card:#143057;--text:#fff;--dark-text:#fff;--light-text:#fff;--subtext-dark:#ccc;--subtext-light:#f5f5f5;--input-background-color:#143057;--purple:#6a11cb;--blue:#2575fc;--active-text:#000}[data-theme=light]{--primary-color:#004573;--secondary-color:#2ecc71;--accent-color:#e74c3c;--background-color:#fff;--text-light-color:#000;--card-background-color:#f8f9fa;--border-color:#ddd;--placeholder-color:#666;--modal-primary-color:#e74c3c;--accent-color-hover:#c0392b;--modal-secondary-color:#f1c40f;--card-primary:#fff;--dark-card:#2d2d2d;--light-card:#fff;--text:#000;--dark-text:#000;--light-text:#000;--subtext-dark:#333;--subtext-light:#666;--input-background-color:#fff;--purple:#9b59b6;--blue:#3498db;--active-text:#fff}body{background:#002247;background:var(--background-color);background-image:linear-gradient(135deg,#002247,#476b6b 33%,#dea08f 66%,#8c2a1e);background-image:linear-gradient(135deg,var(--background-color),var(--primary-color) 33%,var(--secondary-color) 66%,var(--accent-color));background-image:-moz-linear-gradient(135deg,var(--background-color),var(--primary-color) 33%,var(--secondary-color) 66%,var(--accent-color));background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--text-light-color);transition:background-color .3s ease,color .3s ease}.ant-modal{color:#fff!important;color:var(--text-light-color)!important}.ant-modal-content{background:#002247!important;background:var(--background-color)!important;border-radius:8px;box-shadow:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.ant-modal-header{background:#143057!important;background:var(--card-background-color)!important;border-bottom:1px solid #444}.ant-modal-title{background:#002247!important;background:var(--background-color)!important;color:#fff!important;color:var(--text-light-color)!important}.ant-modal .ant-modal-close,.ant-modal .ant-modal-close:hover,.ant-modal .ant-modal-content label,.ant-modal .ant-modal-content p{color:#fff;color:var(--text-light-color)}.ant-input-affix-wrapper::placeholder,.ant-input::placeholder,.ant-select{width:100%!important}.ant-select-selector{align-items:center!important;background:#143057!important;background:var(--input-background-color)!important;border:1px solid #444!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:#fff!important;color:var(--text-light-color)!important;display:flex!important;height:42px!important;padding:0 11px!important;transition:all .2s ease!important}.ant-select-focused .ant-select-selector,.ant-select-selector:hover{border-color:#476b6b!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #476b6b33!important}.ant-select-selection-item{align-items:center!important;display:flex!important;font-size:14px!important;gap:6px!important}.ant-select-arrow,.ant-select-selection-item{color:#fff!important;color:var(--text-light-color)!important}.ant-select-arrow{right:10px!important}.ant-select-dropdown{background-color:#143057!important;background-color:var(--card-background-color)!important;border:1px solid #444!important;border:1px solid var(--border-color)!important;border-radius:6px!important;box-shadow:0 4px 12px #0000004d!important;box-shadow:var(--box-shadow)!important}.ant-select-item{align-items:center!important;border-radius:4px!important;color:#fff!important;color:var(--text-light-color)!important;display:flex!important;font-size:14px!important;gap:8px!important;margin:0 4px!important;padding:6px 12px!important}.ant-select-item:hover{background-color:#2d2d2d!important;background-color:var(--dark-card)!important}.ant-select-item-selected{color:#fff!important;color:var(--text-light-color)!important}.ant-select-item-selected,.ant-select-item-selected:hover{background-color:#476b6b!important;background-color:var(--primary-color)!important}.ant-select-selection-placeholder{color:#aaa!important;color:var(--placeholder-color)!important;opacity:1}.holiday-container .ant-select-dropdown,.holiday-container .ant-select-selector{border:1px solid #444!important;border:1px solid var(--border-color)!important}.holiday-container .ant-select-dropdown,.holiday-container .ant-select-item,.holiday-container .ant-select-selector{background:#143057!important;background:var(--input-background-color)!important;color:#fff!important;color:var(--text-light-color)!important}.holiday-container .ant-select-item:hover{background:#8c2a1e!important;background:var(--accent-color)!important}.ant-picker{border-radius:6px!important;height:42px!important;padding:4px 11px!important;width:100%!important}.ant-picker-focused,.ant-picker:hover{border-color:#476b6b!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #476b6b33!important}.ant-picker-input>input{font-size:14px!important}.ant-picker-suffix{color:#fff!important;color:var(--text-light-color)!important}.ant-radio-group{display:flex!important;width:100%}.ant-radio-button-wrapper{background-color:#143057!important;background-color:var(--input-background-color)!important;border:1px solid #444!important;border:1px solid var(--border-color)!important;border-radius:0!important;color:#fff!important;color:var(--text-light-color)!important;flex:1 1;text-align:center;transition:all .2s ease!important}.ant-radio-button-wrapper:not(:first-child):before{background-color:initial!important}.ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:6px 0 0 6px!important}.ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 6px 6px 0!important}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){background-color:#8c2a1e!important;background-color:var(--accent-color)!important;border-color:#476b6b!important;border-color:var(--primary-color)!important;box-shadow:none!important;color:#fff!important;color:var(--text-light-color)!important}.ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled):hover{border-color:#476b6b!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #476b6b33!important}.ant-radio-button-wrapper:focus-within{box-shadow:0 0 0 2px #476b6b33!important}[data-theme=light] .ant-select-dropdown,[data-theme=light] .ant-select-selector{background:#143057!important;background:var(--input-background-color)!important;border-color:#444!important;border-color:var(--border-color)!important}[data-theme=light] .ant-select-item{background:#143057!important;background:var(--input-background-color)!important;color:#fff!important;color:var(--text-light-color)!important}[data-theme=light] .ant-select-item:hover{background:#8c2a1e!important;background:var(--accent-color)!important}.ant-picker{background:#143057!important;background:var(--input-background-color)!important;border:1px solid #444!important;border:1px solid var(--border-color)!important}.ant-picker,.ant-picker-input>input{color:#fff!important;color:var(--text-light-color)!important}.ant-btn-primary{background-color:#8c2a1e!important;border-color:#8c2a1e!important}.ant-btn-primary:active,.ant-btn-primary:focus,.ant-btn-primary:hover{background-color:#476b6b!important;border-color:#476b6b!important}.ant-btn-default{background-color:#2d2d2d!important;background-color:var(--dark-card)!important;border-color:#2d2d2d!important;border-color:var(--dark-card)!important;border-radius:4px;color:#fff!important;color:var(--text-light-color)!important}.ant-btn-default:active,.ant-btn-default:focus,.ant-btn-default:hover{background-color:#444!important;background-color:var(--border-color)!important;border-color:#444!important;border-color:var(--border-color)!important}.add-notice-modal .ant-modal-content{background:#002247!important;background:var(--background-color)!important;border-radius:8px;box-shadow:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.add-notice-modal .ant-modal-header{background:#143057!important;background:var(--card-background-color)!important;border-bottom:1px solid #444;border-bottom:1px solid var(--border-color)}.add-notice-modal .ant-modal-title{background:#002247!important;background:var(--background-color)!important;color:#fff!important;color:var(--text-light-color)!important}.add-notice-modal .ant-select-selector{border:1px solid #444!important;border:1px solid var(--border-color)!important}.add-notice-modal .ant-select-dropdown,.add-notice-modal .ant-select-option,.add-notice-modal .ant-select-selector{background:#143057!important;background:var(--input-background-color)!important;color:#fff!important;color:var(--text-light-color)!important}.add-notice-modal .ant-select-option:hover{background:#8c2a1e!important;background:var(--accent-color)!important}.add-notice-modal .ant-input-affix-wrapper::placeholder,.add-notice-modal .ant-input::placeholder,.add-notice-modal .ant-select-selection-placeholder{color:#aaa!important;color:var(--placeholder-color)!important;opacity:1}.add-notice-modal .ant-picker{background:#143057!important;background:var(--input-background-color)!important;border:1px solid #444!important;border:1px solid var(--border-color)!important}.add-notice-modal .ant-picker,.add-notice-modal .ant-picker-input>input{color:#fff!important;color:var(--text-light-color)!important}.add-notice-modal .ant-form-item{background:#143057;background:var(--card-background-color);border-radius:8px;padding:20px}.add-notice-modal .ant-btn-primary{background-color:#8c2a1e!important;background-color:var(--accent-color)!important;border-color:#8c2a1e!important;border-color:var(--accent-color)!important;border-radius:4px;font-weight:700}.add-notice-modal .ant-btn-default{background-color:#2d2d2d!important;background-color:var(--dark-card)!important;border-color:#2d2d2d!important;border-color:var(--dark-card)!important;border-radius:4px}.add-notice-modal .ant-btn-default,.add-notice-modal .ant-form-item .ant-form-item-label label,.add-notice-modal .ant-form-item .ant-form-item-label>label,.add-notice-modal .ant-form-item-label label,.add-notice-modal .ant-form-item-label>label,.ant-form-item-label label,.ant-form-item-label>label{color:#fff!important;color:var(--text-light-color)!important}@media (max-width:768px){.add-notice-modal .ant-modal{max-width:95%;width:95%!important}.add-notice-modal .ant-modal-content{padding:16px}.add-notice-modal .ant-form-item{padding:12px}.modal-title{font-size:1.2rem}.modal-icon{font-size:1.3rem}.add-notice-modal .ant-col-xs-24{padding-bottom:12px}.add-notice-datepicker{width:100%!important}}@media (max-width:480px){.add-notice-modal .ant-modal{max-width:98%;width:98%!important}.modal-title{font-size:1.1rem}.modal-icon{font-size:1.2rem}.add-notice-datepicker,.add-notice-input,.add-notice-textarea{font-size:.9rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:initial;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{align-items:center;background:#8c2a1e;background:var(--accent-color);border:none;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;color:var(--text-light-color);cursor:pointer;display:flex;font-size:0;height:48px;justify-content:center;line-height:0;outline:none;transition:transform .1s ease,box-shadow .15s ease;width:48px}.btn:hover{box-shadow:0 4px 8px #00000026}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:3px solid #fff;outline:3px solid var(--text-light-color);outline-offset:-4px}.dashboard-container{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;margin-top:60px;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.dashboard-container:before{background:#8c2a1e;background:var(--accent-color);border-radius:50%;content:"";height:600px;opacity:.05;position:absolute;right:-120px;top:-100px;width:600px;z-index:0}.dashboard-container>*{position:relative;z-index:1}.hero-banner{align-items:center;background:linear-gradient(90deg,#8c2a1e,#f5ae3f);background:linear-gradient(90deg,var(--accent-color) 0,var(--modal-secondary-color) 100%);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1300px;padding:20px 30px;width:100%}.hero-banner .text-content h2{font-size:1.8rem;margin:0}.hero-banner .text-content p{color:#fff;font-size:1rem;margin:5px 0 0}.hero-banner img{height:60px}@media (max-width:768px){.hero-banner{flex-direction:column;gap:10px;text-align:center;img{height:50px}}}.header{margin-bottom:.5rem;max-width:1300px;width:100%}.title{color:#fff;color:var(--light-text);font-size:2rem}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:1300px;width:100%;@media (max-width:768px){grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.widget-card{align-items:center;animation:fadeIn .4s ease;background:#143057;background:var(--light-card);background-color:#8c2a1e;background-color:var(--modal-primary-color);border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.2rem;transition:transform .3s ease,box-shadow .3s ease;&:hover{box-shadow:0 6px 18px #0003;transform:translateY(-4px)}.icon{align-items:center;background:#ffffff50;border-radius:50%;display:flex;height:50px;justify-content:center;padding:10px;width:50px;svg{color:#fff;color:var(--light-text);font-size:1.8rem}}.details{display:flex;flex-direction:column}h2{color:#fff;color:var(--light-text);font-size:1rem;font-weight:600;margin:0 0 4px}p{color:#f5f5f5;color:var(--subtext-light);font-size:.95rem;margin:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.section-wrapper{margin-top:10px;max-width:1300px;width:100%}.dashboard-container.dark-theme{background:linear-gradient(to bottom right,#1e1e1e,#2d2d2d)}.dashboard-container.dark-theme:before{background:#333}.dashboard-container.dark-theme .widget-card{background:#2d2d2d;background:var(--dark-card)}.dashboard-container.dark-theme .widget-card .icon{background:#ffffff1a}.dashboard-container.dark-theme .widget-card .details h2,.dashboard-container.dark-theme .widget-card .icon svg{color:#fff;color:var(--dark-text)}.dashboard-container.dark-theme .widget-card .details p{color:#ccc;color:var(--subtext-dark)}.dashboard-container.dark-theme .title{color:#fff;color:var(--dark-text)}.container{background-color:#002247;background-color:var(--background-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header h2{color:#fff;color:var(--text-light-color);margin:0}.navigation-header{align-items:center;border-bottom:1px solid #444;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:70px;padding-bottom:15px}.class-list,.subject-list{margin-top:20px}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:15px}.card{background-color:#0a406a;background-color:var(--card-primary);border:1px solid #444;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;position:relative;transition:all .3s ease;z-index:1}.card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.class-item h4,.subject-item h4{color:#fff;color:var(--text-light-color);font-size:18px;margin:0 0 10px}.tree-container{background-color:#0a406a;background-color:var(--card-primary);border:1px solid #444;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0003;margin-top:20px;padding:20px}.chapter-tree{padding:15px 0}.tree-node{align-items:center;border:1px solid #444;border:1px solid var(--border-color);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px 12px;transition:background-color .2s ease,transform .2s ease;width:100%}.target-date-tree{background-color:#8c2a1e;background-color:var(--accent-color);border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;color:var(--text-light-color);font-size:12px;margin-left:10px;padding:3px 8px}.edit-form{background-color:#143057;background-color:var(--card-background-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:8px;margin-top:30px;padding:20px}.edit-form h3{margin-top:0}.edit-form h3,h2{color:#fff;color:var(--text-light-color)}h2{margin:0}h3{border-bottom:2px solid #4caf50;color:#fff;color:var(--text-light-color);margin-top:0;padding-bottom:10px}h4{color:#f5f5f5;color:var(--subtext-light);margin:0}p{color:#fff;color:var(--text-light-color);font-size:16px;line-height:1.6}.back-button{background:#8c2a1e!important;background:var(--accent-color)!important;border-color:#8c2a1e!important;border-color:var(--accent-color)!important;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff!important;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-button:active,.back-button:focus,.back-button:hover{background-color:#476b6b!important;background-color:var(--primary-color)!important;border-color:#476b6b!important;border-color:var(--primary-color)!important;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.back-button:focus{outline:2px solid #8c2a1e;outline:2px solid var(--accent-color);outline-offset:2px}.ant-btn-primary.syllabus-edit-btn{background:#8c2a1e!important;background:var(--accent-color)!important;border-color:#8c2a1e!important;border-color:var(--accent-color)!important;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff!important;font-weight:500;padding:8px 16px;transition:all .3s ease}.ant-tree{background:inherit!important;color:#fff!important;color:var(--text-light-color)!important;padding:10px}.ant-tree-titlespan{font-size:14px!important;line-height:1.4!important}.ant-tree-switcher{color:#fff!important;color:var(--text-light-color)!important}.ant-tree-node-content-wrapper{border-radius:4px;padding:8px 0!important;transition:background-color .2s ease}.ant-tree .ant-tree-node-content-wrapper{color:#ccc;color:var(--subtext-dark);transition:color .2s ease}.ant-tree .ant-tree-node-content-wrapper:hover{color:#fff!important;color:var(--text-light-color)!important}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:initial!important;color:#fff;color:var(--text-light-color)}.ant-btn-primary.syllabus-edit-btn:active,.ant-btn-primary.syllabus-edit-btn:focus,.ant-btn-primary.syllabus-edit-btn:hover{background-color:#476b6b!important;background-color:var(--primary-color)!important;border-color:#476b6b!important;border-color:var(--primary-color)!important;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.ant-tree-treenode{margin-bottom:5px}.ant-tree-treenode:last-child{margin-bottom:0}.timetable-container{background-color:#002247;background-color:var(--background-color);color:#fff;color:var(--text-light-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:90px;min-height:100vh;padding:20px}.timetable-header{background:#0a406a;background:var(--card-primary);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.timetable-header h1{color:#fff;color:var(--text-light-color);font-size:2.5rem;margin:0 0 10px}.timetable-header p{color:#f5f5f5;color:var(--subtext-light);font-size:1.1rem;margin:0;opacity:.8}.fixed-title-note{color:#f5ae3f;color:var(--modal-secondary-color);font-size:.9rem;font-style:italic;margin-top:10px}.back-button-container{margin-bottom:20px}.back-button{align-items:center;background:#8c2a1e;background:var(--accent-color);border:none;border-radius:5px;color:#fff;color:var(--text-light-color);cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:background .3s ease}.back-button:hover{background:#8c2a1e;background:var(--modal-primary-color)}.class-cards-container{margin-bottom:30px}.class-cards-container h2{color:#fff;color:var(--text-light-color);margin-bottom:20px;text-align:center}.class-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.class-card{background:#143057;background:var(--card-background-color);border:2px solid #444;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:20px;transition:all .3s ease}.class-card:hover{border-color:#8c2a1e;border-color:var(--accent-color);box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.class-card h3{color:#fff;color:var(--text-light-color);font-size:1.3rem;margin:0 0 10px}.class-card p{color:#f5f5f5;color:var(--subtext-light);font-size:.9rem;margin:5px 0}.timetable-display{margin-bottom:30px}.class-header{color:#fff;color:var(--text-light-color);margin-bottom:20px;text-align:center}.timetable-table-container{background:#143057;background:var(--card-background-color);box-shadow:0 4px 6px #0000001a}.timetable-table,.timetable-table-container{border-radius:8px;overflow:hidden}.period-cell{color:#fff;color:var(--text-light-color);font-weight:600}.class-cell-content{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:10px;transition:all .3s ease}.class-cell-content:hover{background:#8c2a1e33!important}.class-subject{color:#fff;color:var(--text-light-color);font-size:1rem;font-weight:600;margin-bottom:5px;text-align:center}.class-teacher{font-size:.85rem;margin-bottom:3px}.class-room,.class-teacher{color:#f5f5f5;color:var(--subtext-light);text-align:center}.class-room{font-size:.8rem;font-weight:500}.no-class{color:#f5f5f5;color:var(--subtext-light);font-size:.9rem;font-style:italic}@media (max-width:1200px){.ant-table-tbody>tr>td{font-size:.9rem;padding:10px!important}.class-subject{font-size:.9rem}.class-teacher{font-size:.8rem}.class-room{font-size:.75rem}}@media (max-width:992px){.ant-table-tbody>tr>td{font-size:.8rem;padding:8px!important}}@media (max-width:768px){.timetable-table-container{overflow-x:auto}.ant-table-tbody>tr>td{font-size:.7rem;min-height:60px;padding:5px!important}.class-subject{font-size:.7rem}.class-room,.class-teacher{font-size:.6rem}}@media (max-width:576px){.timetable-header h1{font-size:1.5rem}.timetable-header p{font-size:.9rem}.ant-table-tbody>tr>td{font-size:.6rem;min-height:40px;padding:3px!important}}.timetable-table-container::-webkit-scrollbar{height:8px}.timetable-table-container::-webkit-scrollbar-track{background:#143057;background:var(--card-background-color)}.timetable-table-container::-webkit-scrollbar-thumb{background:#8c2a1e;background:var(--accent-color);border-radius:4px}.timetable-table-container::-webkit-scrollbar-thumb:hover{background:#8c2a1e;background:var(--modal-primary-color)}.ant-table-cell,.ant-typography{color:#fff!important;color:var(--text-light-color)!important}.ant-table-cell-fix-left{background:#8c2a1e!important;background:var(--accent-color)!important;color:#fff;color:var(--text-light-color);width:auto;z-index:2!important}.ant-table{background:#143057;background:var(--card-background-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--box-shadow-light);overflow:hidden}.ant-table-thead>tr>th{padding:16px!important}.ant-table-tbody>tr>td{border:1px solid #444!important;border:1px solid var(--border-color)!important}.ant-table-tbody>tr:hover>td.no-hover{background:#0000!important;box-shadow:none!important;transform:none!important}@media (max-width:768px){.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:.8rem;padding:8px!important}}.ant-table{background:#0a406a!important;background:var(--card-primary)!important;border:1px solid #444!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 8px #0000001a!important;box-shadow:var(--box-shadow-light)!important}.ant-table-thead>tr>th{background:#8c2a1e!important;background:var(--accent-color)!important;border:none!important;color:#fff!important;color:var(--text-light-color)!important;font-weight:600!important;position:relative;text-align:center!important}.ant-table-tbody>tr>td{padding:12px!important;text-align:center!important;transition:all .3s ease!important}.ant-table-tbody>tr:hover>td{background:#143057!important;background:var(--card-background-color)!important;box-shadow:0 2px 8px #0000001a!important;transform:scale(1.01)!important}.teachers-container{background:var(--background-color);color:var(--text-light-color);min-height:100vh;padding:75px 20px 20px}.ant-table-tbody{background:var(--card-primary);color:var(--text-light-color)}.ant-table-wrapper .ant-table{border:none}.ant-table-cell{border-color:var(--background-color)!important}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{border-bottom:1px solid var(--background-color)!important}.ant-table-tbody>tr:hover>td{background-color:var(--accent-color)!important;color:var(--text-light-color)!important;transition:background .3s ease}.ant-table-thead>tr>th{background-color:var(--accent-color)!important;color:#fff;position:sticky;top:0;z-index:1}:where(.ant-table-wrapper) .ant-table.ant-table-bordered>.ant-table-container{border-inline-start:0!important;border-top:0!important}:where(.css-dev-only-do-not-override-tjsggz).ant-pagination .ant-pagination-next button,:where(.css-dev-only-do-not-override-tjsggz).ant-pagination .ant-pagination-prev button{color:var(--text-light-color)}.header-container{align-items:center;background:var(--card-primary);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding:15px}.header-container .right-section{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.title{color:var(--text-light-color);font-size:1.6rem;font-weight:700;margin:0}.search-input{position:relative;width:250px}.search-input input{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light-color);padding:8px 12px 8px 30px;width:100%}.search-input svg{color:var(--placeholder-color);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.card-wrapper{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.download-button{align-items:center;background:var(--modal-secondary-color);border:none;border-radius:4px;color:var(--text-light-color);display:flex;font-size:1.1rem;height:35px;justify-content:center;width:35px}.download-button:hover{background:var(--secondary-color)}.add-teacher-button{background:var(--modal-secondary-color);color:var(--text-light-color)}.add-teacher-button:hover{background:var(--secondary-color)}.header-title-container{background:var(--modal-secondary-color);border-radius:8px;display:inline-block;padding:10px 18px}.card-icon{color:var(--modal-secondary-color);font-size:1.8rem}.summary-card{background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:0}.summary-card .ant-card-body{align-items:center;display:flex;gap:10px;padding:8px 12px}.summary-card .summary-content{display:flex;flex-direction:column;justify-content:center}.summary-card h4{color:var(--subtext-light);font-size:.9rem;margin:0}.summary-card h2{color:var(--text-light-color);font-size:1.4rem;margin:0}.summary-card p{color:var(--subtext-light);font-size:.8rem;margin:0}.charts-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.chart-card-styled{background:var(--light-card);border:none;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:12px;text-align:center}.chart-card-styled h3{color:var(--primary-color);font-size:1rem;margin-bottom:8px}.holiday-container{grid-gap:15px;background:var(--background-color);color:var(--text-light-color);display:grid;font-family:Segoe UI,Roboto,sans-serif;gap:15px;grid-template-columns:1fr;margin-top:70px;min-height:calc(100vh - 90px);padding:15px;position:relative}.holiday-container:before{background:radial-gradient(circle at 20% 30%,#476b6b0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#dea08f08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.holiday-container h2,.holiday-container h3{color:var(--text-light-color);font-size:1.3rem;font-weight:600;margin:0 0 15px;text-shadow:0 2px 4px #0000004d}.calendar-container,.chairman-view,.holiday-form,.holiday-list,.leave-request-form,.leave-requests-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-background-color);border:1px solid #ffffff14;border-radius:12px;box-shadow:var(--box-shadow),inset 0 1px 0 #ffffff1a;margin-bottom:15px;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-container:hover,.chairman-view:hover,.holiday-form:hover,.holiday-list:hover,.leave-request-form:hover,.leave-requests-container:hover{border-color:#ffffff1f;box-shadow:0 16px 48px #00000080,0 4px 16px #0000004d,inset 0 1px 0 #ffffff26;transform:translateY(-4px)}.leave-form-group{margin-bottom:15px}.leave-form-group label{color:var(--secondary-color);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px;text-shadow:0 1px 2px #00000080}.holiday-form input[type=date],.holiday-form input[type=text],.leave-form-group input,.leave-form-group textarea{background:var(--input-background-color);border:2px solid #ffffff1a;border-radius:8px;box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #0003;color:var(--text-light-color);font-size:.9rem;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.holiday-form input:focus,.leave-form-group input:focus,.leave-form-group textarea:focus{background:#ffffff14;border-color:var(--secondary-color);box-shadow:0 0 0 3px #dea08f33,inset 0 2px 4px #0000004d,0 4px 12px #dea08f1a;outline:none;transform:translateY(-1px)}.leave-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.holiday-form input::placeholder,.leave-form-group input::placeholder{color:var(--placeholder-color);opacity:.8}.holiday-form button,.leave-request-form button{background:var(--primary-color);border:none;border-radius:8px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff1a;color:var(--text-light-color);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.holiday-form button:before,.leave-request-form button:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.holiday-form button:hover:before,.leave-request-form button:hover:before{left:100%}.holiday-form button:hover,.leave-request-form button:hover{background:var(--secondary-color);box-shadow:0 8px 24px #476b6b80,0 4px 8px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-2px)}.leave-form-buttons{display:flex;margin-top:15px}.leave-form-buttons button{border:none;border-radius:8px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff1a;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.leave-form-buttons button[type=submit]{background:var(--primary-color);color:var(--text-light-color)}.leave-form-buttons button[type=submit]:hover{background:var(--accent-color);box-shadow:0 8px 24px #8c2a1e66;transform:translateY(-2px)}.leave-form-buttons button[type=button]{background:var(--secondary-color);color:var(--text-light-color)}.leave-form-buttons button[type=button]:hover{background:#c4967f;box-shadow:0 8px 24px #dea08f66;transform:translateY(-2px)}.leave-requests-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.leave-request-item{align-items:flex-start;background:var(--light-card);border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff0d;color:var(--text-light-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.leave-request-item:hover{box-shadow:0 8px 32px #0006,0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateX(4px) translateY(-2px)}.leave-request-item.pending{background:#f5ae3f0d;border-left-color:var(--modal-secondary-color)}.leave-request-item.approved{background:#22c55e0d;border-left-color:#22c55e}.leave-request-item.rejected{background:#ef44440d;border-left-color:#ef4444}.leave-request-info{flex:1 1;min-width:200px}.leave-request-info p{font-size:.85rem;line-height:1.4;margin:6px 0}.leave-request-info strong{color:var(--secondary-color);font-weight:600;text-shadow:0 1px 2px #0000004d}.status{border-radius:20px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #fff3;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status.pending{background:var(--modal-secondary-color);color:var(--active-text);text-shadow:0 1px 2px #0003}.status.approved{background:#22c55e}.status.approved,.status.rejected{color:#fff;text-shadow:0 1px 2px #0000004d}.status.rejected{background:#ef4444}.leave-request-actions{display:flex;flex-direction:column;gap:6px}.leave-request-actions button{border:none;border-radius:6px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff1a;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.3px;min-width:70px;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.leave-request-actions .approve-btn{background:#22c55e;color:#fff}.leave-request-actions .approve-btn:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 16px #22c55e66;transform:translateY(-2px)}.leave-request-actions .reject-btn{background:#ef4444;color:#fff}.leave-request-actions .reject-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 16px #ef444466;transform:translateY(-2px)}.leave-request-actions button:disabled{cursor:not-allowed;opacity:.4;transform:none}.holiday-list ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.holiday-list li{align-items:center;background:var(--light-card);border-left:3px solid var(--secondary-color);border-radius:10px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff0d;color:var(--text-light-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.holiday-list li:hover{border-left-color:var(--primary-color);box-shadow:0 4px 20px #0000004d,0 2px 6px #0003,inset 0 1px 0 #ffffff1a;transform:translateX(4px) translateY(-1px)}.holiday-list button{background:var(--accent-color);border:none;border-radius:6px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.holiday-list button:hover{background:var(--accent-color-hover);box-shadow:0 5px 15px #8c2a1e66,inset 0 1px 0 #fff3;transform:translateY(-2px)}.chairman-view ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.chairman-view li{align-items:center;border-bottom:1px solid #ffffff1a;border-radius:6px;color:var(--text-light-color);display:flex;font-size:.85rem;justify-content:space-between;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chairman-view li:hover{background:#ffffff08;box-shadow:var(--box-shadow-light);transform:translateX(2px)}.chairman-view li:last-child{border-bottom:none}.chairman-view li span{font-weight:500;text-shadow:0 1px 2px #0000004d}.chairman-view li .user-status{background:var(--accent-color);border-radius:12px;box-shadow:var(--box-shadow-light),inset 0 1px 0 #ffffff1a;color:var(--text-light-color);font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.calendar-container .ant-picker-calendar{background:var(--card-background-color)!important;border:none;border-radius:12px;box-shadow:none;color:var(--text-light-color);font-size:.85rem;margin:0;overflow:hidden;padding:15px;width:100%}.calendar-container .ant-picker-calendar .ant-picker-panel{background:var(--card-background-color)!important;border-radius:12px;box-shadow:var(--box-shadow-light);overflow:hidden}.calendar-container .ant-picker-calendar .ant-picker-body{background:var(--card-background-color)!important;padding:10px}.calendar-container .ant-picker-calendar .ant-picker-calendar-date{align-items:center;background:#ffffff05!important;border:1px solid #0000;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a;color:var(--text-light-color)!important;display:flex;font-size:.8rem;justify-content:center;margin:2px;min-height:36px;padding:8px 6px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-container .ant-picker-calendar .ant-picker-calendar-date:hover{background:var(--primary-color)!important;border-color:var(--secondary-color);border-radius:10px;box-shadow:0 4px 12px #476b6b4d;margin:0;position:relative;transform:scale(1.05);z-index:1}.calendar-container .ant-picker-calendar .ant-picker-calendar-date-today{background:var(--secondary-color)!important;border-radius:10px;box-shadow:0 3px 12px #dea08f66,inset 0 1px 0 #fff3;color:var(--active-text)!important;font-weight:600;margin:0}.calendar-container .ant-picker-calendar .ant-picker-calendar-date-selected{background:var(--primary-color)!important;border-radius:10px;box-shadow:0 3px 12px #476b6b66,inset 0 1px 0 #fff3;color:#fff!important;font-weight:600;margin:0}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-header{background:var(--card-background-color)!important;border-bottom:1px solid #ffffff14;border-radius:12px 12px 0 0!important;color:var(--text-light-color)!important;padding:12px 15px}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-header button{background:#0000!important;border:none!important;border-radius:6px!important;color:var(--text-light-color)!important;margin:0 2px!important;padding:4px 8px!important;transition:all .2s ease!important}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-header button:hover{background:var(--primary-color)!important;color:#fff!important}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-body th{background:var(--card-background-color)!important;border:none!important;color:var(--secondary-color)!important;font-size:.75rem!important;font-weight:600;letter-spacing:.5px;padding:8px 4px!important;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.holiday-description{background:#dea08f1a;border-radius:4px;color:var(--secondary-color);display:inline-block;font-size:.7rem;font-weight:500;margin-top:3px;max-width:90%;overflow:hidden;padding:2px 4px;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap;width:100%}.holiday-container{gap:10px;margin-top:60px;padding:10px}.holiday-container h2,.holiday-container h3{font-size:1.2rem;margin-bottom:12px}.calendar-container,.chairman-view,.holiday-form,.holiday-list,.leave-request-form,.leave-requests-container{margin-bottom:10px;padding:15px}.leave-form-buttons{flex-direction:column;gap:10px}.leave-request-actions{align-items:center;flex-direction:row;gap:8px;width:100%}.leave-request-actions button{flex:1 1}.holiday-list li{align-items:flex-start;flex-direction:column;gap:8px}.holiday-list button{align-self:flex-end}@media (min-width:768px){.holiday-container{gap:20px;grid-template-columns:1fr 1fr;margin-top:70px;padding:20px}.holiday-container.non-chairman-view{grid-template-areas:"list calendar" "requests calendar"}.holiday-list{grid-area:list}.calendar-container{grid-area:calendar}.leave-requests-container{grid-area:requests}.chairman-view{grid-area:sidebar;max-height:calc(100vh - 160px);overflow-y:auto}.holiday-form{grid-area:main}.leave-request-form{grid-column:1/-1}.holiday-container h2,.holiday-container h3{font-size:1.4rem}.calendar-container{padding:20px}}@media (min-width:1024px){.holiday-container{grid-template-columns:350px 1fr}.holiday-container.non-chairman-view{grid-template-areas:"list calendar" "requests calendar";grid-template-columns:1fr 1.5fr}.chairman-view{grid-area:users;max-height:calc(100vh - 160px);overflow-y:auto}.holiday-form{grid-area:form}.holiday-container h2,.holiday-container h3{font-size:1.5rem}.calendar-container{padding:20px}}@media (min-width:1280px){.holiday-container{gap:24px;padding:24px}.holiday-container.non-chairman-view{grid-template-areas:"list calendar" "requests calendar";grid-template-columns:1fr 2fr}.calendar-container{padding:24px}}@media (min-width:1440px){.holiday-container.non-chairman-view{grid-template-columns:400px 2fr}.calendar-container{padding:24px}}@media (min-width:1920px){.holiday-container{margin-left:auto;margin-right:auto;max-width:1800px}.calendar-container{margin:0 auto;max-width:1200px;padding:24px}}.holiday-container.non-chairman-view .calendar-container{grid-column:1/-1}@media (max-width:768px){.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-body{padding:5px!important}.calendar-container .ant-picker-calendar .ant-picker-calendar-date{font-size:.7rem!important;min-height:30px!important;padding:4px 2px!important}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-header{padding:8px 10px!important}}@media (max-width:480px){.calendar-container .ant-picker-calendar .ant-picker-calendar-date{font-size:.6rem!important;min-height:24px!important;padding:3px 1px!important}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-header button{font-size:.7rem!important;padding:2px 4px!important}.calendar-container .ant-picker-calendar .ant-picker-panel .ant-picker-body th{font-size:.6rem!important;padding:4px 2px!important}}.ant-radio-group{width:30%}.ant-radio-button-wrapper{border:1px solid var(--border-color);height:40px!important;line-height:38px!important}.ant-radio-button-wrapper,.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){background-color:var(--input-background-color)}.enhanced-loading-container{flex-direction:column;gap:2rem;min-height:250px;overflow:hidden;padding:2.5rem;text-align:center}.enhanced-loading-container,.enhanced-loading-spinner{align-items:center;display:flex;justify-content:center;position:relative}.enhanced-loading-spinner{height:120px;width:120px}.particle{animation:particle-float 3s ease-in-out infinite;background:var(--accent-color);border-radius:50%;opacity:.7;position:absolute;z-index:0}.particle-1{animation-delay:0s;height:8px;left:10%;top:10%;width:8px}.particle-2{animation-delay:.5s;height:6px;left:80%;top:80%;width:6px}.particle-3{animation-delay:1s;height:10px;left:80%;top:20%;width:10px}.particle-4{animation-delay:1.5s;height:7px;left:20%;top:70%;width:7px}.spinner-core{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.spinner-circle{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite,pulse-border 2s ease-in-out infinite;border:4px solid var(--primary-color);border-radius:50%;border-top-color:var(--accent-color);box-sizing:border-box;height:60px;position:relative;width:60px;z-index:2}.spinner-circle:before{animation:rotate 8s linear infinite;border:2px solid var(--secondary-color);border-radius:50%;bottom:-8px;content:"";left:-8px;opacity:.3;position:absolute;right:-8px;top:-8px}.spinner-circle:after{animation:rotate 12s linear infinite reverse;border:1px solid var(--modal-secondary-color);border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.2;position:absolute;right:-4px;top:-4px}.loading-message{color:var(--text-light-color);font-size:1.2rem;font-weight:600;line-height:1.4;margin:0;max-width:400px;position:relative;text-align:center;text-shadow:0 0 10px #8c2a1e4d;z-index:3}.loading-message.glow{animation:text-glow 2s ease-in-out infinite}.loading-glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,var(--accent-color) 0,#0000 70%);filter:blur(20px);height:200%;opacity:.1;position:absolute;width:200%;z-index:1}@keyframes pulse{0%,to{opacity:.1;transform:scale(.95)}50%{opacity:.15;transform:scale(1.1)}}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 #8c2a1e66}50%{box-shadow:0 0 0 12px #8c2a1e00}}@keyframes particle-float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(10px) translateX(-15px)}75%{transform:translateY(-15px) translateX(5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes text-glow{0%,to{text-shadow:0 0 5px #8c2a1e80}50%{text-shadow:0 0 20px #8c2a1ecc,0 0 30px #8c2a1e99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.enhanced-loading-spinner{animation:float 3s ease-in-out infinite}.loading-small .spinner-circle{border-width:3px;height:40px;width:40px}.loading-medium .spinner-circle{border-width:4px;height:60px;width:60px}.loading-large .spinner-circle{border-width:5px;height:80px;width:80px}.loading-xlarge .spinner-circle{border-width:6px;height:100px;width:100px}@media (max-width:768px){.enhanced-loading-container{gap:1.5rem;padding:2rem}.enhanced-loading-spinner{height:100px;width:100px}.spinner-circle{height:50px;width:50px}.loading-message{font-size:1.1rem;max-width:300px}.particle{height:6px;width:6px}}@media (max-width:480px){.enhanced-loading-container{gap:1rem;padding:1.5rem}.enhanced-loading-spinner{height:80px;width:80px}.spinner-circle{height:40px;width:40px}.loading-message{font-size:1rem;max-width:250px}.particle{height:4px;width:4px}}[data-theme=dark] .enhanced-loading-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0006;border:1px solid #ffffff26;border-radius:15px;box-shadow:0 12px 40px #0006}[data-theme=light] .enhanced-loading-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #00000026;border-radius:15px;box-shadow:0 12px 40px #00000026}.enhanced-loading-container:before{animation:rotate-bg 20s linear infinite;background:radial-gradient(circle,#0000 40%,var(--accent-color) 100%);content:"";height:200%;left:-50%;opacity:.05;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotate-bg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-bar{align-items:center;background:var(--background-color);color:var(--text-light-color);display:flex;height:64px;justify-content:space-between;padding:0 10px;position:fixed;top:0;width:100%;z-index:1000}.nav-bar .ant-menu-light .ant-menu-submenu-title,.nav-bar :where(.css-dev-only-do-not-override-tjsggz).ant-menu-light>.ant-menu .ant-menu-submenu-title{color:var(--text-light-color)}.nav-bar .ant-menu{font-size:18px}.nav-bar .mobile-menu-icons{display:none}@media (max-width:768px){.nav-bar .mobile-menu-icons{align-items:center;display:flex;gap:16px}}.logo{align-items:center;cursor:pointer;display:flex}.logo img{height:auto;width:140px}@media (max-width:768px){.logo img{width:120px}}.menu-icon{cursor:pointer;display:none;font-size:24px}@media (max-width:768px){.menu-icon{display:block}}.sidebar-menu{align-items:center;display:flex}.sidebar-menu .ant-menu{background:#0000!important}.sidebar-menu .ant-menu-item{transition:all .3s ease}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-item-active,.sidebar-menu .ant-menu-item-selected,.sidebar-menu .ant-menu-item:active,.sidebar-menu .ant-menu-item:focus,.sidebar-menu .ant-menu-item:hover{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important}.sidebar-menu .ant-menu-item-active,.sidebar-menu .ant-menu-item:hover{background:#0000!important;border-bottom:3px solid var(--accent-color)!important;color:var(--accent-color)!important}.sidebar-menu .custom-menu-item a{color:var(--text-light-color)!important;font-weight:500;transition:all .3s ease!important}.sidebar-menu .custom-menu-item:hover{background:#0000!important;border-bottom:3px solid var(--accent-color)!important;border-radius:0!important;color:var(--accent-color)!important}.sidebar-menu .custom-menu-item:hover:after{display:none!important}.sidebar-menu .custom-menu-item{transition:all .3s ease!important}.sidebar-menu .ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected:after,.sidebar-menu :where(.css-dev-only-do-not-override-tjsggz).ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-selected:after,.sidebar-menu :where(.css-dev-only-do-not-override-tjsggz).ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-selected:after,.sidebar-menu :where(.css-dev-only-do-not-override-tjsggz).ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-selected:after{border-bottom:none!important}.sidebar-menu .ant-menu-item:hover{background:#0000!important}.sidebar-menu .ant-menu-item a:hover,.sidebar-menu .ant-menu-item:hover{color:var(--accent-color)!important}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-item a{transition:all .3s ease!important}.profile-modal .ant-menu-item-selected{color:var(--text-light-color)!important}.sidebar-menu .ant-menu-item:focus{box-shadow:none!important;outline:none!important}@media (max-width:768px){.sidebar-menu{display:none}}.toggle-button{background:#0000;border:none;border-radius:50%;cursor:pointer;padding:6px;transition:background .3s}.toggle-button:hover{background:var(--box-shadow-light)}.toggle-button svg{font-size:1.5rem}.profile-section{align-items:center;cursor:pointer;display:flex}.profile-section span{color:var(--text-light-color);font-size:.9rem;font-weight:500;margin-left:8px}.profile-section .ant-avatar{align-items:center;background-color:initial;border:1.5px solid var(--text-light-color);display:flex;justify-content:center}.profile-section .ant-avatar svg{color:var(--text-light-color);font-size:18px}.mobile-menu-icons-container{display:none}@media (max-width:768px){.mobile-menu-icons-container{align-items:center;display:flex;gap:16px}}.profile-modal .ant-modal-content,.profile-modal .ant-modal-header{background-color:var(--card-background-color);color:var(--text-light-color)}.profile-modal .ant-modal-header{border-bottom:1px solid var(--border-color)}.profile-modal .ant-menu,.profile-modal .ant-modal-title{color:var(--text-light-color)}.profile-modal .ant-menu{background:#0000}.profile-modal .ant-menu-item,.profile-modal .ant-menu-item a{color:var(--text-light-color)}.profile-modal .ant-menu-item-selected{background-color:var(--accent-color)!important}.ant-menu .ant-menu-item a:before{color:var(--active-text)!important}.profile-modal-title{align-items:center;display:flex}.profile-modal-title .ant-avatar{margin-right:12px}.profile-modal-name{font-weight:600}.profile-modal-role{color:var(--subtext-dark);font-size:13px}.sidebar-menu .ant-menu-item-active:after,.sidebar-menu .ant-menu-item:hover:after{display:none!important}.notification-modal .ant-modal-header-title,.notification-modal .ant-modal-title{font-size:22px;font-weight:800;letter-spacing:1px}.notification-modal .ant-modal-body{background:var(--background-color);min-height:340px;padding:0}.notification-modal .ant-modal-content{border-radius:16px;top:32px}.notification-modal .loading-spinner{padding:2.5rem;text-align:center}.notification-item{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);margin:18px 14px;padding:18px 18px 10px;transition:box-shadow .2s}.notification-item:hover{box-shadow:var(--box-shadow-light)}.notification-avatar{background:var(--input-background-color);color:var(--text-light-color)}.notification-description{color:var(--text-light-color);font-size:18px;font-weight:700;margin-right:10px}.notification-amount{font-size:18px}.notification-date{color:var(--subtext-light)}.notification-student{color:var(--subtext-dark);font-size:15px;margin-bottom:2px}.notification-raised-by{color:var(--subtext-light);font-size:14px}.notification-extra,.notification-raised-by span{color:var(--text-light-color)}.notification-extra{font-size:14px;margin-top:8px;opacity:.85}.notification-read-marker b{color:var(--blue)}.notification-approve-button{border-color:var(--green)!important;color:var(--green)!important;margin-right:8px}.notification-decline-button{border-color:var(--red)!important;color:var(--red)!important}.notification-status{font-size:16px;font-weight:700}.no-notifications{color:var(--placeholder-color);padding:60px 0 70px;text-align:center}.settings-modal .ant-modal-content{background:var(--card-background-color)!important;border-radius:12px;overflow:hidden}.settings-container{background:var(--card-background-color);display:flex;height:600px}.settings-sidebar{display:flex;flex-direction:column;width:240px;z-index:1}.settings-header{align-items:center;background-color:initial;display:flex;justify-content:space-between;padding:20px}.close-button{background:#0000;border-radius:6px;color:var(--text-light-color);font-size:16px;padding:8px;transition:all .2s ease}.close-button:hover{background:var(--input-background-color);color:var(--accent-color)}.settings-menu{background:#0000!important;border:none;color:var(--text-light-color)!important;flex:1 1;padding:8px 0}.settings-menu .ant-menu-item{align-items:center;background:#0000!important;border-left:3px solid #0000;border-radius:0;color:var(--text-light-color);display:flex;font-size:14px;height:44px;line-height:44px;margin:0;padding-left:20px!important;transition:all .2s ease}.settings-menu .ant-menu-item:hover{background-color:#ffffff0d!important;border-left:3px solid var(--modal-secondary-color);color:var(--modal-secondary-color)}.settings-menu .ant-menu-item-selected{background-color:#8c2a1e26!important;border-left:3px solid var(--accent-color);color:var(--modal-secondary-color);font-weight:500}.settings-menu .ant-menu-item-selected:after{display:none}.settings-menu .ant-menu-item-icon{font-size:16px;margin-right:12px;text-align:center;width:24px}.admin-menu .ant-menu-item{background:#0000!important}.admin-menu .ant-menu-item:hover{background:#ffffff0d!important}.admin-menu .ant-menu-item-selected{background-color:#f5ae3f26!important}.menu-divider{height:1px;margin:8px 0;opacity:.5}.admin-menu .ant-menu-item{border-left:3px solid #0000;color:var(--modal-secondary-color)}.admin-menu .ant-menu-item-selected,.admin-menu .ant-menu-item:hover{border-left:3px solid var(--modal-secondary-color)}.admin-menu .ant-menu-item-selected{background-color:#f5ae3f26;color:var(--modal-secondary-color)}.settings-main{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow-light);display:flex;flex:1 1;flex-direction:column;margin:16px 16px 16px 0;overflow:hidden}.settings-content,.settings-main{background:var(--background-color)}.settings-content{flex:1 1;overflow-y:auto;padding:30px}.settings-content .ant-typography h3{color:var(--text-light-color);font-size:1.5rem;font-weight:600;margin-bottom:28px;padding-bottom:12px;position:relative}.settings-content .ant-typography h3:after{background:var(--accent-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.setting-item{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--box-shadow-light);margin-bottom:24px;padding:24px;transition:all .3s ease}.setting-item:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow);transform:translateY(-3px)}.setting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.setting-header .ant-typography{color:var(--text-light-color);font-size:16px;font-weight:500;margin:0}.setting-header .ant-typography.ant-typography-secondary{color:var(--subtext-light);display:block;font-size:13px;font-weight:400;margin-top:6px}.settings-footer{background:var(--card-background-color);border-radius:0 0 8px 8px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:20px 30px}.settings-content .ant-input,.settings-content .ant-input-textarea textarea{background:var(--input-background-color)!important;border-radius:6px;color:var(--text-light-color)!important;height:42px!important;transition:all .2s ease}.settings-title{color:var(--text-light-color)!important}.settings-content .ant-input-textarea textarea{height:auto!important;min-height:80px}@media (max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{border-right:none;height:auto;width:100%}.settings-menu{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:8px 16px}.settings-menu .ant-menu-item{justify-content:center;min-width:100px;padding-left:0!important;text-align:center}.settings-menu .ant-menu-item-icon{font-size:18px;margin-right:0}.settings-main{margin:16px}}.save-button{background:var(--accent-color);border:none;border-radius:6px;font-weight:500;height:42px;padding:0 20px;transition:all .2s ease}.save-button:hover{background:var(--accent-color-dark);box-shadow:0 2px 8px #8c2a1e33;transform:translateY(-1px)}.setting-item{margin-bottom:16px}.setting-header{margin-bottom:8px}.setting-header .ant-typography{color:var(--text-light-color)!important;font-size:14px!important;font-weight:500!important}.attendance-page{background:var(--background-color);min-height:100vh;padding:20px}.attendance-card .ant-card-head{background:var(--card-primary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;color:var(--text-light-color)!important;padding:16px 24px}.attendance-card .ant-card-head-title{color:var(--text-light-color)!important;font-size:1.2rem;font-weight:600}.attendance-card .ant-list-item{align-items:center;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;margin:12px 0;min-height:100px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.attendance-card .ant-list-item:hover{background:var(--card-background-color);border-color:var(--accent-color);box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.attendance-card .ant-list-item.selected{background:var(--primary-color);border-color:var(--accent-color);box-shadow:0 4px 16px #8c2a1e33}.status-badge{border-radius:20px;font-size:12px;font-weight:500;height:auto;line-height:1.4;margin-left:8px;padding:2px 8px}.ant-list-item .ant-list-item-meta-avatar{margin-right:16px}.ant-list-item .ant-list-item-meta-title{font-weight:600;margin-bottom:4px}.attendance-card .ant-list-item:before{background:var(--accent-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.attendance-card .ant-list-item:hover:before{opacity:1}@media (max-width:768px){.attendance-card .ant-list-item{align-items:flex-start;flex-direction:column;padding:16px}.attendance-card .ant-list-item .ant-list-item-content{width:100%}.attendance-card .ant-list-item .ant-list-item-meta{margin-bottom:8px;width:100%}.attendance-card .ant-list-item .ant-list-item-meta-title{margin-bottom:4px}.attendance-card .ant-list-item .ant-list-item-meta-description{width:100%}}.attendance-card .ant-list-item:after{background:linear-gradient(135deg,#8c2a1e0d,#0000 50%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.attendance-card .ant-list-item:hover:after{opacity:1}.attendance-by-date-list .ant-list-item{align-items:center;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:default;display:flex;margin:12px 0;min-height:80px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.attendance-by-date-list .ant-list-item:hover{background:var(--card-background-color);border-color:var(--accent-color);box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.attendance-by-date-list .ant-list-item:before{background:var(--accent-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.attendance-by-date-list .ant-list-item:hover:before{opacity:1}.attendance-by-date-list .ant-list-item:after{background:linear-gradient(135deg,#8c2a1e0d,#0000 50%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.attendance-by-date-list .ant-list-item:hover:after{opacity:1}.ant-btn-primary{background:var(--accent-color);border-color:var(--accent-color);border-radius:8px;color:var(--text-light-color);font-weight:500;height:auto;padding:8px 16px}.ant-btn-primary:hover{background:var(--accent-color-hover);border-color:var(--accent-color-hover);box-shadow:var(--box-shadow-light);transform:translateY(-1px)}.ant-btn-primary.biometric-btn{background:var(--primary-color);border-color:var(--primary-color)}.ant-btn-primary.biometric-btn:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover)}.ant-tag{border-radius:20px;color:var(--text-light-color);font-weight:500;height:auto;line-height:1.4;padding:4px 12px}.ant-tag-success{background:var(--primary-color)}.ant-tag-error,.ant-tag-success{border-color:var(--border-color);color:var(--accent-color)}.ant-tag-error{background:var(--accent-color)}.ant-tag-default{border-color:var(--border-color);color:var(--accent-color)}.ant-modal-content,.ant-tag-default{background:var(--card-background-color)}.ant-modal-content{border:1px solid var(--border-color);border-radius:12px}.ant-modal-header{background:var(--card-primary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;padding:16px 24px}.ant-modal-title{color:var(--text-light-color);font-weight:600}.ant-picker{border:1px solid var(--border-color);border-radius:8px}.ant-picker:hover{border-color:var(--accent-color)}@media (max-width:768px){.attendance-page{padding:10px}.attendance-card .ant-card-head-title{color:var(--text-light-color)!important;font-size:1.1rem}.attendance-card .ant-list-item{padding:12px 16px}.ant-btn-primary{font-size:.9rem;padding:6px 12px}}.biometric-modal .ant-modal-body{padding:24px}.biometric-modal .ant-modal-footer{border-top:1px solid var(--border-color);padding:16px 24px}.finance-container{background:var(--background-color);color:var(--text-light-color);margin-top:60px;min-height:calc(100vh - 60px);padding:24px}.tabs-section{background:var(--card-background-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px}.segmented-container{background:var(--card-primary);border:1px solid var(--border-color);border-radius:25px;box-shadow:0 4px 12px #0000001a,inset 0 0 10px #0003,inset 0 0 5px #0000001a;display:flex;margin-bottom:20px;padding:4px;width:fit-content}.segmented-button{background:#0000;border:none;border-radius:25px;color:var(--text-light-color);cursor:pointer;font-size:14px;padding:8px 16px;position:relative;transition:all .3s ease;z-index:1}.segmented-button:hover{background:var(--accent-color-hover);color:#fff}.segmented-button.active{background:var(--accent-color);border:1px solid var(--accent-color);box-shadow:0 4px 12px #00000026;color:var(--text)}.segmented-button.active:after{background:var(--accent-color);border-radius:3px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.finance-summary-item{border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;margin-bottom:10px}.finance-summary-item:hover{border:1px solid var(--border-color);box-shadow:0 8px 24px #00000026}.finance-chart-container{border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.finance-breakdown-container{background:var(--card-primary);border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.finance-breakdown-item{background:var(--card-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;min-width:300px;padding:20px}@media (max-width:768px){.finance-breakdown-container{flex-direction:column}.finance-breakdown-item{flex:1 1 100%;min-width:0;min-width:auto}}.finance-breakdown-item .ant-card{background:var(--card-primary)!important;border:none!important;border-radius:8px!important;box-shadow:var(--box-shadow-light)!important;margin-bottom:0!important}.finance-breakdown-item .ant-card-head{background:var(--card-background-color)!important;border-bottom:1px solid var(--border-color)!important;border-radius:8px 8px 0 0!important;color:var(--text-light-color)!important;padding:12px 20px!important}.finance-breakdown-item .ant-card-body{padding:16px 20px!important}.finance-breakdown-item .chart-container{height:400px;width:100%}.finance-date-range-selector{display:flex;justify-content:flex-end;margin-bottom:24px}.finance-summary-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.finance-summary-item{background:var(--card-primary);border-radius:8px;box-shadow:var(--box-shadow-light);padding:20px;text-align:center;transition:transform .3s ease}.finance-summary-item:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}.finance-summary-item h3{color:var(--text-light-color);font-size:1.1rem;margin:10px 0 5px}.finance-summary-item p{color:var(--secondary-color);font-size:1.5rem;font-weight:700;margin:0}.finance-chart-container{background:var(--card-primary);border-radius:8px;box-shadow:var(--box-shadow-light);margin-bottom:30px;padding:20px}.finance-chart-title{color:var(--text-light-color);font-size:1.3rem;margin-bottom:20px;margin-top:0;text-align:center}.finance-requests-container{color:var(--text-light-color);min-height:calc(100vh - 60px);padding:24px}.page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.page-header h2{color:var(--text-light-color);font-size:1.8rem;margin:0}.chairman-review-container{color:var(--text-light-color);padding:24px}.chairman-review-container h2{color:var(--text-light-color);margin-bottom:20px}.no-hover{transition:none!important}.finance-modal .ant-modal-content{background:var(--background-color)!important;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.finance-modal .ant-modal-header{background:var(--card-background-color)!important;border-bottom:1px solid var(--border-color);border:1px solid var(--border-color);border-radius:8px 8px 0 0}.finance-modal .ant-modal-title{background:var(--background-color)!important}.finance-modal .ant-modal-close,.finance-modal .ant-modal-close:hover,.finance-modal .ant-modal-title{color:var(--text-light-color)!important}.finance-form .ant-form-item{border-radius:4px;margin-bottom:16px;padding:8px}.finance-form .ant-form-item-label>label{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light-color)!important;font-weight:500;padding:4px 8px}.finance-form .ant-input,.finance-form .ant-picker,.finance-form .ant-select-selector{border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:var(--text-light-color)!important}.finance-form .ant-input::placeholder,.finance-form .ant-select-selection-placeholder{color:var(--placeholder-color)!important}.finance-form .ant-form-item-control-input{border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px #0000001a}.ant-btn-primary{border-radius:4px;font-weight:700;transition:all .3s ease}@media (max-width:768px){.chairman-review-container,.finance-container,.finance-requests-container{padding:16px}.finance-summary-row{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.finance-date-range-selector{justify-content:flex-start}.finance-chart-container{padding:16px}}@media (max-width:480px){.chairman-review-container,.finance-container,.finance-requests-container{padding:12px}.finance-summary-item{padding:16px}.finance-summary-item h3{font-size:1rem}.finance-summary-item p{font-size:1.2rem}.finance-chart-title{font-size:1.1rem}}.ant-statistic-title{color:var(--text-light-color)!important}.ant-statistic-content{color:var(--secondary-color)!important}.ant-statistic-content-value{font-size:1.5rem!important}.ant-statistic-content-prefix{margin-right:8px!important}.ant-card{background:var(--card-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.ant-card-head{background:var(--card-background-color)!important;border-bottom:1px solid var(--border-color)!important;border:1px solid var(--border-color);border-radius:8px 8px 0 0!important;color:var(--text-light-color)!important}.ant-btn{border:1px solid var(--border-color);border-radius:4px!important;box-shadow:0 2px 4px #0000001a;transition:all .3s ease!important}.ant-btn-primary{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;box-shadow:0 4px 12px #0000001a;font-weight:700!important}.ant-btn-primary:active,.ant-btn-primary:focus,.ant-btn-primary:hover{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 6px 16px #00000026}.ant-btn-danger{background-color:#ff4d4f!important;border-color:#ff4d4f!important}.ant-btn-danger:active,.ant-btn-danger:focus,.ant-btn-danger:hover{background-color:#ff1a1a!important;border-color:#ff1a1a!important}.ant-form-item-label>label{color:var(--text-light-color)!important;font-weight:500!important}.ant-input,.ant-picker,.ant-select-selector{border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:var(--text-light-color)!important}.ant-input::placeholder,.ant-select-selection-placeholder{color:var(--placeholder-color)!important}.ant-tag{border:1px solid var(--border-color);border-radius:4px!important;box-shadow:0 2px 4px #0000001a;font-weight:500!important}.ant-tag-success{background:#52c41a!important;border-color:#52c41a!important}.ant-tag-error,.ant-tag-success{box-shadow:0 2px 4px #0000001a;color:#fff!important}.ant-tag-error{background:#ff4d4f!important;border-color:#ff4d4f!important}.ant-tag-warning{background:#faad14!important;border-color:#faad14!important;box-shadow:0 2px 4px #0000001a;color:#fff!important}.ant-descriptions-item-label{font-weight:500!important}.ant-descriptions-item-content,.ant-descriptions-item-label{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light-color)!important;padding:4px 8px}.ant-space{gap:8px!important}.ant-row{width:100%!important}.ant-col,.ant-row{border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:0!important}.ant-col{padding:10px}.billing-dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:1.5rem}.dashboard-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.dashboard-title{color:var(--text-light-color);font-size:2rem;font-weight:600;margin:0}.filters-section{grid-gap:1.5rem;background:var(--card-background-color);border-radius:12px;box-shadow:var(--box-shadow-light);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;padding:1.5rem}.filter-group{flex-direction:column}.filter-group label{color:var(--text-light-color);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--input-background-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--border-color);border-radius:8px;color:var(--text-light-color);font-size:1rem;height:42px;padding:.75rem 1rem;transition:all .3s ease}.filter-select[multiple]{background-color:var(--input-background-color);background-image:none;height:auto;min-height:42px;padding:.5rem 1rem}.filter-select:focus,.filter-select:hover,.filter-select[multiple]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #476b6b33}.filter-select:focus{outline:none}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}.summary-card h3{color:var(--text-light-color);font-size:1rem;font-weight:500;margin:0 0 .5rem}.amount{color:var(--accent-color);font-size:1.8rem;font-weight:700;margin:0}.total-billed .amount{color:var(--secondary-color)}.total-paid .amount{color:var(--primary-color)}.pending-bills .amount{color:var(--modal-secondary-color)}.overdue-bills .amount{color:var(--accent-color)}.export-section{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow-light);padding:1.5rem;text-align:center}.export-section h3{color:var(--text-light-color);font-size:1.3rem;font-weight:500;margin:0 0 1.5rem}.export-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.export-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:.8rem 1.5rem;transition:all .3s ease}.csv-btn{background:var(--secondary-color);color:var(--text-light-color)}.csv-btn:hover{background:var(--primary-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.pdf-btn{background:var(--accent-color);color:var(--text-light-color)}.pdf-btn:hover{background:var(--primary-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:768px){.billing-dashboard{padding:1rem}.dashboard-title{font-size:1.5rem}.filters-section{gap:1rem;grid-template-columns:1fr;padding:1rem}.summary-cards{gap:1rem;grid-template-columns:1fr 1fr}.export-buttons{align-items:center;flex-direction:column}.export-btn{max-width:250px;width:100%}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.dashboard-header{margin-bottom:1rem}.export-section{padding:1rem}.amount{font-size:1.5rem}}.summary-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.summary-card:first-child{animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.generate-bill-form{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:1.5rem}.billing-form{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow-light);padding:2rem}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{color:var(--text-light-color);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;margin-bottom:.5rem}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.radio-label{align-items:center;color:var(--text-light-color);cursor:pointer;display:flex;font-weight:400;gap:.5rem;position:relative}.radio-input{height:0;opacity:0;position:absolute;width:0}.radio-custom{border:2px solid var(--border-color);border-radius:50%;display:inline-block;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.radio-input:checked+.radio-custom{background:var(--primary-color);border-color:var(--primary-color)}.radio-input:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox-label{align-items:center;color:var(--text-light-color);cursor:pointer;display:flex;font-weight:400;gap:.5rem;margin-bottom:1rem;position:relative}.checkbox-input{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{border:2px solid var(--border-color);border-radius:4px;display:inline-block;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.checkbox-input:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.department-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:.5rem}.department-checkbox{align-items:center;color:var(--text-light-color);font-weight:400;margin-bottom:0}.department-checkbox .checkbox-custom{height:18px;margin-right:.5rem;width:18px}.filter-select,.form-input,.form-textarea{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-light-color);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.filter-select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #476b6b33;outline:none}.item-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;margin-bottom:1rem}.remove-item-btn{background:var(--accent-color);border:none;border-radius:6px;color:var(--text-light-color);cursor:pointer;font-weight:500;height:42px;padding:.5rem 1rem;transition:all .2s ease}.remove-item-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.add-item-btn{align-items:center;background:var(--secondary-color);border:none;border-radius:8px;color:var(--text-light-color);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-item-btn:hover{background:var(--primary-color);transform:translateY(-1px)}.form-actions{border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.submit-btn{background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-light-color);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.submit-btn:hover{background:var(--primary-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:768px){.generate-bill-form{padding:1rem}.billing-form{padding:1.5rem}.item-row{gap:.5rem;grid-template-columns:1fr}.remove-item-btn{margin-top:.5rem;width:100%}.radio-group{flex-direction:column;gap:.5rem}}@media (max-width:480px){.billing-form{padding:1rem}.form-section-title{font-size:1.1rem}}.feedback-form-container{align-items:center;background:var(--background-color);color:var(--text-light-color);display:flex;justify-content:center;min-height:100vh;padding:84px 20px 20px}.feedback-form-card{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #0000004d;max-width:600px;padding:30px;width:100%}.feedback-form-title{color:var(--text-light-color);font-size:2rem;font-weight:600;margin-bottom:10px;text-align:center}.form-description{color:var(--subtext-light);font-size:1rem;margin-bottom:30px;text-align:center}.feedback-form{gap:20px}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-light-color);font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-light-color);font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #476b6b4d;outline:none}.form-textarea{min-height:120px;resize:vertical}.char-count{align-self:flex-end;color:var(--subtext-light);font-size:.8rem;margin-top:5px}.image-upload-container{display:flex;flex-direction:column;gap:15px}.upload-area{background:#476b6b1a;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#476b6b33;border-color:var(--primary-color)}.upload-icon{font-size:2rem;margin-bottom:10px}.upload-text{font-weight:500;margin:5px 0}.upload-hint{color:var(--subtext-light);font-size:.8rem;margin:5px 0}.file-input{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-light-color);padding:10px}.image-preview{position:relative;text-align:center}.preview-image{border:1px solid var(--border-color);border-radius:6px;max-height:300px;max-width:100%}.remove-image-btn{background:#e74c3ccc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px;position:absolute;right:10px;top:10px;transition:background .3s ease}.remove-image-btn:hover{background:#e74c3c}.form-actions{display:flex;gap:15px;margin-top:10px}.reset-button,.submit-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.reset-button{background:var(--border-color);color:var(--text-light-color)}.reset-button:hover:not(:disabled){background:var(--dark-card);transform:translateY(-2px)}.submit-button{background:var(--accent-color);color:var(--text-light-color)}.submit-button:hover:not(:disabled){background:var(--accent-color-hover);transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.message.success{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71}.message.error{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.message.info{background:#3498db33;border:1px solid #3498db;color:#3498db}.upload-status{color:var(--subtext-light);font-style:italic;margin:10px 0;text-align:center}@media (max-width:768px){.feedback-form-card{margin:10px;padding:20px}.feedback-form-title{font-size:1.5rem;margin-bottom:20px}.form-actions{flex-direction:column}}.superuser-control-base{background:var(--background-color);color:var(--text-light-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:84px 20px 20px}.control-header{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.header-main{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.page-title{color:var(--text-light-color);font-size:2rem;font-weight:600;margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:15px}.stat-item{align-items:center;background:#476b6b33;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;padding:10px 15px}.stat-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.stat-label{color:var(--subtext-light);font-size:.8rem}.controls{gap:15px}.controls,.filter-group{align-items:center;display:flex;flex-wrap:wrap}.filter-group{gap:10px}.filter-select,.search-input{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-light-color);font-size:1rem;padding:10px 15px}.search-input{min-width:200px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left:4px solid var(--primary-color);border-radius:50%;height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.error-message{background:#e74c3c33;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;margin-bottom:20px;max-width:500px;padding:20px;text-align:center}.retry-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.retry-button:hover{background:var(--secondary-color);transform:translateY(-2px)}.feedback-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.feedback-item{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px #0003;padding:20px;transition:all .3s ease}.feedback-item:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.feedback-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.feedback-title h3{color:var(--text-light-color);font-size:1.3rem;margin:0 0 5px}.user-info{color:var(--subtext-light);font-size:.9rem}.feedback-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.priority-badge,.status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px;text-transform:uppercase}.date{color:var(--subtext-light);font-size:.9rem}.feedback-content{margin-bottom:20px}.description{color:var(--text-light-color);line-height:1.6;margin:0 0 15px}.image-container{margin:15px 0;text-align:center}.feedback-image{border:1px solid var(--border-color);border-radius:6px;cursor:pointer;max-height:300px;max-width:100%;transition:transform .3s ease}.feedback-image:hover{transform:scale(1.02)}.feedback-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:20px;padding-top:15px}.action-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.action-group label{color:var(--subtext-light);font-size:.9rem;font-weight:500}.action-select{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-light-color);font-size:1rem;padding:8px 12px}.details-button{background:var(--secondary-color);border:none;border-radius:6px;color:var(--text-light-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 15px;transition:all .3s ease}.details-button:hover{background:var(--primary-color);transform:translateY(-2px)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:30px 0}.page-button{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-light-color);cursor:pointer;padding:10px 15px;transition:all .3s ease}.page-button.active,.page-button:hover:not(.active){background:var(--primary-color);border-color:var(--primary-color)}.page-button.active{font-weight:600}.no-feedback{color:var(--subtext-light);padding:50px 20px;text-align:center}.no-feedback-content{align-items:center;display:flex;flex-direction:column;gap:15px}.no-feedback-icon{font-size:3rem}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 30px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:var(--text-light-color);font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--subtext-light);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff1a;color:var(--text-light-color)}.modal-body{padding:20px}.feedback-details-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.user-info-section{display:flex;flex-direction:column;gap:5px}.user-name{color:var(--text-light-color);font-size:1.1rem;font-weight:600}.user-role{color:var(--subtext-light);font-size:.9rem}.feedback-meta-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.feedback-details-content{margin-bottom:20px}.modal-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:20px;padding-top:20px}@media (max-width:768px){.control-header{margin-bottom:20px;padding-bottom:15px}.page-title{font-size:1.5rem;margin-bottom:15px}.header-main{align-items:stretch;flex-direction:column}.header-stats{justify-content:center}.controls,.filter-group{align-items:stretch;flex-direction:column}.filter-select,.search-input{width:100%}.feedback-header{align-items:flex-start;flex-direction:column}.feedback-actions{flex-direction:column;gap:15px}.action-group{width:100%}.modal-header{align-items:flex-start;flex-direction:column;gap:10px}.modal-actions{flex-direction:column;gap:15px}}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}*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;max-width:1200px;padding:1rem;width:90%}.navbar{background-color:#333;color:#fff;padding:1rem}.nav-links{display:flex;flex-wrap:wrap;gap:1rem}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{text-decoration:underline}.footer{background-color:#fafafa;border-top:1px solid #ddd;margin-top:2rem;padding:1rem;text-align:center}.grid{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.grid-3{grid-template-columns:1fr 1fr 1fr}}
/*# sourceMappingURL=main.27aa4575.css.map*/