.access-denied-container{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.access-denied-card{text-align:center;background:#fff;border-radius:14px;width:520px;padding:45px;box-shadow:0 15px 35px #00000014}.access-icon{margin-bottom:20px;font-size:70px}.access-denied-card h1{color:#dc3545;margin-bottom:15px;font-size:34px}.access-denied-card p{color:#666;font-size:16px;line-height:28px}.access-message{margin-top:10px;margin-bottom:30px}.back-dashboard-btn{color:#fff;background:#2563eb;border-radius:8px;padding:12px 26px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-dashboard-btn:hover{background:#1d4ed8}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fb;font-family:Segoe UI,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;flex-direction:column;width:270px;display:flex;box-shadow:4px 0 15px #00000014}.logo-section{text-align:center;cursor:pointer;border-bottom:1px solid #ffffff14;padding:28px 20px;transition:all .3s}.logo-section:hover{background:#ffffff08}.sidebar-logo{object-fit:contain;width:80px;height:80px;margin-bottom:12px}.logo-section h2{color:#fff;margin-bottom:6px;font-size:22px;font-weight:700}.logo-section p{color:#94a3b8;font-size:13px}.menu{flex:1;padding:15px 0;list-style:none;overflow-y:auto}.menu-heading{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;cursor:default;padding:18px 22px 8px;font-size:11px;font-weight:700}.menu li{color:#e2e8f0;cursor:pointer;border-left:4px solid #0000;align-items:center;gap:14px;padding:13px 22px;transition:all .25s;display:flex}.menu li:hover{background:#1e293b}.menu li.active{color:#fff;background:#2563eb;border-left:4px solid #60a5fa}.icon{text-align:center;width:22px;font-size:18px}.content{background:#f8fafc;flex-direction:column;flex:1;display:flex}.topbar{background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex;box-shadow:0 3px 12px #0000000f}.topbar-left{flex-direction:column;display:flex}.topbar-left h2{color:#1e293b;margin:0;font-size:28px;font-weight:700}.topbar-subtitle{color:#64748b;margin-top:2px;font-size:13px}.topbar-right{align-items:center;gap:20px;display:flex}.notification{cursor:pointer;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .3s;display:flex}.notification:hover{color:#fff;background:#2563eb}.user-info{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:flex}.user-name{color:#1e293b;font-size:15px;font-weight:600}.user-role{color:#64748b;font-size:13px}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .3s}.logout-btn:hover{background:#dc2626}.page-content{flex:1;padding:30px;overflow-y:auto}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-thumb{background:#334155;border-radius:20px}@media (width<=992px){.sidebar{width:230px}.logo-section h2{font-size:20px}.topbar{padding:0 20px}}@media (width<=768px){.layout{flex-direction:column}.sidebar{width:100%}.topbar{flex-direction:column;gap:12px;height:auto;padding:15px}.topbar-right{justify-content:space-between;width:100%}.page-content{padding:20px}}.school-selector-container{flex-direction:column;justify-content:center;gap:3px;min-width:260px;margin-right:15px;display:flex}.school-selector-label{color:#64748b;font-size:11px;font-weight:600;line-height:1}.school-selector-dropdown{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:260px;height:38px;padding:0 35px 0 12px;font-size:13px;font-weight:500}.school-selector-dropdown:hover{border-color:#2563eb}.school-selector-dropdown:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}@media (width<=1100px){.school-selector-container,.school-selector-dropdown{min-width:210px}}@media (width<=768px){.school-selector-container{min-width:180px;margin-right:8px}.school-selector-dropdown{min-width:180px;max-width:180px}}.session-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.session-modal{text-align:center;background:#fff;border-radius:12px;width:400px;padding:30px;box-shadow:0 10px 30px #0003}.session-modal h3{color:#1e293b;margin-bottom:15px}.session-modal p{color:#64748b}.session-actions{justify-content:center;gap:15px;margin-top:25px;display:flex}.stay-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 20px}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:10px 20px}:root{--swal2-outline:0 0 0 3px #6496c880;--swal2-container-padding:.625em;--swal2-backdrop:#0006;--swal2-backdrop-transition:background-color .15s;--swal2-width:32em;--swal2-padding:0 0 1.25em;--swal2-border:none;--swal2-border-radius:.3125rem;--swal2-background:white;--swal2-color:#545454;--swal2-show-animation:swal2-show .3s;--swal2-hide-animation:swal2-hide .15s forwards;--swal2-icon-zoom:1;--swal2-title-padding:.8em 1em 0;--swal2-html-container-padding:1em 1.6em .3em;--swal2-input-border:1px solid #d9d9d9;--swal2-input-border-radius:.1875em;--swal2-input-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px transparent;--swal2-input-background:transparent;--swal2-input-transition:border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px transparent;--swal2-input-focus-border:1px solid #b4dbed;--swal2-input-focus-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px #6496c880;--swal2-progress-step-background:#add8e6;--swal2-validation-message-background:#f0f0f0;--swal2-validation-message-color:#666;--swal2-footer-border-color:#eee;--swal2-footer-background:transparent;--swal2-footer-color:inherit;--swal2-timer-progress-bar-background:#0000004d;--swal2-close-button-position:initial;--swal2-close-button-inset:auto;--swal2-close-button-font-size:2.5em;--swal2-close-button-color:#ccc;--swal2-close-button-transition:color .2s, box-shadow .2s;--swal2-close-button-outline:initial;--swal2-close-button-box-shadow:inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow:inset var(--swal2-outline);--swal2-close-button-hover-transform:none;--swal2-actions-justify-content:center;--swal2-actions-width:auto;--swal2-actions-margin:1.25em auto 0;--swal2-actions-padding:0;--swal2-actions-border-radius:0;--swal2-actions-background:transparent;--swal2-action-button-transition:background-color .2s, box-shadow .2s;--swal2-action-button-hover:black 10%;--swal2-action-button-active:black 10%;--swal2-confirm-button-box-shadow:none;--swal2-confirm-button-border-radius:.25em;--swal2-confirm-button-background-color:#7066e0;--swal2-confirm-button-color:#fff;--swal2-deny-button-box-shadow:none;--swal2-deny-button-border-radius:.25em;--swal2-deny-button-background-color:#dc3741;--swal2-deny-button-color:#fff;--swal2-cancel-button-box-shadow:none;--swal2-cancel-button-border-radius:.25em;--swal2-cancel-button-background-color:#6e7881;--swal2-cancel-button-color:#fff;--swal2-toast-show-animation:swal2-toast-show .5s;--swal2-toast-hide-animation:swal2-toast-hide .1s forwards;--swal2-toast-border:none;--swal2-toast-box-shadow:0 0 1px #00000013, 0 1px 2px #00000013, 1px 2px 4px #00000013, 1px 3px 8px #00000013, 2px 4px 16px #00000013}[data-swal2-theme=dark]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}@media (prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{pointer-events:none;background-color:#0000!important}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;pointer-events:none;background-color:#0000;width:360px;max-width:100%}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){z-index:1060;box-sizing:border-box;height:100%;padding:var(--swal2-container-padding);transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch;grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);grid-template-areas:"top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end";display:grid;position:fixed;inset:0;overflow-x:hidden}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:0 0!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-area:2/2;place-self:center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-area:2/3;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-area:3/1;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-area:3/2;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-area:3/3;place-self:end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{border:0;width:auto}div:where(.swal2-container) div:where(.swal2-popup){box-sizing:border-box;width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);grid-template-columns:minmax(0,100%);font-family:inherit;font-size:1rem;display:none;position:relative}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable,div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging,div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){max-width:100%;padding:var(--swal2-title-padding);color:inherit;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial;margin:0;font-size:1.875em;font-weight:600;position:relative}div:where(.swal2-container) div:where(.swal2-actions){z-index:1;box-sizing:border-box;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background);flex-wrap:wrap;display:flex}div:where(.swal2-container) div:where(.swal2-loader){border:.25em solid #2778c4;border-color:#2778c4 #0000;border-radius:100%;justify-content:center;align-items:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:1.5s linear infinite swal2-rotate-loading;display:none}div:where(.swal2-container) button:where(.swal2-styled){transition:var(--swal2-action-button-transition);border:none;margin:.3125em;padding:.625em 1.1em;font-weight:500;box-shadow:0 0 0 3px #0000}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{box-shadow:var(--swal2-action-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);text-align:center;cursor:initial;margin:1em 0 0;padding:1em 1em 0;font-size:1em}div:where(.swal2-container) .swal2-timer-progress-bar-container{border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius);position:absolute;bottom:0;left:0;right:0;overflow:hidden;grid-column:auto!important}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){background:var(--swal2-timer-progress-bar-background);width:100%;height:.25em}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;cursor:initial;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;width:1.2em;height:1.2em;transition:var(--swal2-close-button-transition);border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;background:0 0;border:none;justify-content:center;justify-self:end;align-items:center;margin-top:0;margin-bottom:-1.2em;margin-right:0;padding:0;overflow:hidden}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);color:#f27474;background:0 0}div:where(.swal2-container) button:where(.swal2-close):focus-visible{box-shadow:var(--swal2-close-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;padding:var(--swal2-html-container-padding);color:inherit;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial;justify-content:center;margin:0;font-size:1.125em;font-weight:400;line-height:normal;overflow:auto}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);box-shadow:var(--swal2-input-focus-box-shadow);outline:none}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{background:var(--swal2-background);margin:1em 2em 3px}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;text-align:center;font-weight:600}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{background:var(--swal2-input-background);width:75%;margin-left:auto;margin-right:auto;font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{background:var(--swal2-input-background);min-width:50%;max-width:100%;color:inherit;padding:.375em .625em;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{background:var(--swal2-background);color:inherit;justify-content:center;align-items:center}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){justify-content:center;margin:1em auto 0;display:flex}div:where(.swal2-container) div:where(.swal2-validation-message){background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);justify-content:center;align-items:center;margin:1em 0 0;padding:.625em;font-size:1em;font-weight:300;overflow:hidden}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";color:#fff;text-align:center;background-color:#f27474;border-radius:50%;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;font-weight:600;line-height:1.5em;display:inline-block}div:where(.swal2-container) .swal2-progress-steps{background:0 0;flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;color:#fff;text-align:center;background:#2778c4;border-radius:2em;flex-shrink:0;width:2em;height:2em;line-height:2em}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;background:#2778c4;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px}div:where(.swal2-icon){box-sizing:content-box;zoom:var(--swal2-icon-zoom);cursor:default;-webkit-user-select:none;user-select:none;border:.25em solid #000;border-radius:50%;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;font-family:inherit;line-height:5em;position:relative}div:where(.swal2-icon) .swal2-icon-content{align-items:center;font-size:3.75em;display:flex}div:where(.swal2-icon).swal2-error{color:#f27474;border-color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{flex-grow:1;position:relative}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{background-color:#f27474;border-radius:.125em;width:2.9375em;height:.3125em;display:block;position:absolute;top:2.3125em}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:.5s swal2-animate-error-x-mark}div:where(.swal2-icon).swal2-warning{color:#f8bb86;border-color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:.5s swal2-animate-i-mark}div:where(.swal2-icon).swal2-info{color:#3fc3ee;border-color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:.8s swal2-animate-i-mark}div:where(.swal2-icon).swal2-question{color:#87adbd;border-color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:.8s swal2-animate-question-mark}div:where(.swal2-icon).swal2-success{color:#a5dc86;border-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{border-radius:50%;width:3.75em;height:7.5em;position:absolute}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em;top:-.4375em;left:-2.0635em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0;top:-.6875em;left:1.875em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success .swal2-success-ring{z-index:2;box-sizing:content-box;border:.25em solid #a5dc864d;border-radius:50%;width:100%;height:100%;position:absolute;top:-.25em;left:-.25em}div:where(.swal2-icon).swal2-success .swal2-success-fix{z-index:1;width:.4375em;height:5.625em;position:absolute;top:.5em;left:1.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{z-index:2;background-color:#a5dc86;border-radius:.125em;height:.3125em;display:block;position:absolute}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{width:1.5625em;top:2.875em;left:.8125em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{width:2.9375em;top:2.375em;right:.5em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:.75s swal2-animate-success-line-tip}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:.75s swal2-animate-success-line-long}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:4.25s ease-in swal2-rotate-success-circular-line}[class^=swal2]{-webkit-tap-highlight-color:#0000}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{width:50px;height:50px;position:absolute;top:-9999px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{left:auto;right:0}.swal2-toast{box-sizing:border-box;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;grid-area:1/1/4/4!important}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){text-align:initial;margin:.5em 1em;padding:0;font-size:1em}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-area:1/3/99/3;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){overflow:initial;text-align:initial;margin:.5em 1em;padding:0;font-size:1em}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-area:1/1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-area:1/1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{align-items:center;font-size:1.8em;font-weight:700;display:flex}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{width:1.375em;top:.875em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{border-radius:50%;width:1.6em;height:3em;position:absolute}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{transform-origin:2em 2em;border-radius:4em 0 0 4em;top:-.8em;left:-.5em;transform:rotate(-45deg)}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{transform-origin:0 1.5em;border-radius:0 4em 4em 0;top:-.25em;left:.9375em}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{width:.4375em;height:2.6875em;top:0;left:.4375em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{width:.75em;top:1.125em;left:.1875em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{width:1.375em;top:.9375em;right:.1875em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:.75s swal2-toast-animate-success-line-tip}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:.75s swal2-toast-animate-success-line-long}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes swal2-hide{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.9)}}@keyframes swal2-animate-success-line-tip{0%{width:0;top:1.1875em;left:.0625em}54%{width:0;top:1.0625em;left:.125em}70%{width:3.125em;top:2.1875em;left:-.375em}84%{width:1.0625em;top:3em;left:1.3125em}to{width:1.5625em;top:2.8125em;left:.8125em}}@keyframes swal2-animate-success-line-long{0%{width:0;top:3.375em;right:2.875em}65%{width:0;top:3.375em;right:2.875em}84%{width:3.4375em;top:2.1875em;right:0}to{width:2.9375em;top:2.375em;right:.5em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{opacity:0;margin-top:1.625em;transform:scale(.4)}50%{opacity:0;margin-top:1.625em;transform:scale(.4)}80%{margin-top:-.375em;transform:scale(1.15)}to{opacity:1;margin-top:0;transform:scale(1)}}@keyframes swal2-animate-error-icon{0%{opacity:0;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{opacity:0;transform:rotate(45deg)}25%{opacity:.4;transform:rotate(-25deg)}50%{opacity:.8;transform:rotate(15deg)}75%{opacity:1;transform:rotate(-5deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em)rotate(2deg)}33%{transform:translateY(0)rotate(-2deg)}66%{transform:translateY(.3125em)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes swal2-toast-hide{to{opacity:0;transform:rotate(1deg)}}@keyframes swal2-toast-animate-success-line-tip{0%{width:0;top:.5625em;left:.0625em}54%{width:0;top:.125em;left:.125em}70%{width:1.625em;top:.625em;left:-.25em}84%{width:.5em;top:1.0625em;left:.75em}to{width:.75em;top:1.125em;left:.1875em}}@keyframes swal2-toast-animate-success-line-long{0%{width:0;top:1.625em;right:1.375em}65%{width:0;top:1.25em;right:.9375em}84%{width:1.125em;top:.9375em;right:0}to{width:1.375em;top:.9375em;right:.1875em}}.employee-attendance-report-page{box-sizing:border-box;width:100%;padding-bottom:30px}.report-page-header{justify-content:flex-start;align-items:flex-start;margin-bottom:22px;display:flex}.report-page-title{color:#5f6680!important;margin:0!important;font-weight:600!important}.report-page-subtitle{color:#666!important;margin-top:6px!important}.report-filter-card{box-sizing:border-box;width:100%;margin-bottom:24px;border-radius:10px!important}.report-filter-card .MuiCardContent-root{padding:28px 32px!important}.section-title{color:#17233c!important;margin-bottom:20px!important;font-weight:600!important}.employee-report-filter-grid{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:20px;width:100%;display:grid}.employee-report-filter-item{box-sizing:border-box;width:100%;min-width:0}.report-field-label{color:#555;margin-bottom:7px;font-size:14px;font-weight:500;display:block}.employee-report-filter-item .MuiFormControl-root{display:block;width:100%!important;min-width:0!important}.employee-report-filter-item .MuiInputBase-root{box-sizing:border-box;width:100%!important;min-width:0!important}.employee-report-filter-item .MuiSelect-select{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%!important;min-width:0!important}.employee-report-filter-item .MuiOutlinedInput-root{width:100%!important}.report-date-input{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #c4c4c4;border-radius:4px;outline:none;height:40px;padding:8px 12px;font-family:inherit;font-size:14px;display:block;width:100%!important}.report-date-input:hover{border-color:#777}.report-date-input:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.report-filter-actions{align-items:center;gap:16px;margin-top:26px;display:flex}.report-filter-actions button{min-height:48px;padding:0 24px;font-size:16px;font-weight:500}.report-summary{width:100%;margin-bottom:24px}.summary-card{height:100%;border-radius:10px!important}.summary-card .MuiCardContent-root{padding:20px!important}.summary-card h4{margin-top:8px;font-weight:600}.report-table-card{width:100%;border-radius:10px!important}.report-table-card .MuiCardContent-root{padding:28px 32px!important}.report-table-card .MuiTableContainer-root{width:100%;max-height:600px;overflow:auto}.report-table-card table{border-collapse:collapse;width:100%;min-width:1250px}.report-table-card .MuiTableCell-head{white-space:nowrap;background-color:#f5f6f8;font-weight:600!important}.report-table-card .MuiTableCell-body{white-space:nowrap}.attendance-percentage{font-weight:600!important}.report-loading{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:250px;display:flex}.report-empty{color:#777;justify-content:center;align-items:center;min-height:200px;display:flex}@media (width<=1100px){.report-filter-card .MuiCardContent-root{padding:24px!important}.employee-report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.report-page-header{margin-bottom:18px}.report-page-title{font-size:26px!important}.report-filter-card .MuiCardContent-root{padding:20px!important}.employee-report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-filter-actions{flex-direction:column;align-items:stretch}.report-filter-actions button{width:100%}.report-table-card .MuiCardContent-root{padding:20px!important}}@media (width<=500px){.employee-report-filter-grid{grid-template-columns:1fr}.report-filter-actions{gap:10px}.report-filter-actions button{width:100%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:#f5f7fb}.login-page{min-height:100vh;display:flex}.login-left{background:linear-gradient(135deg,#1e3c72,#2a5298);flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.login-left-content{text-align:center;color:#fff;max-width:550px}.left-logo{width:110px;margin-bottom:25px}.login-left-content h1{margin-bottom:12px;font-size:48px;font-weight:700}.left-subtitle{opacity:.9;margin-bottom:45px;font-size:22px}.login-illustration{width:100%;max-width:500px}.login-right{background:#f8fafc;justify-content:center;align-items:center;width:500px;padding:40px;display:flex}.login-card{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:45px;box-shadow:0 18px 40px #0000001f}.login-logo{width:90px;margin:0 auto 20px;display:block}.login-card h2{text-align:center;color:#1e3c72;margin-bottom:10px;font-size:38px}.login-subtitle{text-align:center;color:#64748b;margin-bottom:35px}.form-group label{color:#334155;margin-bottom:8px;font-weight:600;display:block}.form-group input{border:1px solid #dbe2ea;border-radius:10px;width:100%;padding:14px 16px;font-size:15px;transition:all .3s}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-size:17px;font-weight:600;transition:all .3s}.login-btn:hover{background:#1d4ed8}.login-btn:disabled{opacity:.7;cursor:not-allowed}.error-box{color:#dc2626;text-align:center;background:#fee2e2;border-radius:10px;margin-bottom:20px;padding:12px}.login-footer{text-align:center;color:#94a3b8;margin-top:30px;font-size:14px}@media (width<=992px){.login-page{flex-direction:column}.login-left{display:none}.login-right{width:100%;padding:30px}.login-card{max-width:450px}}.register-link{text-align:center;color:#64748b;margin-top:20px;font-size:14px}.register-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-size:14px;font-weight:600;transition:all .3s}.register-btn:hover{color:#1d4ed8;text-decoration:underline}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.card{background:#fff;border-radius:18px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000014}.clickable-card{cursor:pointer}.clickable-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #00000026}.card-icon{margin-bottom:15px;font-size:36px}.card h3{color:#475569;margin:0;font-size:18px;font-weight:600}.count{color:#1e293b;margin:18px 0;font-size:42px;font-weight:700}.card-link{color:#2563eb;margin-top:8px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block}.clickable-card:hover .card-link{transform:translate(5px)}.students-card{border-top:5px solid #2563eb}.teachers-card{border-top:5px solid #7c3aed}.classes-card{border-top:5px solid #ea580c}.present-card{border-top:5px solid #16a34a}.absent-card{border-top:5px solid #dc2626}.leave-card{border-top:5px solid #ca8a04}.percentage-card{border-top:5px solid #0891b2}.chart-card{background:#fff;border-radius:18px;margin-top:35px;padding:30px;box-shadow:0 8px 20px #00000014}.chart-card h3{color:#1e293b;margin-bottom:25px;font-size:22px;font-weight:600}@media (width<=768px){.page-container{padding:20px}.dashboard-cards{grid-template-columns:1fr}.page-header h2{font-size:26px}.count{font-size:34px}}.dashboard-section{background:#fff;border-radius:12px;margin-top:30px;padding:24px;box-shadow:0 2px 10px #0000000f}.section-header{margin-bottom:20px}.section-header h3{margin:0;font-size:18px}.subscription-overview{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.subscription-item{border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;display:flex}.subscription-item span{color:#64748b;font-size:14px}.subscription-item strong{font-size:24px}.dashboard-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:25px;padding:20px}.dashboard-info h3{margin-top:0}.dashboard-info p{color:#64748b;margin-bottom:0}.page-header h1{color:#1e293b}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 20px}.table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 3px 12px #00000014}.student-table{border-collapse:collapse;width:100%}.student-table thead th{color:#fff;text-align:left;background:#1e293b;padding:16px;font-weight:600}.student-table th{color:#334155;text-align:left;padding:14px}.student-table tr:hover{background:#f8fafc}.edit-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;margin-left:8px;padding:8px 14px}.edit-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;min-width:70px;padding:8px 16px}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;min-width:70px;padding:8px 16px}.view-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;min-width:70px;padding:8px 16px}.student-list{background:#f5f7fb;min-height:calc(100vh - 64px);padding:25px}.student-list-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.student-list-header h2{color:#1f2937;margin:0}.student-filter-box{background:#fff;border-radius:18px;align-items:center;gap:15px;margin-bottom:25px;padding:20px;display:flex;box-shadow:0 6px 18px #0000000f}.search-input{border:1px solid #ddd;border-radius:12px;outline:none;width:320px;padding:12px 18px;font-size:15px}.filter-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;padding:12px 18px}.student-table{background:#fff;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 6px 18px #0000000f}.student-table table{border-collapse:collapse;width:100%}.student-table th{text-align:left;color:#6b7280;background:#f8fafc;padding:15px;font-size:14px}.student-table td{border-top:1px solid #eee;padding:15px}.status-badge{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.pagination button{cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:600;box-shadow:0 4px 10px #00000014}.pagination button:hover{color:#fff;background:#2a5298}.page-number{color:#fff;background:#2a5298;border-radius:10px;padding:10px 15px}@media (width<=768px){.student-filter-box{flex-direction:column;align-items:stretch}.search-input{width:100%}.student-table{overflow-x:auto}}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-top h1{color:#1e293b;margin:0;font-size:48px;font-weight:700}.search-input{border:1px solid #d1d5db;border-radius:12px;flex:1;height:48px;padding:0 16px;font-size:15px}.search-btn{color:#fff;cursor:pointer;background:#2a5298;border:none;border-radius:12px;min-width:120px;font-weight:600}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:10px;min-width:180px;height:45px;padding:0 12px}.page-header{width:100%;margin-bottom:25px}.header-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.title-section h1{color:#1e293b;margin:0;font-size:32px;font-weight:700}.title-section span{color:#64748b;margin-top:5px;font-size:14px;display:block}.header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.title-section h1{margin:0;font-size:28px}.title-section p{color:#777;margin:5px 0 0}.header-action{justify-content:flex-end;display:flex}.student-form-container{box-sizing:border-box;width:100%}.parent-section{box-sizing:border-box;background:#fff;border:1px solid #e1e5ea;border-radius:9px;width:100%;margin-top:30px;padding:24px}.parent-section-header{text-align:center;margin-bottom:26px}.parent-section-header h3{color:#111827;margin:0;font-size:24px;font-weight:600;line-height:1.4}.parent-section-header p{color:#6b7280;margin:8px 0 0;font-size:16px;line-height:1.5}.parent-search-container{box-sizing:border-box;width:100%;position:relative}.parent-search-container input{box-sizing:border-box;color:#1f2937;background-color:#fff;border:1px solid #cfd5dc;border-radius:7px;outline:none;width:100%;height:52px;padding:0 15px;font-size:16px;transition:border-color .2s,box-shadow .2s;display:block}.parent-search-container input:hover{border-color:#aeb6c1}.parent-search-container input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.parent-search-container input::placeholder{color:#9ca3af}.parent-search-results{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001f}.parent-search-item{cursor:pointer;background:#fff;border-bottom:1px solid #edf0f2;padding:13px 15px;transition:background-color .15s}.parent-search-item:last-child{border-bottom:none}.parent-search-item:hover{background:#f5f8fc}.parent-result-name{color:#1f2937;margin-bottom:5px;font-size:15px;font-weight:600;line-height:1.4}.parent-result-details{color:#6b7280;flex-wrap:wrap;gap:18px;font-size:13px;line-height:1.4;display:flex}.parent-search-item.searching,.parent-search-item.no-results{color:#6b7280;text-align:center;cursor:default}.parent-search-item.no-results:hover,.parent-search-item.searching:hover{background:#fff}.add-parent-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:7px;margin:18px auto 0;padding:10px 18px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:block}.add-parent-btn:hover{background:#eff6ff}.add-parent-btn:active{transform:translateY(1px)}.selected-parent-card{box-sizing:border-box;background:#fff;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex}.selected-parent-info{flex:1;min-width:0}.selected-parent-name{color:#166534;margin-bottom:5px;font-size:17px;font-weight:600;line-height:1.4}.selected-parent-details{color:#6b7280;flex-wrap:wrap;gap:20px;font-size:14px;line-height:1.5;display:flex}.change-parent-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;padding:9px 16px;font-size:14px;transition:background-color .2s,border-color .2s}.change-parent-btn:hover{background:#f3f4f6;border-color:#9ca3af}.parent-modal-overlay{z-index:99999!important;box-sizing:border-box!important;background:#0f172a8c!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.parent-modal{box-sizing:border-box!important;background:#fff!important;border-radius:10px!important;width:min(900px,100%)!important;max-width:900px!important;max-height:calc(100vh - 40px)!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 50px #00000040!important}.parent-modal-header{box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:18px 24px!important;display:flex!important}.parent-modal-header h3{color:#111827!important;margin:0!important;font-size:22px!important;font-weight:600!important;line-height:1.4!important}.parent-modal-close{color:#374151!important;cursor:pointer!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;font-size:18px!important;display:flex!important}.parent-modal-close:hover{background:#f3f4f6!important}.parent-modal-body{box-sizing:border-box!important;background:#fff!important;width:100%!important;max-height:calc(100vh - 170px)!important;padding:24px!important;overflow-y:auto!important}.parent-modal-grid{box-sizing:border-box!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.parent-modal-grid .form-group{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.parent-modal-grid .form-group label{color:#1f2937!important;text-align:left!important;width:100%!important;margin:0 0 7px!important;padding:0!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;display:block!important}.parent-modal-grid .form-group input,.parent-modal-grid .form-group select,.parent-modal-grid .form-group textarea{box-sizing:border-box!important;color:#1f2937!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;outline:none!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:14px!important;display:block!important}.parent-modal-grid .form-group input,.parent-modal-grid .form-group select{height:42px!important;padding:0 12px!important}.parent-modal-grid .form-group textarea{resize:vertical!important;min-height:90px!important;padding:10px 12px!important}.parent-modal-grid .form-group input:focus,.parent-modal-grid .form-group select:focus,.parent-modal-grid .form-group textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.parent-modal-grid .parent-modal-full-width{grid-column:1/-1!important;width:100%!important}.parent-modal-footer{box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e5e7eb!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:100%!important;padding:16px 24px!important;display:flex!important}.parent-modal-footer .cancel-parent-btn,.parent-modal-footer .save-parent-btn{cursor:pointer!important;border-radius:6px!important;min-width:110px!important;height:42px!important;padding:0 18px!important;font-size:14px!important;font-weight:500!important}.parent-modal-footer .cancel-parent-btn{color:#374151!important;background:#fff!important;border:1px solid #d1d5db!important}.parent-modal-footer .cancel-parent-btn:hover{background:#f3f4f6!important}.parent-modal-footer .save-parent-btn{color:#fff!important;background:#16a34a!important;border:1px solid #16a34a!important}.parent-modal-footer .save-parent-btn:hover{background:#15803d!important}@media (width<=800px){.parent-modal{width:100%!important;max-width:700px!important}.parent-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=600px){.parent-modal-overlay{padding:10px!important}.parent-modal{border-radius:8px!important;width:100%!important;max-height:calc(100vh - 20px)!important}.parent-modal-header{padding:15px!important}.parent-modal-header h3{font-size:19px!important}.parent-modal-body{max-height:calc(100vh - 150px)!important;padding:16px!important}.parent-modal-grid{grid-template-columns:1fr!important;gap:16px!important}.parent-modal-grid .parent-modal-full-width{grid-column:auto!important}.parent-modal-footer{flex-direction:column!important;padding:15px!important}.parent-modal-footer button{width:100%!important}}.student-profile{background:#f5f7fb;min-height:100vh;padding:25px}.student-profile-toolbar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.student-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:15px;font-weight:600;transition:all .3s}.student-btn-back,.student-btn-edit{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.student-btn-back{color:#fff;background:#64748b}.student-btn-back:hover{background:#475569;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.student-btn-edit{color:#fff;background:#2563eb}.student-btn-edit:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 10px #2563eb59}.student-btn-back:active,.student-btn-edit:active{transform:translateY(0)}.student-profile-header{color:#fff;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 10px 25px #0000001f}.student-avatar{color:#2563eb;background:#fff;border:5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:52px;font-weight:700;display:flex}.student-profile-header h2{margin:0;font-size:32px}.student-profile-header p{opacity:.95;margin-top:10px;font-size:17px}.student-tabs{background:#fff;border-radius:15px;gap:12px;margin:25px 0;padding:12px;display:flex;box-shadow:0 5px 15px #0000000d}.student-tab{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 25px;font-size:15px;font-weight:600;transition:all .3s}.student-tab:hover{background:#eef2ff}.student-tab.active{color:#fff;background:#2563eb}.info-section{background:#fff;border-radius:18px;margin-top:25px;padding:25px;box-shadow:0 8px 20px #0000000f}.info-section h3{color:#1f2937;border-left:5px solid #2563eb;margin-top:0;margin-bottom:20px;padding-left:12px;font-size:22px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.info-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.info-item p{color:#111827;margin-top:8px;font-size:18px;font-weight:600}.status-active{color:#16a34a}.status-inactive{color:#dc2626}.attendance-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0;display:grid}.summary-box{text-align:center;background:#fff;border-top:5px solid #0000;border-radius:16px;padding:28px;transition:all .3s;box-shadow:0 8px 20px #00000014}.summary-box:hover{transform:translateY(-5px)}.summary-box h4{color:#64748b;margin:0;font-size:16px}.summary-box h2{color:#111827;margin-top:15px;font-size:40px}.present{border-top-color:#16a34a}.absent{border-top-color:#dc2626}.leave{border-top-color:#f59e0b}.percentage{border-top-color:#2563eb}.attendance-history{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #00000014}.attendance-history h3{background:#f8fafc;border-bottom:1px solid #e5e7eb;margin:0;padding:20px}.attendance-history table{border-collapse:collapse;width:100%}.attendance-history th{color:#fff;text-align:left;background:#2563eb;padding:14px}.attendance-history td{border-bottom:1px solid #edf2f7;padding:14px}.attendance-history tbody tr:hover{background:#f8fafc}.status-badge.present{color:#166534;background:#dcfce7}.status-badge.absent{color:#991b1b;background:#fee2e2}.status-badge.leave{color:#92400e;background:#fef3c7}.tab-content{background:#fff;border-radius:18px;padding:30px;box-shadow:0 8px 20px #0000000f}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}.student-profile-header{text-align:center;flex-direction:column}}@media (width<=600px){.grid{grid-template-columns:1fr}.student-tabs{flex-wrap:wrap}.student-avatar{width:90px;height:90px;font-size:36px}.student-profile-header h2{font-size:24px}}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:25px 0;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:18px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 10px #00000014}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #00000026}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.attendance-card .stat-icon{background:#dcfce7}.fees-card .stat-icon{background:#fee2e2}.exam-card .stat-icon{background:#dbeafe}.rank-card .stat-icon{background:#fef3c7}.stat-content h4{color:#64748b;margin:0;font-size:15px}.stat-content h2{color:#0f172a;margin:8px 0;font-size:30px}.stat-content p{color:#94a3b8;margin:0;font-size:13px}.pending-card{background:#fff;border-radius:12px;margin-top:25px;padding:20px;box-shadow:0 4px 12px #00000014}.pending-card h3{color:#1e293b;border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:10px;font-size:20px}.fee-summary{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.fee-summary div{text-align:center;background:#f8fafc;border-radius:10px;padding:15px}.fee-summary label{color:#64748b;margin-bottom:8px;font-size:14px;display:block}.fee-summary strong{color:#0f172a;font-size:22px}.fee-summary .due{color:#dc2626}.pending-card table{border-collapse:collapse;width:100%}.pending-card th{text-align:left;color:#334155;background:#f1f5f9;padding:12px}.pending-card td{border-bottom:1px solid #e2e8f0;padding:12px}.pending-card tr:hover{background:#f8fafc}.pending-card .due{color:#dc2626;font-weight:600}@media (width<=768px){.fee-summary{grid-template-columns:1fr}.pending-card{padding:15px}.pending-card table{white-space:nowrap;display:block;overflow-x:auto}}.page-header{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.title-section h1{margin:0;font-size:28px;font-weight:600}.title-section span{color:#6b7280;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:15px}.filter-panel{margin-top:20px}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1;height:40px;padding:0 12px}.filter-row{gap:15px;margin-top:15px;display:flex}.filter-select{border:1px solid #d1d5db;border-radius:8px;height:40px;padding:0 12px}.table-container{background:#fff;border-radius:12px;padding:20px}.teacher-table{border-collapse:collapse;width:100%}.teacher-table th{text-align:left;padding:12px;font-size:14px}.teacher-table td{border-bottom:1px solid #e5e7eb;padding:12px}.teacher-table tr:hover{background:#f9fafb}.view-btn,.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:6px;padding:7px 12px;font-size:13px}.pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.form-header{justify-content:space-between;margin-bottom:25px;display:flex}.form-header p{color:#6b7280}.teacher-form{background:#fff;border-radius:14px;padding:25px}.class-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px;display:grid}@media (width<=768px){.form-grid,.class-row{grid-template-columns:1fr}}.subject-container{background:#f9fafb;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px;display:grid}.subject-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.subject-item input{width:18px;height:18px}@media (width<=768px){.subject-container{grid-template-columns:1fr}}.teacher-page{background:#fff;border-radius:14px;padding:25px;box-shadow:0 2px 10px #00000014}.form-header h1{margin:0;font-size:28px}.form-header p{color:#6b7280;margin-top:5px}.teacher-form{flex-direction:column;gap:20px;display:flex}.section-title{color:#111827;margin-top:15px;margin-bottom:5px;font-size:18px;font-weight:600}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-control{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:42px;padding:0 12px;font-size:14px}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.assignment-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:15px;padding:15px;display:grid}.assignment-row select{width:100%}.btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 28px;font-weight:600}.btn-cancel{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:11px 28px}.btn-add{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;width:max-content;padding:10px 18px;font-weight:600}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;padding:9px 14px}@media (width<=900px){.form-grid,.assignment-row{grid-template-columns:1fr}.button-row{flex-direction:column}.btn-save,.btn-cancel{width:100%}}.teacher-page{background:#f7f9fc;min-height:100vh;padding:30px}.teacher-form{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014}.form-header h1{margin-bottom:5px;font-size:28px}.section-title{color:#1f2937;border-bottom:2px solid #eee;margin-top:25px;padding-bottom:10px;font-size:20px}.form-control{border:1px solid #d1d5db;border-radius:8px;height:45px;padding:0 14px;font-size:15px}.assignment-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr 1fr auto;gap:15px;margin-top:15px;padding:18px;display:grid}.btn-add{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;margin-top:20px;padding:12px 20px}.button-row{gap:15px;margin-top:30px;display:flex}.btn-save{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:12px 25px}.btn-cancel{color:#fff;background:#6b7280;border:none;border-radius:8px;padding:12px 25px}.teacher-profile-container{max-width:1200px;margin:30px auto}.back-button{color:#2f5bb7;cursor:pointer;background:#fff;border:1px solid #2f5bb7;border-radius:10px;margin-bottom:25px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .25s}.back-button:hover{color:#fff;background:#2f5bb7;transform:translate(-3px)}.teacher-profile-header{background:#fff;border-radius:20px;align-items:center;gap:25px;padding:30px;display:flex;box-shadow:0 8px 25px #00000014}.teacher-avatar{color:#fff;background:#2f5bb7;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:38px;font-weight:700;display:flex}.teacher-profile-header h1{color:#111827;margin:0;font-size:30px}.teacher-profile-header p{color:#6b7280;margin-top:8px;font-size:16px}.teacher-tabs{margin-top:30px}.tab-buttons{background:#fff;border-radius:18px;gap:15px;margin-bottom:25px;padding:10px;display:flex;box-shadow:0 5px 20px #0000000f}.tab-buttons button{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .25s}.tab-buttons button:hover{background:#eef4ff}.active-tab{color:#fff!important;background:#2f5bb7!important}.tab-content{animation:.3s fadeIn}.teacher-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014}.teacher-section-title{color:#111827;align-items:center;gap:12px;margin-bottom:25px;font-size:30px;font-weight:700;display:flex}.teacher-section-title:before{content:"";background:#2f5bb7;border-radius:20px;width:6px;height:35px}.teacher-info-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.teacher-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:22px 20px;transition:all .25s;display:flex}.teacher-info-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.teacher-info-card h5{color:#6b7280;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:600}.teacher-info-card p{color:#1f2937;word-break:break-word;margin:0;font-size:20px;font-weight:500;line-height:1.4}.teacher-assignment-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.teacher-assignment-item{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;transition:all .25s}.teacher-assignment-item:hover{box-shadow:0 10px 25px #00000014}.teacher-assignment-item div{margin-bottom:18px}.teacher-assignment-item div:last-child{margin-bottom:0}.teacher-assignment-item b{color:#2f5bb7;text-transform:uppercase;margin-bottom:6px;font-size:13px;display:block}.teacher-assignment-item p{color:#111827;margin:0;font-size:18px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.teacher-profile-header{text-align:center;flex-direction:column}.teacher-avatar{width:80px;height:80px;font-size:32px}.teacher-profile-header h1{font-size:24px}.teacher-info-grid,.teacher-assignment-list{grid-template-columns:1fr}.tab-buttons{white-space:nowrap;overflow-x:auto}.tab-buttons button{flex-shrink:0}.teacher-section{padding:20px}.teacher-section-title{margin-bottom:24px;font-size:22px;font-weight:700}}.page-container{padding:25px}.report-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 2px 10px #00000014}.report-filter-grid{grid-template-columns:repeat(5,1fr);align-items:end;gap:20px;display:grid}.report-filter-group{flex-direction:column;display:flex}.report-filter-group label{margin-bottom:8px;font-weight:600}.report-filter-group select,.report-filter-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;height:44px;padding:0 12px}.load-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:44px;font-weight:600}.load-btn:hover{background:#1d4ed8}.report-table-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014}.report-table{border-collapse:collapse;width:100%}.report-table thead{color:#fff;background:#2563eb}.report-table th{text-align:center;padding:14px}.report-table td{text-align:center;border-bottom:1px solid #e5e7eb;padding:12px}.report-table tbody tr:hover{background:#f8fafc}.report-table tbody tr:nth-child(2n){background:#fafafa}.loading{text-align:center;padding:25px;font-size:18px}.no-record{text-align:center;color:gray;padding:25px;font-size:18px}@media (width<=992px){.report-filter-grid{grid-template-columns:1fr}}.pagination span{font-weight:600}.attendance-table-card{overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%}.attendance-table thead{color:#fff;background:#2563eb}.attendance-table th,.attendance-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:12px}.attendance-table select,.attendance-table input[type=text]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;height:38px;padding:0 10px;font-size:14px}.attendance-table select:focus,.attendance-table input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.attendance-table th:nth-child(4),.attendance-table td:nth-child(4){text-align:center}.attendance-checkbox{cursor:pointer;accent-color:#2563eb;vertical-align:middle;width:20px;height:20px;margin:0}.status-present{color:#166534;background:#dcfce7;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.status-absent{color:#dc2626;background:#fee2e2;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.status-leave{color:#d97706;background:#fef3c7;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.status-halfday{color:#2563eb;background:#dbeafe;font-weight:600;display:inline-block}.status-holiday{color:#6b7280;font-weight:600}@media (width<=768px){.attendance-table th,.attendance-table td{padding:10px;font-size:14px}.attendance-table select,.attendance-table input[type=text]{min-width:140px}.attendance-checkbox{width:18px;height:18px}}.page-container{background:#f5f7fb;min-height:100vh;padding:25px}.card{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000f}@media (width<=768px){.page-container{padding:15px}.page-header h2{font-size:24px}}.attendance-checkbox{cursor:pointer;accent-color:#2563eb;width:22px;height:22px}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-buttons,.fee-right-buttons{flex-wrap:wrap}.fee-action-buttons{flex-direction:column;align-items:stretch;gap:15px}.class-container{width:100%}.fee-table,.fee-detail-table{display:block;overflow-x:auto}}.page-buttons{gap:12px;display:flex}.form-group,.class-container{margin-bottom:22px}.class-container{width:350px}.form-group label,.class-container label{color:#374151;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.form-group input,.form-group select,.class-container select{border:1px solid #d1d5db;border-radius:8px;width:100%;height:44px;padding:0 14px;font-size:15px;transition:all .25s}.form-group input:focus,.form-group select:focus,.class-container select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.readonly-input{cursor:not-allowed;background:#f8fafc;font-weight:600}.fee-table,.fee-detail-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.fee-table thead,.fee-detail-table thead{background:#1e293b}.fee-table th,.fee-detail-table th{color:#fff;text-align:center;padding:18px;font-size:16px;font-weight:600}.fee-table td,.fee-detail-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:18px}.fee-table tbody tr,.fee-detail-table tbody tr{transition:all .2s}.fee-table tbody tr:hover,.fee-detail-table tbody tr:hover{background:#f8fbff}.fee-detail-table{margin-top:20px}.fee-detail-table input,.fee-detail-table select{border:1px solid #d1d5db;border-radius:8px;width:100%;height:42px;padding:0 12px}.amount-input{text-align:right;font-weight:600}.fee-detail-table tfoot{background:#f8fafc}.fee-detail-table tfoot th{padding:18px;font-size:16px}.view-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.view-item{align-items:center;gap:15px;display:flex}.view-label{color:#64748b;width:130px;font-weight:600}.btn-add,.btn-primary,.btn-secondary,.btn-view,.btn-edit,.btn-delete,.btn-remove{cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:all .25s}.btn-add,.btn-primary{color:#fff;background:#2563eb;padding:10px 20px}.btn-add:hover,.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#fff;background:#16a34a;padding:10px 20px}.btn-view{color:#fff;background:#2563eb;padding:8px 18px}.btn-edit{color:#fff;background:#f59e0b;padding:8px 18px}.btn-delete{color:#fff;background:#dc2626;padding:8px 18px}.btn-remove{color:#fff;background:#ef4444;width:40px;height:40px;font-size:18px}.fee-action-buttons{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.fee-right-buttons{gap:12px;display:flex}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-buttons,.fee-right-buttons{flex-wrap:wrap}.fee-action-buttons{flex-direction:column;align-items:stretch;gap:15px}.class-container{width:100%}.fee-table,.fee-detail-table{display:block;overflow-x:auto}}.optional-checkbox{justify-content:center;align-items:center;gap:8px;display:flex}.optional-checkbox input{cursor:pointer;width:18px;height:18px}.optional-checkbox span{color:#374151;font-size:14px;font-weight:500}.btn-back{color:#1e293b;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .3s}.btn-add{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{color:#1e293b;margin:0;font-size:24px;font-weight:600}.student-info-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-top:18px;display:grid}.student-info-item{flex-direction:column;align-items:flex-start;display:flex}.student-info-item label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.student-info-item span{color:#1e293b;word-break:break-word;font-size:18px;font-weight:600;line-height:1.4;display:block}.form-group input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:350px;padding:11px 14px;font-size:15px;transition:all .3s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 5px #2563eb33}.fee-table{border-collapse:collapse;width:100%}.fee-table thead{background:#1e293b}.fee-table th{color:#fff;text-align:left;padding:16px;font-size:15px;font-weight:600}.fee-table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:16px;font-size:15px}.fee-table tbody tr:nth-child(2n){background:#f8fafc}.fee-table tbody tr:hover{background:#f8fafc;transition:all .2s}.fee-table th:last-child,.fee-table td:last-child{width:220px}.btn-view,.btn-remove,.btn-add{cursor:pointer;border:none;border-radius:6px;min-width:80px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .25s}.btn-remove{color:#fff;background:#dc2626;margin-left:8px}.btn-add{color:#fff;background:#16a34a}.page-footer{justify-content:flex-end;margin-top:25px;display:flex}.badge-yes,.badge-no{border-radius:15px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.badge-yes{color:#166534;background:#dcfce7;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.badge-no{color:#b91c1c;background:#fee2e2;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}@media (width<=992px){.student-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-header,.section-header{flex-direction:column;align-items:flex-start;gap:15px}.student-info-grid{grid-template-columns:1fr}.form-group input{width:100%}.fee-card{padding:20px}.fee-table{min-width:900px}}.modal-overlay{z-index:9999;background:#0f172a73;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.student-fee-modal{background:#fff;border-radius:14px;width:500px;max-width:95%;animation:.25s slideDown;overflow:hidden;box-shadow:0 15px 45px #00000040}.student-fee-modal h2{color:#fff;background:#1e293b;margin:0;padding:20px 25px;font-size:22px;font-weight:600}.modal-body{padding:25px}.modal-body .form-group{margin-bottom:18px}.modal-body label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.modal-body input,.modal-body select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:15px;transition:all .25s}.modal-body input:focus,.modal-body select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.checkbox-group label{cursor:pointer;color:#334155;margin:0;font-size:15px;font-weight:500}.modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:20px 25px;display:flex}.modal-footer button{min-width:100px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.student-fee-modal{width:95%}.modal-body{padding:20px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.fee-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0f172a14}.form-group input{border:1px solid #d1d5db;border-radius:8px;width:350px;height:44px;padding:0 14px;font-size:15px;transition:all .25s}.fee-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;width:100%;overflow:hidden}.fee-table thead{color:#fff;background:#1e293b}.fee-table th{text-align:left;padding:16px;font-size:15px;font-weight:600}.fee-table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:15px}.fee-table tbody tr:hover{background:#f8fafc}.btn-view{color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:8px;margin-right:8px;padding:8px 16px;transition:all .25s}.btn-edit{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;margin-right:8px;padding:8px 16px;transition:all .25s}.btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 16px;transition:all .25s}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.form-group input{width:100%}.fee-card{overflow-x:auto}.fee-table{min-width:850px}}.class-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.class-toolbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}.class-search{flex:1;max-width:520px}.class-search input{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:46px;padding:0 15px;font-size:15px;transition:all .25s}.class-search input::placeholder{color:#64748b}.class-search input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.class-status-filter{background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;min-width:175px;padding:8px 12px;display:flex}.class-status-filter label{color:#475569;white-space:nowrap;font-size:14px;font-weight:600}.class-status-filter select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:85px;height:36px;padding:0 10px;font-size:14px}.class-status-filter select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1f}.form-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:520px;height:46px;padding:0 14px;font-size:15px}.class-table-wrapper{width:100%;overflow-x:auto}.class-table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border-radius:12px;width:100%;overflow:hidden}.class-table th{text-align:left;white-space:nowrap;padding:16px 18px;font-size:15px;font-weight:600}.class-table th:first-child{width:70px}.class-table th:nth-child(2){width:auto}.class-table th:nth-child(3){width:150px}.class-table th:last-child{width:300px}.class-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #e5e7eb;padding:20px 18px;font-size:15px}.class-table tbody tr{background:#fff;transition:background .2s}.status-active{color:#15803d;background:#dcfce7;border-radius:22px;justify-content:center;align-items:center;min-width:88px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.status-inactive{color:#b91c1c;background:#fee2e2;border-radius:22px;justify-content:center;align-items:center;min-width:88px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.class-table td:last-child{white-space:nowrap}.class-actions{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .25s}.btn-view{box-sizing:border-box;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:82px;height:44px;margin-right:6px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-view:hover{color:#fff;background:#1d4ed8}.btn-edit{box-sizing:border-box;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:82px;height:44px;margin-right:6px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-edit:hover{color:#fff;background:#1d4ed8}.btn-delete{box-sizing:border-box;color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:82px;height:44px;padding:0 16px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.class-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:22px;display:flex}.class-entry-info{color:#64748b;white-space:nowrap;font-size:14px}.class-page-size{white-space:nowrap;align-items:center;gap:8px;display:flex}.class-page-size label{color:#475569;font-size:14px;font-weight:500}.form-group textarea{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:15px;transition:all .25s}.view-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:20px;display:grid}.view-item{flex-direction:column;gap:10px;display:flex}.view-item label{text-transform:uppercase;letter-spacing:1px;color:#64748b;font-size:14px;font-weight:700}.view-item span{color:#1e293b;word-break:break-word;font-size:20px;font-weight:600;line-height:1.4}@media (width<=900px){.class-toolbar{flex-direction:column;align-items:stretch}.class-search{max-width:100%}.class-status-filter{width:fit-content}.class-pagination{flex-direction:column;align-items:flex-start}.class-pagination-controls{justify-content:space-between;width:100%}}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header h2{font-size:26px}.class-card{padding:16px;overflow-x:auto}.class-table{table-layout:auto;min-width:850px}.class-toolbar{min-width:100%}.class-pagination{min-width:850px}.class-pagination-controls{flex-wrap:wrap}}@media (width<=550px){.class-pagination-controls{flex-direction:column;align-items:flex-start;gap:12px}.class-page-buttons{flex-wrap:wrap}}.form-group input{color:#1e293b;border:1px solid #d1d5db;border-radius:8px;width:350px;height:44px;padding:0 14px;font-size:15px;transition:all .25s}.form-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 6px #2563eb33}.status-filter{align-items:center;gap:10px;display:flex}.status-filter label{color:#334155;font-size:15px;font-weight:600}.status-filter select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px;padding:0 36px 0 12px;font-size:15px}.status-filter select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 6px #2563eb26}.class-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;width:100%;overflow:hidden}.class-table thead{color:#fff;background:#1e293b}.class-table th{text-align:left;padding:16px;font-size:15px;font-weight:600}.class-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #edf2f7;padding:15px}.class-table tbody tr:hover{background:#f8fafc}.class-table tbody tr:last-child td{border-bottom:none}.btn-view{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-right:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s}.btn-edit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-right:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s}.btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s}.view-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:0;width:100%;display:grid;overflow:hidden}.view-item{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:center;gap:7px;min-height:100px;padding:18px 22px;display:flex}.view-item:nth-child(3n){border-right:none}.view-item:nth-last-child(-n+3){border-bottom:none}.view-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:12px;font-weight:600}.view-value{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;width:fit-content;min-height:32px;padding:5px 10px;font-size:15px;font-weight:600;display:inline-flex}.view-item:nth-child(3) .view-value{color:#15803d;background:#dcfce7;border:none;border-radius:16px;padding:5px 11px;font-size:13px}.fee-action-buttons{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;display:flex}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 13px;font-size:12px;font-weight:600;line-height:1.2;transition:all .2s}.form-group textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:15px;transition:all .25s}.checkbox-group label{color:#374151;margin:0;font-weight:600}.class-pagination{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.class-entry-info{color:#64748b;font-size:14px}.class-entry-info strong{color:#1e293b;font-weight:600}.class-pagination-controls{align-items:center;gap:20px;display:flex}.class-page-size{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.class-page-size select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:60px;height:36px;padding:0 9px;font-size:13px}.class-page-size select:focus{border-color:#2563eb;outline:none}.class-page-buttons{align-items:center;gap:6px;display:flex}.class-page-buttons button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;min-width:38px;height:34px;padding:0 11px;font-size:13px;font-weight:600;transition:all .2s}.class-page-buttons button:hover:not(:disabled){background:#1d4ed8}.class-page-buttons button.active{background:#4f46e5}.class-page-buttons button:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}@media (width<=900px){.view-info{grid-template-columns:repeat(2,1fr)}.view-item:nth-child(3n){border-right:1px solid #e2e8f0}.view-item:nth-child(2n){border-right:none}.view-item:nth-last-child(-n+3){border-bottom:1px solid #e2e8f0}.view-item:nth-last-child(-n+2){border-bottom:none}.class-pagination{flex-direction:column;align-items:flex-start;gap:18px}}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header h2{font-size:26px}.form-group input{width:100%}.class-card{overflow-x:auto}.class-table{min-width:850px}.view-info{grid-template-columns:1fr}.view-item,.view-item:nth-child(2n),.view-item:nth-child(3n){border-bottom:1px solid #e2e8f0;border-right:none}.view-item:last-child{border-bottom:none}.fee-action-buttons{flex-direction:column;align-items:stretch;gap:10px}.btn-secondary,.btn-primary{width:100%}.class-pagination-controls{flex-direction:column;align-items:flex-start;gap:12px}.class-page-buttons{flex-wrap:wrap}}@media (width<=480px){.class-card{padding:16px}.page-header{padding:18px}.page-header h2{font-size:24px}.view-item{padding:16px}.view-value{font-size:14px}}.page-header{background:#fff;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px 30px;display:flex;box-shadow:0 5px 15px #00000014}.subject-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 20px #0f172a14}.subject-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.subject-search{flex-direction:column;display:flex}.search-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:350px;height:44px;padding:0 14px;font-size:14px;transition:all .25s}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.subject-status-filter{align-items:center;gap:10px;display:flex}.subject-status-filter label{color:#475569;font-size:14px;font-weight:600}.subject-status-filter select{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;min-width:130px;height:44px;padding:0 35px 0 12px;font-size:14px;transition:all .25s}.subject-status-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.subject-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;width:100%;overflow:hidden}.subject-table thead{color:#fff;background:#1e293b}.subject-table th{text-align:left;white-space:nowrap;padding:14px 16px;font-size:14px;font-weight:600}.subject-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:14px}.subject-table tbody tr{transition:all .2s}.subject-table tbody tr:hover{background:#f8fafc}.subject-table tbody tr:last-child td{border-bottom:none}.status-badge{text-transform:capitalize;border-radius:15px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#065f46;background-color:#d1fae5}.status-badge.inactive{color:#991b1b;background-color:#fee2e2}.action-buttons button{cursor:pointer;border:none;border-radius:6px;min-width:68px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .2s}.page-buttons{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.btn-add-row{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;margin-top:20px;padding:10px 18px;font-size:14px;font-weight:600}.btn-add-row:hover{background:#15803d}.btn-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;width:36px;height:36px}.no-data{text-align:center;color:#64748b;font-size:14px;padding:35px!important}.subject-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:18px;display:flex}.subject-entry-info{color:#64748b;white-space:nowrap;font-size:13px}.subject-entry-info strong{color:#334155;font-weight:600}.subject-pagination-controls{justify-content:flex-end;align-items:center;gap:20px;display:flex}.subject-page-size{align-items:center;gap:8px;display:flex}.subject-page-size label{color:#64748b;white-space:nowrap;font-size:13px}.subject-page-size select{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:65px;height:34px;padding:0 8px;font-size:13px}.subject-page-size select:focus{border-color:#2563eb;outline:none}.subject-page-buttons{align-items:center;gap:5px;display:flex}.subject-page-buttons button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:34px;height:34px;padding:0 9px;font-size:13px;font-weight:500;transition:all .2s}.subject-page-buttons button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.subject-page-buttons button.active{color:#fff;background:#2563eb;border-color:#2563eb}.subject-page-buttons button:disabled{opacity:.45;cursor:not-allowed;background:#f8fafc}.subject-page-ellipsis{color:#64748b;justify-content:center;align-items:center;min-width:25px;height:34px;font-size:13px;display:inline-flex}.form-group textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:all .25s}.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 6px #2563eb33}.subject-table input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;height:40px;padding:0 10px;font-size:14px}.subject-table input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 4px #2563eb4d}.view-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:25px}.view-item{border-bottom:1px solid #e5e7eb;align-items:center;padding:14px 0;display:flex}.view-item:last-child{border-bottom:none}.view-label{color:#64748b;width:160px;font-size:13px;font-weight:600}.view-value{color:#1e293b;font-size:16px;font-weight:600}.subject-view-card{box-sizing:border-box;background:#fff;border-radius:14px;width:700px;max-width:100%;margin:30px auto;padding:30px;box-shadow:0 8px 25px #00000014}.subject-title{text-align:center;color:#1e293b;margin-bottom:30px;font-size:24px;font-weight:700}.detail-row{border-bottom:1px solid #e5e7eb;align-items:center;padding:14px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#475569;width:160px;font-size:14px;font-weight:600}.detail-separator{text-align:center;color:#94a3b8;width:25px;font-weight:700}.detail-value{color:#1e293b;flex:1;font-size:16px;font-weight:600}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-buttons{flex-direction:column;width:100%;margin-top:15px}.btn-primary,.btn-secondary{width:100%}.subject-toolbar{flex-direction:column;align-items:stretch}.subject-search,.search-input{width:100%}.subject-status-filter{justify-content:space-between;width:100%}.subject-status-filter select{flex:1}.subject-card{padding:15px;overflow-x:auto}.subject-table{min-width:850px}.subject-pagination{flex-direction:column;align-items:flex-start}.subject-pagination-controls{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.subject-page-buttons{flex-wrap:wrap}.view-info{padding:15px}.view-item{flex-direction:column;align-items:flex-start;gap:5px}.view-label{width:auto}.subject-view-card{width:100%;margin:20px auto;padding:20px}.detail-row{flex-direction:column;align-items:flex-start;gap:5px}.detail-label{width:auto}.detail-separator{display:none}}.student-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:15px;display:flex}.active{color:#16a34a}.inactive{color:#dc2626}.empty-state{text-align:center;color:#94a3b8;padding:40px;font-size:15px}.pending-fee-table{border-collapse:collapse;width:100%}.pending-fee-table thead{color:#fff;background:#2563eb}.pending-fee-table th,.pending-fee-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.pending-fee-table tbody tr:hover{background:#f8fafc}.pending-fee-table input[type=number]{border:1px solid #d1d5db;border-radius:6px;width:90px;height:36px;padding:5px}.pending-fee-table input[type=checkbox]{cursor:pointer;width:18px;height:18px}@media (width<=900px){.pending-fee-table{white-space:nowrap;display:block;overflow-x:auto}}.payment-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.payment-grid label{margin-bottom:8px;font-weight:600;display:block}.payment-grid input,.payment-grid select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px}.remarks{margin-top:20px}.remarks label{margin-bottom:8px;font-weight:600;display:block}.remarks textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px}.payment-footer{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.collect-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 30px;font-size:16px;font-weight:600}.collect-btn:hover{background:#1d4ed8}.collect-btn:disabled{cursor:not-allowed;background:#9ca3af}@media (width<=768px){.payment-grid{grid-template-columns:1fr}.payment-footer{flex-direction:column;gap:15px}}.fee-page{padding:25px}.page-header h2{color:#1f2937;margin-bottom:5px}.page-header p{color:#64748b}.fee-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 10px #00000014}.fee-card h3{color:#1e293b;margin-bottom:20px}.search-row{gap:15px;display:flex}.search-row input{border:1px solid #d1d5db;border-radius:8px;flex:1;height:44px;padding:0 15px;font-size:15px}.search-row input:focus{border-color:#2563eb;outline:none}.search-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:150px;font-weight:600;transition:all .25s}.search-btn:disabled{opacity:.7;cursor:not-allowed}.student-fee-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;overflow:hidden;box-shadow:0 2px 10px #00000014}.student-fee-header{color:#fff;background:#2563eb;padding:14px 20px}.student-fee-header h3{margin:0;font-size:20px;font-weight:600}.student-fee-body{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:20px;display:grid}.student-fee-item{flex-direction:column;display:flex}.student-fee-item label{color:#6b7280;margin-bottom:5px;font-size:13px;font-weight:600}.student-fee-item span{color:#111827;font-size:15px;font-weight:500}.payment-history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:25px;padding:20px;box-shadow:0 2px 10px #00000014}.payment-history-card h3{color:#1e3a8a;margin:0 0 20px;font-size:22px;font-weight:600}.payment-history-table thead{color:#fff;background:#2563eb}.payment-history-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.payment-history-table tbody tr:nth-child(2n){background:#f9fafb}.payment-history-table tbody tr:hover{background:#eff6ff;transition:all .2s}.payment-history-card p{text-align:center;color:#6b7280;padding:25px 0;font-size:15px}.payment-history-wrapper{border-radius:8px;overflow-x:auto}.status-paid{color:#166534;background:#dcfce7;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.status-pending{color:#92400e;background:#fef3c7;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.status-failed{color:#991b1b;background:#fee2e2;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}@media (width<=992px){.payment-history-card{padding:15px}.payment-history-card h3{font-size:20px}.payment-history-table th,.payment-history-table td{padding:10px;font-size:13px}.print-btn{padding:6px 10px;font-size:12px}}.payment-history-card{background:#fff;border-radius:12px;margin-top:25px;padding:25px;overflow:hidden;box-shadow:0 4px 15px #00000014}.payment-history-card h3{text-align:center;color:#1d4ed8;margin-bottom:20px;font-size:30px;font-weight:600}.payment-history-wrapper{width:100%;overflow:auto hidden}.payment-history-table{border-collapse:collapse;width:100%;min-width:1400px}.payment-history-table thead tr{color:#fff;background:#2563eb}.payment-history-table th{text-align:center;white-space:nowrap;padding:15px;font-size:15px;font-weight:600}.payment-history-table td{text-align:center;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:18px 12px}.payment-history-table tbody tr:hover{background:#f8fbff}.payment-history-table small{color:#6b7280}.status-paid{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.status-pending{color:#b45309;background:#fef3c7;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.print-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .3s}.print-btn:hover{background:#1d4ed8}.empty-history{text-align:center;color:#6b7280;padding:35px;font-size:16px}.payment-history-wrapper::-webkit-scrollbar{height:8px}.payment-history-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.payment-history-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.permission-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #00000014}.permission-card h2{color:#1e293b;margin-bottom:20px;font-size:24px;font-weight:700}.permission-filter{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px;display:flex}.permission-filter label{color:#374151;font-weight:600}.permission-filter select{border:1px solid #d1d5db;border-radius:8px;outline:none;min-width:260px;padding:10px 14px;font-size:15px;transition:all .25s}.permission-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.permission-actions{justify-content:flex-end;margin-bottom:15px;display:flex}.permission-actions label{color:#374151;cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.permission-table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow:hidden}.permission-table thead{color:#fff;background:#2563eb}.permission-table thead th{z-index:10;position:sticky;top:0}.permission-table th{text-align:center;border-right:1px solid #fff3;padding:14px 12px;font-size:15px;font-weight:600}.permission-table th:first-child{text-align:left}.permission-table td{text-align:center;border-bottom:1px solid #ececec;padding:14px 12px}.permission-table td:first-child{text-align:left;color:#374151;font-weight:600}.permission-table tbody tr:nth-child(2n){background:#f9fafb}.permission-table tbody tr:hover{background:#eef5ff}.permission-table input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:18px;height:18px;transform:scale(1.1)}.permission-table th input[type=checkbox]{margin-top:8px;transform:scale(1.15)}.permission-footer{justify-content:flex-end;margin-top:25px;display:flex}.save-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb40}@media (width<=900px){.permission-card{padding:15px}.permission-table{white-space:nowrap;display:block;overflow-x:auto}.permission-filter{flex-direction:column;align-items:flex-start}.permission-filter select{width:100%}.permission-footer{justify-content:center}.save-btn{width:100%}}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;box-shadow:0 8px 20px #0f172a14}.role-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.role-header h2{color:#2563eb;margin:0;font-size:30px;font-weight:700}.add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.role-search{margin-bottom:25px}.role-search input{border:1px solid #d1d5db;border-radius:8px;width:320px;max-width:100%;padding:12px 15px;font-size:15px;transition:all .25s}.role-search input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.role-card table{border-collapse:collapse;border-radius:10px;width:100%;overflow:hidden}.role-card thead{background:#2563eb}.role-card th{color:#fff;text-align:left;padding:14px;font-size:15px;font-weight:600}.role-card th:last-child,.role-card td:last-child{text-align:center}.role-card td{border-bottom:1px solid #e5e7eb;padding:14px;font-size:14px}.role-card tbody tr:nth-child(2n){background:#f8fafc}.role-card tbody tr:hover{background:#eff6ff;transition:all .2s}.icon-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;width:38px;height:38px;margin:0 4px;transition:all .25s}.icon-btn:hover{transform:scale(1.08)}.icon-btn.view{background:#0ea5e9}.icon-btn.view:hover{background:#0284c7}.icon-btn.edit{background:#f59e0b}.icon-btn.edit:hover{background:#d97706}.icon-btn.permission{background:#8b5cf6}.icon-btn.permission:hover{background:#7c3aed}.icon-btn.delete{background:#ef4444}.icon-btn.delete:hover{background:#dc2626}.role-card p{text-align:center;color:#6b7280;padding:20px;font-size:16px}@media (width<=768px){.role-header{flex-direction:column;align-items:stretch}.role-header h2{text-align:center;font-size:26px}.add-btn{justify-content:center;width:100%}.role-search input{width:100%}.role-card{overflow-x:auto}.role-card table{min-width:650px}}.active-status{color:#166534;background:#dcfce7;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}.inactive-status{color:#991b1b;background:#fee2e2;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}.icon-btn.activate{color:#16a34a}.icon-btn.deactivate{color:#dc2626}.role-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:650px;margin:30px auto;padding:35px;box-shadow:0 8px 24px #00000014}.role-form-card h2{text-align:center;color:#2563eb;margin-bottom:30px;font-size:30px;font-weight:700}.role-form-group{margin-bottom:25px}.role-form-group label{color:#374151;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.role-form-group label span{color:#ef4444}.role-form-group input,.role-form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:15px;transition:all .25s}.role-form-group input{height:46px}.role-form-group textarea{resize:vertical;min-height:110px}.role-form-group input:focus,.role-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.role-form-buttons{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.role-cancel-btn,.role-save-btn{cursor:pointer;border:none;border-radius:8px;width:140px;height:46px;font-size:15px;font-weight:600;transition:all .25s}.role-cancel-btn{color:#fff;background:#6b7280}.role-cancel-btn:hover{background:#4b5563;transform:translateY(-2px)}.role-save-btn{color:#fff;background:#2563eb}.role-save-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px)}.role-save-btn:disabled,.role-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.role-form-card{margin:20px;padding:25px}.role-form-buttons{flex-direction:column}.role-cancel-btn,.role-save-btn{width:100%}}.role-form-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:46px;padding:0 12px;font-size:15px}.role-form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.role-view-card{background:#fff;border-radius:12px;max-width:900px;margin:30px auto;overflow:hidden;box-shadow:0 6px 20px #00000014}.role-view-header{color:#fff;background:#2563eb;padding:25px 35px}.role-view-header h2{margin:0;font-size:28px}.role-view-header p{opacity:.9;margin-top:8px}.role-section{padding:35px}.role-section h3{color:#1f2937;border-bottom:2px solid #f1f5f9;margin-bottom:25px;padding-bottom:12px}.role-info-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.info-item label{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:600}.status-badge{text-align:center;color:#fff;border-radius:30px;width:110px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.active{background:#22c55e}.inactive{background:#ef4444}.role-view-buttons{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:35px;padding-top:25px;display:flex}.role-view-buttons button{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;gap:10px;width:190px;height:52px;margin:0;padding:0;font-size:17px;font-weight:600;line-height:1;transition:all .25s;justify-content:center!important;align-items:center!important;display:flex!important}.role-view-buttons button svg{width:18px;height:18px;margin:0;padding:0;display:block}.back-btn{color:#fff;background:#6b7280}.permission-btn{color:#fff;background:#0f766e}.role-view-buttons button:hover{transform:translateY(-2px)}@media (width<=768px){.role-view-buttons{flex-direction:column}.role-view-buttons button{width:100%}}.school-container{padding:20px}.school-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.school-header h2{color:#1e293b;font-size:24px}.school-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 18px}.school-header button:hover{background:#1d4ed8}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}th{color:#fff;text-align:left;background:#1e293b;padding:12px}td{border-bottom:1px solid #e5e7eb;padding:12px}.active{color:green;font-weight:600}.inactive{color:red;font-weight:600}td button{cursor:pointer;border:none;border-radius:5px;margin-right:8px;padding:6px 12px}td button:first-child{color:#fff;background:#2563eb}td button:last-child{color:#fff;background:#dc2626}.school-form-card{background:#fff;border-radius:10px;margin-top:20px;padding:30px;box-shadow:0 2px 10px #00000014}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.form-group input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600}.cancel-btn{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600}@media (width<=768px){.form-grid{grid-template-columns:1fr}}.subscription-container{padding:25px}.subscription-card{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;box-shadow:0 3px 12px #00000014}.subscription-table{border-collapse:collapse;width:100%}.subscription-table thead{background:#f8fafc}.subscription-table th{text-align:left;color:#334155;border-bottom:1px solid #e5e7eb;padding:14px;font-size:15px}.subscription-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:14px}.subscription-table tbody tr:hover{background:#f8fafc}.active{color:#15803d;background:#dcfce7;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.inactive{color:#dc2626;background:#fee2e2;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.edit-btn,.status-btn{cursor:pointer;border:none;border-radius:6px;margin-right:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .3s}@media (width<=992px){.subscription-header{flex-direction:column;align-items:flex-start;gap:15px}.subscription-table{min-width:900px}}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px;font-size:15px;transition:all .3s}.checkbox-group label{align-items:center;gap:10px;font-weight:600;display:flex}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.module-container{padding:25px}.module-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.module-header h2{color:#1e293b;margin:0;font-size:36px;font-weight:700}.add-btn:hover{background:#1d4ed8}.module-card{background:#fff;border-radius:16px;padding:25px;overflow-x:auto;box-shadow:0 6px 18px #0f172a14}.module-table{border-collapse:collapse;width:100%}.module-table thead{background:#1e293b}.module-table thead th:first-child{border-top-left-radius:12px}.module-table thead th:last-child{border-top-right-radius:12px}.module-table th{color:#fff;text-align:left;padding:18px;font-size:16px;font-weight:600}.module-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:18px;font-size:15px}.module-table tbody tr:hover{background:#f8fafc}.active,.inactive{border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.active{color:#15803d;background:#dcfce7}.inactive{color:#dc2626;background:#fee2e2}.edit-btn,.status-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;min-width:95px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .3s}.status-btn{background:#dc2626}.status-btn:hover{background:#b91c1c}.status-btn.activate{background:#16a34a}.status-btn.activate:hover{background:#15803d}.no-data{text-align:center;color:#64748b;padding:40px;font-size:15px}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:15px;transition:all .3s}@media (width<=768px){.module-header{flex-direction:column;align-items:flex-start;gap:15px}.module-header h2{font-size:28px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.module-table{min-width:800px}.pagination{justify-content:center}}.plan-module-container{padding:25px}.plan-module-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.plan-module-header h2{color:#1e293b;margin:0;font-size:32px;font-weight:700}.plan-module-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 6px 18px #0f172a14}.form-group{margin-bottom:30px}.form-group label{color:#334155;margin-bottom:10px;font-size:15px;font-weight:600;display:block}.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;max-width:420px;padding:12px 14px;font-size:15px;transition:all .3s}.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.module-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.module-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .25s}.module-item:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb1f}.module-item label{cursor:pointer;align-items:flex-start;gap:14px;display:flex}.module-item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:18px;height:18px;margin-top:4px}.module-item strong{color:#1e293b;margin-bottom:4px;font-size:16px;display:block}.module-item small{color:#64748b;font-size:13px;line-height:1.4}.form-actions{justify-content:flex-end;margin-top:35px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s}.loading-text{text-align:center;color:#64748b;padding:30px;font-size:16px}.no-modules{text-align:center;color:#64748b;padding:35px;font-size:15px}@media (width<=768px){.plan-module-header{flex-direction:column;align-items:flex-start;gap:15px}.plan-module-header h2{font-size:26px}.module-grid{grid-template-columns:1fr}.form-actions{justify-content:center}.save-btn{width:100%}}.subscription-container{max-width:1100px;margin:30px auto;padding:0 20px}.subscription-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.subscription-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;box-shadow:0 6px 20px #00000014}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;height:44px;padding:0 12px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.form-group input::placeholder{color:#9ca3af}.checkbox-group label{color:#374151;cursor:pointer;margin:0;font-weight:600}.form-buttons{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:15px;margin-top:35px;padding-top:20px;display:flex}.add-btn,.status-btn{cursor:pointer;border:none;border-radius:8px;min-width:140px;height:44px;font-size:15px;font-weight:600;transition:all .25s}.add-btn{color:#fff;background:#2563eb}.status-btn{color:#fff;background:#6b7280}.status-btn:hover{background:#4b5563;transform:translateY(-1px)}@media (width<=768px){.subscription-container{padding:15px}.form-grid{grid-template-columns:1fr}.subscription-form-card{padding:20px}.form-buttons{flex-direction:column}.add-btn,.status-btn{width:100%}.checkbox-group{margin-top:10px}}.subscription-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:25px;padding:20px;box-shadow:0 4px 15px #00000014}.subscription-filter-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.subscription-filter-grid .form-group{flex-direction:column;display:flex}.subscription-filter-grid label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.subscription-filter-grid input,.subscription-filter-grid select{background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px;padding:0 12px;font-size:14px;transition:all .2s}.subscription-filter-grid input:focus,.subscription-filter-grid select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.filter-buttons{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.search-btn,.clear-btn{cursor:pointer;border:none;border-radius:8px;min-width:120px;height:42px;font-size:14px;font-weight:600;transition:all .25s}.search-btn{color:#fff;background:#2563eb}.clear-btn{color:#fff;background:#6b7280}.clear-btn:hover{background:#4b5563}@media (width<=992px){.subscription-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.subscription-filter-grid{grid-template-columns:1fr}.filter-buttons{flex-direction:column}.search-btn,.clear-btn{width:100%}}.subscription-header{justify-content:space-between;align-items:center;margin-bottom:25px;padding:10px 0;display:flex}.subscription-header h2{color:#1e293b;margin:0;font-size:26px;font-weight:600}.add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:500;transition:all .3s}.add-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.subscription-dashboard{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.dashboard-card{background:#fff;border-left:5px solid #0000;border-radius:14px;padding:22px;transition:all .3s;box-shadow:0 4px 12px #00000014}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.dashboard-card h4{color:#64748b;margin:0 0 12px;font-size:15px;font-weight:500}.dashboard-card h2{color:#0f172a;margin:0;font-size:30px;font-weight:700}.dashboard-card.total{border-left-color:#2563eb}.dashboard-card.total h2{color:#2563eb}.dashboard-card.active{border-left-color:#16a34a}.dashboard-card.active h2{color:#16a34a}.dashboard-card.inactive{border-left-color:#64748b}.dashboard-card.inactive h2{color:#64748b}.dashboard-card.expiring{border-left-color:#f59e0b}.dashboard-card.expiring h2{color:#f59e0b}.dashboard-card.expired{border-left-color:#dc2626}.dashboard-card.expired h2{color:#dc2626}.dashboard-card.revenue{border-left-color:#9333ea}.dashboard-card.revenue h2{color:#9333ea}@media (width<=768px){.subscription-header{flex-direction:column;align-items:flex-start;gap:15px}.add-btn{width:100%}.subscription-dashboard{grid-template-columns:1fr}}.register-container{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.register-card{background:#fff;border-radius:12px;width:900px;padding:35px 45px;box-shadow:0 8px 25px #0000001f}.register-card h2{text-align:center;color:#1e293b;margin-bottom:8px;font-size:28px}.register-subtitle{text-align:center;color:#64748b;margin-bottom:25px}.register-card h3{color:#2563eb;border-bottom:1px solid #e2e8f0;margin-top:25px;margin-bottom:15px;padding-bottom:8px;font-size:18px}.form-row{gap:20px;margin-bottom:15px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:11px 12px;font-size:14px;transition:all .3s}.register-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;width:100%;margin-top:25px;padding:13px;font-size:16px;font-weight:600;transition:all .3s}.register-card button:hover{background:#1d4ed8}@media (width<=768px){.register-card{width:100%;padding:25px}.form-row{flex-direction:column;gap:10px}}.subscription-view-container{max-width:1200px;margin:30px auto;padding:20px}.subscription-view-header{margin-bottom:25px}.subscription-view-header h2{color:#1e3a8a;font-size:30px;font-weight:700}.subscription-summary-card{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px 30px;display:flex;box-shadow:0 8px 20px #00000026}.subscription-summary-card h3{margin:0;font-size:26px}.subscription-summary-card p{opacity:.9;margin-top:8px}.status-badge{color:#fff;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600}.status-badge.active{background:#16a34a}.status-badge.inactive{background:#dc2626}.subscription-section{background:#fff;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 4px 15px #00000014}.subscription-section h3{color:#1e3a8a;border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:10px}.subscription-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.subscription-grid div{flex-direction:column;display:flex}.subscription-grid label{color:#6b7280;margin-bottom:6px;font-weight:600}.subscription-grid span{color:#111827;font-size:16px}.grid-full{grid-column:span 2}.subscription-actions{justify-content:flex-end;gap:15px;margin-top:35px;display:flex}.subscription-actions button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .25s}.activate-btn{background:#16a34a}.activate-btn:hover{background:#15803d}.deactivate-btn{background:#dc2626}.deactivate-btn:hover{background:#b91c1c}.back-btn{background:#6b7280}.subscription-loading{text-align:center;padding:80px;font-size:22px}@media (width<=768px){.subscription-summary-card{text-align:center;flex-direction:column;gap:15px}.subscription-grid{grid-template-columns:1fr}.grid-full{grid-column:span 1}.subscription-actions{flex-direction:column}.subscription-actions button{width:100%}}.receipt-container{background:#fff;border:1px solid #d1d5db;border-radius:10px;max-width:900px;margin:30px auto;overflow:hidden;box-shadow:0 10px 30px #00000014}.receipt-header{text-align:center;border-bottom:2px solid #e5e7eb;padding:30px}.school-logo{object-fit:contain;width:90px;height:90px;margin-bottom:10px}.receipt-header h1{color:#1e293b;margin:0;font-size:32px}.receipt-header h2{color:#2563eb;letter-spacing:2px;margin-top:25px}.receipt-header p{color:#64748b;margin:4px 0}.receipt-info{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:25px 35px;display:flex}.receipt-info div div{margin-bottom:12px}.receipt-info strong{width:150px;display:inline-block}.receipt-table{border-collapse:collapse;width:100%}.receipt-table thead{color:#fff;background:#1e293b}.receipt-table th,.receipt-table td{text-align:center;border-bottom:1px solid #e5e7eb;padding:14px}.receipt-summary{width:320px;margin-top:20px;margin-left:auto;margin-right:25px}.receipt-summary table{width:100%}.receipt-summary td{padding:10px}.grand-total{color:#2563eb;border-top:2px solid #2563eb;font-size:18px;font-weight:700}.receipt-footer{padding:35px}.signature-section{text-align:center;justify-content:space-between;margin-top:50px;display:flex}.receipt-note{text-align:center;color:#64748b;margin-top:40px;font-style:italic}@media print{.receipt-toolbar,.sidebar,.topbar,.page-header,.navbar,.btn-print,.btn-back,.btn-download{display:none!important}.receipt-container{width:100%;max-width:100%;box-shadow:none;border:none;margin:0}body{background:#fff!important}.receipt-toolbar,.btn-back,.btn-download,.btn-print{display:none!important}.receipt-container{width:100%;margin:0;padding:0;box-shadow:none!important;border:none!important}}.receipt-toolbar{justify-content:space-between;align-items:center;max-width:900px;margin:25px auto;display:flex}.receipt-toolbar div{gap:12px;display:flex}.btn-print{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 22px}.btn-download{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:12px 22px}.search-input{border:1px solid #dbe3ec;border-radius:8px;flex:1;padding:11px 14px;font-size:14px}.search-input:focus{border-color:#2563eb;outline:none}.filter-row{flex-wrap:wrap;gap:15px;display:flex}.filter-select{background:#fff;border:1px solid #dbe3ec;border-radius:8px;min-width:220px;padding:10px 14px}.department-table th{text-align:left;color:#334155;border-bottom:1px solid #e5e7eb;padding:15px;font-weight:600}.department-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px}.edit-btn,.delete-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 18px;font-weight:600}@media (width<=768px){.header-top{flex-direction:column;align-items:flex-start;gap:15px}.search-row,.filter-row{flex-direction:column}.filter-select{width:100%}.table-container{overflow-x:auto}.department-table{min-width:850px}.pagination{flex-direction:column}}.department-view-page{max-width:900px;margin:25px auto}.view-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.view-row:last-child{border-bottom:none}.view-row label{color:#334155;width:220px;font-size:15px;font-weight:600}.view-row span{color:#1f2937;text-align:left;flex:1;font-size:15px}.loading-container{text-align:center;color:#64748b;padding:80px;font-size:18px}@media (width<=768px){.view-row{flex-direction:column;align-items:flex-start;gap:8px}.view-row label{width:100%}}.form-page{max-width:950px;margin:25px auto}.form-header h2{color:#1e293b;margin:0;font-size:28px;font-weight:700}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.checkbox-group input{cursor:pointer;width:18px;height:18px}.checkbox-group label{cursor:pointer;margin:0;font-weight:600}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 22px;font-weight:600;transition:all .3s}.cancel-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:11px 22px;font-weight:600;transition:all .3s}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-header{flex-direction:column;align-items:flex-start;gap:10px}.form-buttons{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.page-header{box-sizing:border-box;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:25px;padding:25px 30px;display:flex;box-shadow:0 6px 20px #00000014}.class-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:25px;box-shadow:0 5px 18px #00000012}.designation-filter-bar{box-sizing:border-box;justify-content:space-between;align-items:flex-end;gap:25px;width:100%;margin-bottom:25px;display:flex}.designation-search{flex:1;max-width:650px}.designation-search-input{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d5dbe5;border-radius:8px;outline:none;width:100%;height:50px;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.designation-search-input::placeholder{color:#9aa4b2}.designation-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.designation-status-filter{flex-shrink:0;align-items:center;gap:10px;display:flex}.designation-status-filter label{color:#374151;white-space:nowrap;font-size:15px;font-weight:500}.designation-status-filter select{box-sizing:border-box;color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d5dbe5;border-radius:8px;outline:none;min-width:130px;height:50px;padding:0 35px 0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.designation-status-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.designation-table-wrapper{border-radius:10px;width:100%;overflow-x:auto}.common-table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px}.common-table thead th{color:#172033;text-align:left;white-space:nowrap;background:#f7f7f8;border-bottom:1px solid #e1e5eb;padding:18px 16px;font-size:15px;font-weight:600}.common-table thead th:first-child{border-top-left-radius:10px}.common-table thead th:last-child{border-top-right-radius:10px}.common-table tbody td{color:#263247;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e1e5eb;padding:18px 16px}.designation-empty-row{text-align:center;font-size:15px;color:#7b8494!important;padding:45px 20px!important}.status-active,.status-inactive{border-radius:30px;justify-content:center;align-items:center;min-width:88px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.action-buttons{white-space:nowrap;align-items:center;gap:10px;display:flex}.btn-view,.btn-edit,.btn-delete{box-sizing:border-box;cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;min-width:80px;height:48px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.designation-pagination{box-sizing:border-box;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:25px;width:100%;margin-top:10px;padding-top:25px;display:flex}.designation-entry-info{color:#596579;white-space:nowrap;font-size:14px}.designation-entry-info strong{color:#172033;font-weight:600}.designation-pagination-controls{justify-content:flex-end;align-items:center;gap:25px;display:flex}.designation-page-size{align-items:center;gap:10px;display:flex}.designation-page-size label{color:#596579;white-space:nowrap;font-size:14px}.designation-page-size select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d5dbe5;border-radius:7px;outline:none;min-width:75px;height:42px;padding:0 12px;font-size:14px}.designation-page-size select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.designation-page-buttons{align-items:center;gap:8px;display:flex}.designation-page-buttons button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;min-width:42px;height:42px;padding:0 13px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.designation-page-buttons button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.designation-page-buttons button.active{color:#fff;background:#4f46e5;box-shadow:0 3px 8px #4f46e540}.designation-page-buttons button:disabled{color:#9aa4b2;cursor:not-allowed;background:#e5eaf0;transform:none}@media (width<=900px){.designation-filter-bar{flex-direction:column;align-items:stretch}.designation-search{max-width:none}.designation-status-filter{justify-content:flex-start}.designation-pagination{flex-direction:column;align-items:stretch}.designation-pagination-controls{justify-content:space-between}}@media (width<=600px){.page-header{flex-direction:column;align-items:stretch;gap:15px;padding:20px}.page-header h2{font-size:23px}.btn-add{width:100%}.class-card{padding:15px}.designation-status-filter{flex-direction:column;align-items:stretch}.designation-status-filter select{width:100%}.designation-pagination-controls{flex-direction:column;align-items:stretch;gap:15px}.designation-page-size{justify-content:space-between}.designation-page-buttons{flex-wrap:wrap;justify-content:center}.designation-entry-info{text-align:center}.action-buttons{flex-wrap:wrap}}.form-header{margin-bottom:25px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:all .25s}.checkbox-group label{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}@media (width<=768px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.form-buttons{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.view-page{max-width:1100px;margin:30px auto;padding:0 20px}.view-header{margin-bottom:25px}.view-header h2{color:#1e293b;margin:0;font-size:28px}.view-header p{color:#64748b;margin-top:6px;font-size:15px}.view-item label{color:#475569;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:13px;font-weight:700}.view-item span{color:#1e293b;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;min-height:44px;padding:10px 14px;font-size:15px;font-weight:500;display:flex}.status-active,.status-inactive{border-radius:30px;justify-content:center;align-items:center;width:fit-content;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.loading{text-align:center;color:#64748b;padding:80px;font-size:18px}@media (width<=768px){.view-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.form-buttons{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.page-header h2{color:#1e293b;margin:0;font-size:28px}.class-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filters input,.filters select{border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:220px;padding:10px 12px;font-size:14px;transition:all .25s}.filters input:focus,.filters select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.btn-add,.btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 18px;font-weight:600;transition:all .25s}.btn-add:hover,.btn-search:hover{background:#1d4ed8}.common-table{border-collapse:collapse;width:100%}.common-table thead{background:#f8fafc}.common-table th,.common-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px;font-size:14px}.common-table th{color:#374151;font-weight:600}.common-table tbody tr:hover{background:#f9fafb}.badge-current{color:#166534;background:#dcfce7;border-radius:30px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-previous{color:#374151;background:#e5e7eb;border-radius:30px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#166534;background:#dcfce7;border-radius:30px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-inactive{color:#b91c1c;background:#fee2e2;border-radius:30px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.btn-action{cursor:pointer;border:none;border-radius:5px;margin-right:6px;padding:7px 12px;font-size:13px;font-weight:500;transition:all .25s}.btn-action.view{color:#fff;background:#0ea5e9}.btn-action.delete{color:#fff;background:#ef4444}.pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 16px;transition:all .25s}.pagination button:hover:not(:disabled){background:#1d4ed8}.pagination span{color:#475569;font-weight:600}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.filters{flex-direction:column}.filters input,.filters select,.btn-search{width:100%}.common-table{display:block;overflow-x:auto}.pagination{justify-content:center}}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:11px 14px;font-size:14px;transition:all .25s}.checkbox-group{margin-top:20px}.checkbox-group label{cursor:pointer;color:#374151;align-items:center;gap:10px;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{width:18px;height:18px}.button-group{gap:12px;margin-top:30px;display:flex}.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:6px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .25s}.view-group{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.view-group label{color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.view-group p{color:#111827;margin:0;font-size:16px;font-weight:600}@media (width<=768px){.form-card{padding:20px}.form-grid,.view-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-save,.btn-cancel{width:100%}}.employee-filters{grid-template-columns:2fr 1fr 1fr 1fr auto;gap:15px;margin-bottom:25px;display:grid}.employee-filters input,.employee-filters select{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:45px;padding:0 14px;font-size:14px}.employee-filters input:focus,.employee-filters select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:45px;padding:0 22px;font-weight:600}.employee-table thead{background:#f8fafc}.employee-table th{text-align:left;color:#334155;border-bottom:1px solid #e5e7eb;padding:15px;font-size:14px}.employee-table td{color:#475569;border-bottom:1px solid #e5e7eb;padding:14px 15px}.btn-action{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.btn-action.edit{background:#f59e0b}.employee-pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:9px 16px}@media (width<=992px){.employee-filters{grid-template-columns:1fr 1fr}}@media (width<=768px){.employee-header{flex-direction:column;align-items:flex-start;gap:15px}.employee-filters{grid-template-columns:1fr}.employee-table{white-space:nowrap;display:block;overflow-x:auto}.employee-pagination{justify-content:center}}.qualification-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:24px;box-shadow:0 2px 8px #0f172a0d}.qualification-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.qualification-title{color:#1e293b;margin:0;font-size:20px;font-weight:700}.qualification-subtitle{color:#6b7280;margin-top:6px;font-size:14px;line-height:1.5}.btn-remove{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #ef4444;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.btn-remove:hover{background:#fee2e2;border-color:#dc2626}.qualification-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:20px;margin-top:25px;display:grid}.qualification-form-group{flex-direction:column;display:flex}.qualification-form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.qualification-required{color:#dc2626;margin-left:3px}.qualification-form-group input,.qualification-form-group textarea,.qualification-form-group select{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;transition:all .25s}.qualification-form-group input:focus,.qualification-form-group textarea:focus,.qualification-form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.qualification-form-group textarea{resize:vertical;min-height:110px}.qualification-remarks-section{margin-top:22px}.qualification-checkbox-group{justify-content:flex-end}.qualification-checkbox{cursor:pointer;color:#374151;align-items:center;gap:10px;margin-top:34px;font-weight:500;display:flex}.qualification-checkbox input{cursor:pointer;width:18px;height:18px}.qualification-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:15px;margin-top:28px;padding-top:22px;display:flex}.qualification-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .25s}.qualification-btn-save:hover{background:#1d4ed8}.qualification-btn-save:disabled{opacity:.6;cursor:not-allowed}.qualification-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .25s}.qualification-btn-cancel:hover{background:#f3f4f6}.qualification-error{color:#dc2626;margin-top:6px;font-size:12px;font-weight:500}@media (width<=992px){.qualification-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.qualification-grid{grid-template-columns:1fr}.qualification-footer{flex-direction:column-reverse}.qualification-btn-save,.qualification-btn-cancel{width:100%}.qualification-checkbox{margin-top:0}}.qualification-card.wizard-mode{box-shadow:none;border:1px solid #e5e7eb;margin-bottom:0;padding-bottom:20px}.employee-document-page{flex-direction:column;gap:20px;display:flex}.employee-tab-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.employee-tab-header h3{color:#1f2937;margin:0;font-size:22px}.document-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d}.document-card.wizard-mode{box-shadow:none}.document-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.document-header h3{color:#1f2937;margin:0;font-size:18px}.btn-remove{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 14px;font-size:13px}.btn-remove:hover{background:#b91c1c}.document-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:20px;display:grid}.document-form-group{flex-direction:column;display:flex}.document-form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600}.document-required{color:red;margin-left:3px}.document-form-group input,.document-form-group select,.document-form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.document-form-group textarea{resize:vertical;min-height:90px}.document-form-group input:focus,.document-form-group select:focus,.document-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.document-form-group input[type=file]{background:#f9fafb;border:2px dashed #d1d5db;padding:10px}.document-checkbox-group{justify-content:center}.document-checkbox{cursor:pointer;align-items:center;gap:10px;display:flex}.document-checkbox input{width:18px;height:18px}.document-remarks-section{margin-top:20px}.current-file,.selected-file{word-break:break-word;border-radius:6px;margin-bottom:10px;padding:12px;font-size:13px}.current-file{background:#f3f4f6;border:1px solid #d1d5db}.selected-file{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.document-footer{justify-content:flex-end;margin-top:20px;display:flex}.btn-save,.btn-edit,.btn-delete,.btn-view{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:14px;transition:all .25s}.btn-save{background:#2563eb}.btn-edit{background:#f59e0b}.btn-delete{background:#dc2626}.btn-delete:hover{background:#b91c1c}.btn-view{background:#10b981}.btn-view:hover{background:#059669}.document-saved{color:#16a34a;font-weight:600}.document-action-buttons{gap:10px;margin-top:15px;display:flex}.document-error{color:#dc2626;margin-top:5px;font-size:12px}@media (width<=768px){.employee-tab-header{flex-direction:column;align-items:flex-start;gap:15px}.document-grid{grid-template-columns:1fr}.document-action-buttons{flex-direction:column}.document-footer{justify-content:stretch}.btn-save,.btn-edit,.btn-delete,.btn-view{width:100%}}.employee-form{flex-direction:column;gap:25px;display:flex}.employee-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0f172a0d}.employee-card-header{border-bottom:1px solid #edf2f7;margin-bottom:20px;padding-bottom:12px}.employee-card-header h3{color:#1e293b;margin:0;font-size:20px;font-weight:600}.employee-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:all .25s}.employee-checkbox{justify-content:center;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;margin-top:34px;font-weight:600;display:flex}.checkbox-label input{cursor:pointer;width:18px;height:18px}.employee-form-buttons{justify-content:flex-end;gap:15px;margin-top:10px;display:flex}.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:8px;min-width:150px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .25s}.btn-save{color:#fff;background:#2563eb}.btn-save:hover{background:#1d4ed8}.btn-save:disabled{cursor:not-allowed;background:#94a3b8}.btn-cancel{color:#334155;background:#e5e7eb}.btn-cancel:hover{background:#cbd5e1}@media (width<=992px){.employee-grid{grid-template-columns:repeat(2,1fr)}.full-width{grid-column:span 2}}@media (width<=768px){.employee-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.employee-form-card{padding:18px}.employee-form-buttons{flex-direction:column}.btn-save,.btn-cancel{width:100%}.checkbox-label{margin-top:0}}.teacher-assignment-container{margin-top:20px}.teacher-assignment-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.teacher-assignment-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.teacher-assignment-subtitle{display:none}.teacher-btn-add{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s}.teacher-btn-add:hover{background:#1d4ed8}.teacher-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.teacher-btn-delete:hover{background:#dc2626}.teacher-assignment-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:18px;padding:20px;transition:border-color .2s,box-shadow .2s}.teacher-assignment-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.teacher-assignment-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:18px;display:grid}.teacher-form-group{flex-direction:column;display:flex}.teacher-form-group label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.teacher-required{color:#dc2626;margin-left:3px}.teacher-form-group input,.teacher-form-group select{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.teacher-form-group input:focus,.teacher-form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.teacher-form-group input:disabled,.teacher-form-group select:disabled{color:#6b7280;opacity:.85;cursor:not-allowed;background:#f3f4f6}.teacher-checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;margin-top:28px;font-size:14px;display:flex}.teacher-checkbox input{width:18px;height:18px}.teacher-error{color:#dc2626;margin-top:6px;font-size:12px;font-weight:500}.teacher-assignment-table-wrapper{width:100%;margin-top:24px;overflow-x:auto}.teacher-assignment-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.teacher-assignment-table thead{background:#f8fafc}.teacher-assignment-table th{text-align:left;color:#374151;border-bottom:2px solid #e5e7eb;padding:13px 15px;font-size:14px;font-weight:600}.teacher-assignment-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:13px 15px;font-size:14px}.teacher-assignment-table tbody tr{transition:background-color .2s}.teacher-assignment-table tbody tr:hover{background:#eff6ff}.teacher-assignment-table tbody tr:last-child td{border-bottom:none}@media (width<=992px){.teacher-assignment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.teacher-assignment-header{flex-direction:column;align-items:stretch;gap:16px}.teacher-btn-add,.teacher-btn-delete{width:100%}.teacher-assignment-fields{grid-template-columns:1fr}}.teacher-assignment-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:16px;display:flex}.driver-assignment-card{width:100%;box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;padding:0}.driver-assignment-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.driver-assignment-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.driver-assignment-subtitle{display:none}.driver-btn-add{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s}.driver-btn-add:hover{background:#1d4ed8}.driver-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.driver-btn-delete:hover{background:#dc2626}.driver-assignment-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:18px;padding:20px;transition:border-color .2s,box-shadow .2s}.driver-assignment-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.driver-assignment-fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:18px;display:grid}.driver-form-group{flex-direction:column;display:flex}.driver-form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.driver-required{color:#dc2626}.driver-form-group input,.driver-form-group select,.driver-form-group textarea{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:42px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.driver-form-group textarea{resize:vertical;min-height:90px}.driver-form-group input:focus,.driver-form-group select:focus,.driver-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.driver-form-group input:disabled,.driver-form-group select:disabled,.driver-form-group textarea:disabled{color:#6b7280;opacity:.85;cursor:not-allowed;background:#f3f4f6}.driver-checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;margin-top:30px;font-size:14px;display:flex}.driver-checkbox input{width:18px;height:18px}.driver-error{color:#dc2626;margin-top:6px;font-size:12px;font-weight:500}.driver-assignment-table-wrapper{width:100%;margin-top:24px;overflow-x:auto}.driver-assignment-table{border-collapse:collapse;background:#fff;width:100%;min-width:800px}.driver-assignment-table thead{background:#f8fafc}.driver-assignment-table th{text-align:left;color:#374151;border-bottom:2px solid #e5e7eb;padding:13px 15px;font-size:14px;font-weight:600}.driver-assignment-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:13px 15px;font-size:14px}.driver-assignment-table tbody tr:hover{background:#eff6ff}.driver-assignment-table tbody tr:last-child td{border-bottom:none}@media (width<=992px){.driver-assignment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.driver-assignment-header{flex-direction:column;align-items:stretch;gap:16px}.driver-btn-add,.driver-btn-delete{width:100%}.driver-assignment-fields{grid-template-columns:1fr}}.form-grid{grid-template-columns:repeat(3,minmax(250px,1fr));align-items:start;gap:20px;margin-bottom:20px;display:grid}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;transition:all .2s}textarea{resize:vertical;min-height:100px;line-height:1.5}input:disabled,select:disabled,textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}input[readonly],textarea[readonly]{background:#f9fafb}.error{color:#dc2626;margin-top:5px;font-size:12px}.form-divider{border:none;border-top:1px solid #e5e7eb;margin:30px 0}.section-title{border-bottom:1px solid #e5e7eb;margin:35px 0 20px;padding-bottom:12px;font-size:22px;font-weight:700}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:35px;padding-top:20px;display:flex}button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.assignment-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:24px}.assignment-card.wizard-mode{box-shadow:none;border:1px solid #e5e7eb;margin-bottom:0;padding-bottom:20px}.assignment-section{flex-direction:column;align-items:stretch;width:100%;margin-top:10px;display:flex}.assignment-section .section-title{text-align:left;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:12px}.assignment-card{display:block!important}.form-divider{width:100%!important;height:1px!important;display:block!important}.experience-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.experience-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.experience-title{color:#1f2937;margin:0;font-size:22px;font-weight:600}.experience-subtitle{color:#6b7280;margin-top:6px;font-size:14px}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:20px;display:grid}.experience-form-group{flex-direction:column;display:flex}.experience-form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.experience-required{color:#ef4444;margin-left:4px}.experience-form-group input,.experience-form-group select,.experience-form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.experience-form-group textarea{resize:vertical}.experience-form-group input:focus,.experience-form-group select:focus,.experience-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.experience-checkbox-group{justify-content:flex-start;align-items:center;display:flex}.experience-checkbox{cursor:pointer;align-items:center;gap:10px;margin-top:32px;font-weight:500;display:flex}.experience-checkbox input{width:18px;height:18px}.experience-error{color:#dc2626;margin-top:5px;font-size:12px}.experience-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;display:flex}.experience-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.experience-btn-save:hover:not(:disabled){background:#1d4ed8}.experience-btn-save:disabled{cursor:not-allowed;background:#93c5fd}.experience-btn-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.experience-btn-cancel:hover{background:#e5e7eb}@media (width<=768px){.experience-card{padding:20px}.experience-grid{grid-template-columns:1fr}.experience-footer{flex-direction:column}.experience-btn-save,.experience-btn-cancel{width:100%}}.experience-card.wizard-mode{box-shadow:none;border:1px solid #e5e7eb;margin-bottom:0;padding-bottom:20px}.employee-wizard{width:100%;margin:20px auto}.wizard-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px;display:flex;position:relative}.wizard-header:before{content:"";z-index:0;background:#dfe6ee;width:80%;height:3px;position:absolute;top:24px;left:10%}.wizard-step{z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.wizard-circle{color:#6b7280;background:#fff;border:3px solid #d0d7de;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.wizard-label{color:#6b7280;text-align:center;margin-top:12px;font-size:15px;font-weight:600}.wizard-step.active .wizard-circle{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 6px 15px #2563eb40}.wizard-step.active .wizard-label{color:#2563eb}.wizard-step.completed .wizard-circle{color:#fff;background:#16a34a;border-color:#16a34a}.wizard-step.completed .wizard-label{color:#16a34a}.wizard-content{margin-top:20px}.wizard-navigation{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:30px;padding-top:20px;display:flex}.wizard-navigation-left,.wizard-navigation-right{align-items:center;gap:12px;display:flex}.btn-secondary{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600}.wizard-placeholder{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px}.wizard-placeholder h3{color:#111827;margin-bottom:10px}.wizard-placeholder p{color:#6b7280}@media (width<=992px){.wizard-header{flex-wrap:wrap;justify-content:center}.wizard-header:before{display:none}.wizard-step{min-width:140px;margin-bottom:20px}}@media (width<=576px){.wizard-navigation{flex-direction:column;gap:15px}.btn-primary,.btn-secondary{width:100%}}.btn-skip{color:#64748b;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:15px;font-weight:600;transition:all .25s}.btn-skip:hover{color:#2563eb;text-decoration:underline}.btn-skip:active{transform:translateY(0)}.btn-skip:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.profile-progress-card{background:#fff;border-radius:12px;margin-bottom:25px;padding:24px;box-shadow:0 3px 12px #00000014}.profile-progress-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.profile-progress-header h3{color:#1e293b;margin:0;font-size:20px}.profile-progress-header span{color:#2563eb;font-weight:700}.progress-bar{background:#e5e7eb;border-radius:30px;width:100%;height:12px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:all .4s}.profile-progress-items{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.progress-item{color:#334155;background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-weight:500;display:flex}.employee-view-assignment-container{flex-direction:column;gap:24px;margin-top:25px;display:flex}.employee-view-assignment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .25s;overflow:hidden;box-shadow:0 2px 8px #0000000f}.employee-view-assignment-card:hover{box-shadow:0 8px 20px #00000014}.employee-view-assignment-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.employee-view-assignment-header h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}.employee-view-assignment-header p{color:#6b7280;margin-top:4px;font-size:14px}.employee-view-assignment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:24px;display:grid}.employee-view-assignment-item{flex-direction:column;display:flex}.employee-view-assignment-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.employee-view-assignment-item span{color:#111827;font-size:15px;font-weight:500}.employee-view-assignment-remarks{padding:0 24px 24px}.employee-view-assignment-remarks label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.employee-view-assignment-remarks p{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:15px;line-height:1.6}.employee-view-assignment-badge{border-radius:20px;justify-content:center;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.employee-view-assignment-badge-green{color:#15803d;background:#dcfce7}.employee-view-assignment-badge-red{color:#dc2626;background:#fee2e2}.employee-view-assignment-badge-gray{color:#4b5563;background:#f3f4f6}.employee-view-assignment-badge-blue{color:#2563eb;background:#dbeafe}.employee-view-assignment-table-wrapper{width:100%;padding:0 24px 24px;overflow-x:auto}.employee-view-assignment-table{border-collapse:collapse;width:100%}.employee-view-assignment-table thead{background:#fff}.employee-view-assignment-table thead th{color:#374151;background:#fff;border-bottom:2px solid #e5e7eb;padding:16px;font-size:14px;font-weight:600}.employee-view-assignment-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.employee-view-assignment-table tbody tr{transition:background .25s}.employee-view-assignment-table tbody tr:hover{background:#f8fafc}.employee-view-assignment-table tbody tr:last-child td{border-bottom:none}.employee-view-assignment-loading{text-align:center;color:#6b7280;padding:60px;font-size:18px;font-weight:600}.employee-view-assignment-empty{text-align:center;color:#6b7280;background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;padding:50px;font-size:15px;font-weight:500}@media (width<=768px){.employee-view-assignment-header{flex-direction:column;align-items:flex-start;gap:12px}.employee-view-assignment-grid{grid-template-columns:1fr;padding:18px}.employee-view-assignment-remarks,.employee-view-assignment-table-wrapper{padding:0 18px 18px}.employee-view-assignment-table th,.employee-view-assignment-table td{padding:12px;font-size:13px}}.employee-view-assignment-section{margin-top:35px}.employee-view-assignment-section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.employee-view-assignment-section-header h4{color:#1f2937;margin:0;font-size:20px;font-weight:600}.employee-view-assignment-section+.employee-view-assignment-section{margin-top:40px}.employee-view-assignment-section-header{border-left:5px solid #2563eb;padding-left:14px}.employee-qualification-view{width:100%}.qualification-table-wrapper{width:100%;overflow-x:auto}.qualification-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}.qualification-table thead{background:#2563eb}.qualification-table th{text-align:left;color:#fff;white-space:nowrap;border-bottom:2px solid #1d4ed8;padding:15px 18px;font-size:14px;font-weight:600}.qualification-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:15px 18px;font-size:14px}.qualification-table tbody tr{transition:background-color .2s}.qualification-table tbody tr:hover{background:#eff6ff}.qualification-table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.qualification-table{min-width:900px}}.employee-experience-view{width:100%}.experience-table-wrapper{width:100%;overflow-x:auto}.experience-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}.experience-table thead{background:#2563eb}.experience-table th{text-align:left;color:#fff;white-space:nowrap;border-bottom:2px solid #1d4ed8;padding:15px 18px;font-size:14px;font-weight:600}.experience-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:15px 18px;font-size:14px}.experience-table tbody tr{transition:background-color .2s}.experience-table tbody tr:hover{background:#eff6ff}.experience-table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.experience-table{min-width:900px}}.employee-document-view{width:100%}.empty-state{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px;font-size:15px}.document-table-wrapper{width:100%;overflow-x:auto}.document-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}.document-table thead{background:#2563eb}.document-table th{text-align:left;color:#fff;white-space:nowrap;border-bottom:2px solid #1d4ed8;padding:15px 18px;font-size:14px;font-weight:600}.document-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:15px 18px;font-size:14px}.document-table tbody tr{transition:background-color .2s}.document-table tbody tr:hover{background:#eff6ff}.document-table tbody tr:last-child td{border-bottom:none}.document-table a{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.document-table a:hover{color:#1d4ed8;text-decoration:underline}.document-no-file{color:#9ca3af;font-style:italic}@media (width<=768px){.document-table{min-width:1000px}}.family-form{flex-direction:column;display:flex}.family-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.family-form-grid .full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.checkbox-group{align-items:center;gap:10px;margin-top:10px;display:flex}.checkbox-group input{width:18px;height:18px}.validation-error{color:#dc2626;margin-top:5px;font-size:12px}.form-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;display:flex}.form-footer .btn-primary,.form-footer .btn-secondary{min-width:120px}@media (width<=768px){.family-form-grid{grid-template-columns:1fr}.family-form-grid .full-width{grid-column:auto}.form-footer{flex-direction:column}.form-footer .btn-primary,.form-footer .btn-secondary{width:100%}}.family-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.family-modal-container{background:#fff;border-radius:14px;flex-direction:column;width:1050px;max-width:95%;max-height:92vh;animation:.25s familyModal;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes familyModal{0%{opacity:0;transform:translateY(-15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.family-modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.family-modal-header h3{color:#1e293b;margin:0;font-size:22px;font-weight:700}.family-modal-close{cursor:pointer;color:#475569;background:#e2e8f0;border:none;border-radius:50%;width:38px;height:38px;font-size:22px;transition:all .25s}.family-modal-close:hover{color:#dc2626;background:#fee2e2;transform:rotate(90deg)}.family-modal-body{background:#fafafa;flex:1;padding:28px;overflow-y:auto}.family-modal-body::-webkit-scrollbar{width:8px}.family-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.family-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=992px){.family-modal-container{width:95%}}@media (width<=768px){.family-modal-overlay{padding:10px}.family-modal-body{padding:18px}.family-modal-header{padding:16px 18px}.family-modal-header h3{font-size:18px}}.employee-tab-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.tab-title{color:#1e293b;margin:0;font-size:28px;font-weight:700}.family-table{border-collapse:separate;border-spacing:0;border-radius:12px;width:100%;overflow:hidden}.family-table thead{z-index:5;position:sticky;top:0}.family-table thead th{color:#fff;text-align:left;background:#1e293b;border:none;padding:16px;font-size:15px;font-weight:600}.family-table tbody tr{background:#fff;transition:all .25s}.family-table tbody tr:nth-child(2n){background:#f8fafc}.family-table tbody tr:hover{background:#eef6ff}.family-table td{vertical-align:middle;color:#475569;border-bottom:1px solid #e5e7eb;padding:16px;font-size:15px}.family-table strong{color:#1e293b;font-weight:600}.table-message{text-align:center;color:#64748b;font-size:15px;padding:40px!important}.relation-badge{color:#1d4ed8;background:#dbeafe;border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.badge{border-radius:30px;justify-content:center;align-items:center;min-width:80px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7}.badge-danger{color:#dc2626;background:#fee2e2}.badge-warning{color:#b45309;background:#fef3c7}.badge-light{color:#64748b;background:#f1f5f9}.action-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;transition:all .25s;display:flex}.btn-view{color:#fff;background:#2563eb}.btn-view:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-edit:hover{background:#0284c7;transform:translateY(-2px)}.btn-delete{color:#fff;background:#ef4444}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.btn-add{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .25s;display:flex}.btn-add:hover{background:#1d4ed8;transform:translateY(-2px)}@media (width<=992px){.employee-tab-header{flex-direction:column;align-items:flex-start;gap:15px}.family-table{min-width:900px}}.employee-view-container{padding:20px}.employee-page-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 25px;display:flex;box-shadow:0 2px 10px #0f172a14}.employee-page-header h2{color:#0f172a;margin:0;font-size:28px;font-weight:700}.employee-header-buttons{gap:12px;display:flex}.btn-edit,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s}.btn-edit{color:#fff;background:#2563eb}.btn-edit:hover{background:#1d4ed8}.btn-secondary{color:#fff;background:#64748b}.employee-profile-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 10px #0f172a14}.employee-profile-card h3{text-align:center;color:#0f172a;border-bottom:1px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:28px;font-weight:600}.employee-profile-header{align-items:center;gap:30px;display:flex}.employee-photo{flex-shrink:0;width:120px;height:120px}.employee-photo img{object-fit:cover;border:3px solid #dbeafe;border-radius:50%;width:100%;height:100%}.photo-placeholder{color:#fff;background:#2563eb;border:3px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:52px;font-weight:700;display:flex}.employee-header-info h2{color:#0f172a;margin:0 0 12px;font-size:42px}.employee-header-info p{color:#475569;margin:10px 0;font-size:16px}.employee-header-info b{color:#0f172a}.status-active,.status-inactive{border-radius:20px;margin-top:15px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#991b1b;background:#fee2e2}.employee-info-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px;transition:all .25s}.info-item:hover{transform:translateY(-2px);box-shadow:0 3px 10px #00000014}.info-item label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.info-item p{color:#0f172a;word-break:break-word;margin:0;font-size:16px;font-weight:500}.employee-profile-card>p{color:#334155;margin:0;line-height:1.7}.employee-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex;box-shadow:0 2px 10px #0f172a14}.employee-tabs button{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:14px;font-weight:600;transition:all .25s}.employee-tabs button:hover{color:#fff;background:#2563eb}.employee-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.employee-tab-content{width:100%;margin-top:25px}.loading-message,.error-message{text-align:center;background:#fff;border-radius:12px;padding:40px;font-size:18px;box-shadow:0 2px 10px #0f172a14}.loading-message{color:#64748b}.error-message{color:#dc2626}@media (width<=992px){.employee-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.employee-view-container{padding:15px}.employee-page-header{flex-direction:column;align-items:flex-start;gap:15px}.employee-header-buttons{width:100%}.employee-profile-header{text-align:center;flex-direction:column}.employee-header-info h2{font-size:32px}.employee-info-grid{grid-template-columns:1fr}.employee-tabs{flex-direction:column}.employee-tabs button{width:100%}}@media (width<=480px){.employee-photo,.photo-placeholder{width:90px;height:90px}.photo-placeholder{font-size:40px}.employee-header-info h2{font-size:26px}.employee-profile-card{padding:18px}}.employee-view-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:35px;padding-top:20px;display:flex}@media (width<=768px){.employee-view-footer{flex-direction:column;gap:15px}.employee-view-footer .btn-primary,.employee-view-footer .btn-secondary{width:100%}}.title-section p{color:#64748b;margin-top:5px;font-size:15px}.search-input{border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.search-input:focus{border-color:#2563eb}.search-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:10px 22px;font-weight:600}.department-table{border-collapse:collapse;width:100%}.department-table thead{background:#f8fafc}.department-table th{text-align:left;color:#334155;border-bottom:1px solid #e2e8f0;padding:14px;font-size:14px}.department-table td{color:#475569;border-bottom:1px solid #edf2f7;padding:14px;font-size:14px}.department-table tbody tr:hover{background:#f8fafc}.view-btn,.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:6px;padding:7px 12px;font-size:13px;transition:all .2s}.view-btn{color:#fff;background:#0ea5e9}.view-btn:hover{background:#0284c7}.edit-btn{color:#fff;background:#f59e0b}.delete-btn{color:#fff;background:#ef4444}.delete-btn:hover{background:#dc2626}.page-number{color:#334155;font-weight:600}@media (width<=768px){.header-top{flex-direction:column;align-items:flex-start;gap:15px}.search-row,.filter-row{flex-direction:column}.filter-select{width:100%}.table-container{overflow-x:auto}.action-buttons{flex-direction:column}}.form-group label{color:#334155;margin-bottom:8px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.page-header{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.header-top{justify-content:space-between;align-items:center;display:flex}.title-section h1{color:#1f2937;margin:0;font-size:28px}.title-section p{color:#6b7280;margin-top:5px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.btn-secondary{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:10px 18px}.filter-panel{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.search-row{gap:10px;margin-bottom:15px;display:flex}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:10px}.search-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:10px 25px}.search-btn:hover{background:#15803d}.filter-row{gap:15px;display:flex}.filter-select{border:1px solid #d1d5db;border-radius:8px;width:250px;padding:10px}.table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014}.vehicle-table{border-collapse:collapse;width:100%}.vehicle-table thead{background:#f8fafc}.vehicle-table th{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.vehicle-table td{border-bottom:1px solid #f1f5f9;padding:14px}.vehicle-table tbody tr:hover{background:#f9fafb}.status-badge{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#15803d;background:#dcfce7}.status-badge.inactive{color:#dc2626;background:#fee2e2}.action-buttons{gap:8px;display:flex}.view-btn,.edit-btn,.delete-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:7px 12px;font-size:13px}.view-btn{background:#0284c7}.edit-btn{background:#d97706}.delete-btn{background:#dc2626}.pagination{justify-content:center;align-items:center;gap:15px;padding:20px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 18px}.pagination button:disabled{cursor:not-allowed;background:#cbd5e1}.page-number{font-weight:600}.form-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #00000014}.form-group label{margin-bottom:8px;font-weight:600}.form-group input,.form-group textarea,.form-group select{border:1px solid #d1d5db;border-radius:8px;padding:10px}.checkbox-group{justify-content:center}.checkbox-group label{align-items:center;gap:10px;display:flex}.form-actions{gap:15px;margin-top:30px;display:flex}@media (width<=768px){.header-top{flex-direction:column;align-items:flex-start;gap:15px}.search-row,.filter-row{flex-direction:column}.filter-select{width:100%}.table-container{overflow-x:auto}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.checkbox-group{align-items:center;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}.checkbox-label input{width:18px;height:18px}.view-section{margin-bottom:35px}.view-section:last-child{margin-bottom:0}.view-section h3{color:#1f3c5c;border-bottom:2px solid #edf2f7;margin:0 0 22px;padding-bottom:12px;font-size:22px;font-weight:600}.view-item.full-width{grid-column:1/-1}.view-item label{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:600}.view-item p{color:#374151;word-break:break-word;background:#f8fafc;border:1px solid #dbe3ec;border-radius:8px;align-items:center;min-height:46px;margin:0;padding:12px 14px;font-size:15px;display:flex}.view-status{border-radius:30px;justify-content:center;align-items:center;min-width:90px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.view-status.active{color:#166534;background:#dcfce7}.view-status.inactive{color:#991b1b;background:#fee2e2}@media (width<=768px){.view-card{padding:20px}.view-grid{grid-template-columns:1fr}}.view-page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.view-page-header h2{color:#1f3c5c;margin:0;font-size:32px;font-weight:700}.view-page-header .btn-back{margin:0}.dat-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dat-page-header h2{color:#1f2937;margin:0;font-size:24px;font-weight:600}.dat-card{box-sizing:border-box;background:#fff;border-radius:10px;width:100%;padding:24px;box-shadow:0 2px 8px #0000000f}.dat-toolbar{align-items:center;gap:16px;width:100%;margin-bottom:22px;display:flex}.dat-search{flex:1;min-width:0}.dat-search input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.dat-search input::placeholder{color:#9ca3af}.dat-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dat-status-filter{flex-shrink:0;align-items:center;gap:8px;display:flex}.dat-status-filter label{color:#374151;white-space:nowrap;font-size:14px;font-weight:500}.dat-status-filter select{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;min-width:125px;height:44px;padding:0 32px 0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.dat-status-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dat-toolbar .btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.dat-toolbar .btn-add:hover{background:#1d4ed8}.dat-toolbar .btn-add:active{transform:translateY(1px)}.dat-table-wrapper{width:100%;overflow-x:auto}.dat-table{border-collapse:collapse;width:100%;min-width:850px}.dat-table thead th{color:#374151;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:13px;font-weight:600}.dat-table tbody td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef0f3;padding:14px 16px;font-size:14px}.dat-table tbody tr:hover{background:#f9fafb}.dat-table tbody tr:last-child td{border-bottom:none}.dat-status-active,.dat-status-inactive{border-radius:20px;justify-content:center;align-items:center;min-width:72px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.dat-status-active{color:#15803d;background:#dcfce7}.dat-status-inactive{color:#dc2626;background:#fee2e2}.dat-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.dat-actions .btn-view{color:#2563eb;box-sizing:border-box;background:#eff6ff;border-radius:5px;justify-content:center;align-items:center;min-width:52px;height:32px;padding:0 11px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dat-actions .btn-view:hover{background:#dbeafe}.dat-actions .btn-edit{color:#b45309;box-sizing:border-box;background:#fef3c7;border-radius:5px;justify-content:center;align-items:center;min-width:52px;height:32px;padding:0 11px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dat-actions .btn-edit:hover{background:#fde68a}.dat-actions .btn-delete{color:#dc2626;cursor:pointer;box-sizing:border-box;background:#fef2f2;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:58px;height:32px;padding:0 11px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.dat-actions .btn-delete:hover{background:#fee2e2}.dat-no-records{font-size:14px;text-align:center!important;color:#6b7280!important;padding:35px 20px!important}.dat-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:18px;display:flex}.dat-entry-info{color:#6b7280;white-space:nowrap;font-size:13px}.dat-entry-info strong{color:#374151;font-weight:600}.dat-pagination-controls{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.dat-page-size{align-items:center;gap:8px;display:flex}.dat-page-size label{color:#6b7280;white-space:nowrap;font-size:13px}.dat-page-size select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:65px;height:36px;padding:0 8px;font-size:13px}.dat-page-size select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dat-page-buttons{align-items:center;gap:5px;display:flex}.dat-page-buttons button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.dat-page-buttons button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dat-page-buttons button.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.dat-page-buttons button.active:hover{background:#1d4ed8;border-color:#1d4ed8}.dat-page-buttons button:disabled{color:#c4c9d1;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}@media (width<=900px){.dat-toolbar{flex-wrap:wrap}.dat-search{flex:100%}.dat-status-filter{flex:1}.dat-toolbar .btn-add{margin-left:auto}.dat-pagination{align-items:flex-start}}@media (width<=600px){.dat-card{padding:16px}.dat-page-header h2{font-size:20px}.dat-toolbar{flex-direction:column;align-items:stretch;gap:12px}.dat-search{width:100%}.dat-status-filter{justify-content:space-between;width:100%}.dat-status-filter select{flex:1;max-width:180px}.dat-toolbar .btn-add{width:100%;margin-left:0}.dat-pagination{flex-direction:column;align-items:stretch;gap:15px}.dat-entry-info{text-align:center;width:100%}.dat-pagination-controls{flex-direction:column;align-items:center;gap:15px;width:100%}.dat-page-size{justify-content:center;width:100%}.dat-page-buttons{flex-wrap:wrap;justify-content:center;width:100%}}@media (width<=400px){.dat-page-buttons button{min-width:34px;height:34px;padding:0 8px;font-size:12px}.dat-page-size select{height:34px}}.form-page{max-width:1100px;margin:0 auto;padding:20px}.form-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.form-header h2{color:#1e293b;margin:0;font-size:28px}.form-header p{color:#64748b;margin-top:6px;font-size:14px}.common-form{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 10px #00000014}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.form-group textarea{resize:vertical;min-height:120px}.checkbox-group{align-items:center;margin-top:10px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.form-buttons{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.save-btn{color:#fff;background:#2563eb}.cancel-btn{color:#fff;background:#6b7280}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.form-buttons{flex-direction:column;justify-content:stretch}.save-btn,.cancel-btn{width:100%}}.dat-view-page{max-width:1100px;margin:auto;padding:20px}.dat-view-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dat-view-header h2{color:#1e293b;margin:0}.dat-view-header p{color:#64748b;margin-top:5px}.dat-back-btn{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:6px;padding:10px 18px;font-size:14px}.dat-back-btn:hover{background:#334155}.dat-view-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 10px #00000014}.dat-view-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dat-view-item{flex-direction:column;display:flex}.dat-view-item label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:600}.dat-view-item span{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-height:20px;padding:10px 12px;font-size:15px}.dat-full-width{grid-column:1/-1}.dat-status-active{width:fit-content;font-weight:600;display:inline-block;color:#166534!important;background:#dcfce7!important;border:1px solid #86efac!important}.dat-status-inactive{width:fit-content;font-weight:600;display:inline-block;color:#991b1b!important;background:#fee2e2!important;border:1px solid #fca5a5!important}.dat-view-loading{text-align:center;color:#64748b;padding:40px;font-size:18px}@media (width<=768px){.dat-view-grid{grid-template-columns:1fr}.dat-view-header{flex-direction:column;align-items:flex-start;gap:15px}}.employee-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.employee-header h2{color:#2c3e50;margin:0;font-size:24px;font-weight:600}.btn-add{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-add:hover{background:#0056b3}.employee-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.employee-filters{grid-template-columns:2fr 1.2fr 1.2fr 1fr auto;align-items:center;gap:12px;margin-bottom:20px;display:grid}.employee-filters input,.employee-filters select{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.employee-filters input:focus,.employee-filters select:focus{border-color:#007bff}.btn-search{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:10px 18px;font-size:14px;transition:all .2s}.btn-search:hover{background:#218838}.employee-table{border-collapse:collapse;width:100%}.employee-table th{color:#fff;text-align:left;background:#1f2a3d;border:1px solid #e6e6e6;padding:12px;font-size:14px;font-weight:600}.employee-table td{vertical-align:middle;border:1px solid #ececec;padding:12px;font-size:14px}.employee-table tbody tr:hover{background:#fafafa}.status-active,.status-inactive{text-align:center;border-radius:20px;min-width:70px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.employee-table td:first-child{white-space:nowrap;min-width:170px}.action-buttons{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.btn-action{cursor:pointer;color:#fff;border:none;border-radius:4px;min-width:70px;padding:6px 12px;font-size:13px;transition:all .2s}.btn-action.view{background:#17a2b8}.btn-action.view:hover{background:#117a8b}.btn-action.edit{color:#212529;background:#ffc107}.btn-action.edit:hover{background:#e0a800}.btn-action.delete{background:#dc3545}.btn-action.delete:hover{background:#c82333}.employee-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.employee-pagination button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:5px;padding:8px 18px;transition:all .2s}.employee-pagination button:hover:not(:disabled){background:#0056b3}.employee-pagination button:disabled{cursor:not-allowed;background:#c7c7c7}.employee-pagination span{font-weight:500}@media (width<=992px){.employee-filters{grid-template-columns:1fr}.employee-header{flex-direction:column;align-items:stretch;gap:12px}.btn-add{width:100%}.employee-table{white-space:nowrap;display:block;overflow-x:auto}.action-buttons{flex-wrap:nowrap}}.employee-assignment-page{flex-direction:column;gap:24px;display:flex}.page-header h2{color:#1f2937;letter-spacing:-.4px;margin:0;font-size:28px;font-weight:700}.page-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px;transition:all .25s;box-shadow:0 6px 18px #0f172a0d}.page-card:hover{box-shadow:0 10px 24px #0f172a14}.loading{color:#6b7280;justify-content:center;align-items:center;min-height:350px;font-size:18px;font-weight:600;display:flex}@media (width<=992px){.page-card{padding:24px}}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h2{font-size:24px}.page-card{border-radius:12px;padding:20px}}.badge{border-radius:30px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-gray{color:#4b5563;background:#f3f4f6}.table-responsive{width:100%;overflow-x:auto}.assignment-table{border-collapse:collapse;background:#fff;width:100%}.assignment-table thead tr{background:#f8fafc}.assignment-table thead th{text-align:left;border-bottom:2px solid #e5e7eb;padding:15px 18px;font-size:14px;font-weight:600;color:#374151!important;background:#f8fafc!important}.assignment-table tbody td{color:#374151;border-bottom:1px solid #e5e7eb;padding:15px 18px;font-size:14px}.assignment-table tbody tr:nth-child(2n){background:#fafafa}.assignment-table tbody tr:hover{background:#eff6ff}.assignment-table tbody tr:last-child td{border-bottom:none}.form-actions{justify-content:flex-end;gap:12px;margin-top:20px;margin-bottom:20px;display:flex}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-back{width:100%}}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header p{color:#6b7280;margin-top:5px;font-size:14px}.btn-back{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .25s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .25s}.btn-secondary:hover{background:#f3f4f6}.view-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:25px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.view-card-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:18px 25px}.view-card-header h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:25px;display:grid}.info-item{flex-direction:column;display:flex}.info-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600}.info-item span{color:#111827;font-size:15px;font-weight:500}.remarks-section{padding:0 25px 25px}.remarks-section label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.remarks-box{white-space:pre-wrap;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:80px;padding:15px;line-height:1.6}.badge{border-radius:30px;width:fit-content;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-green{color:#15803d;background:#dcfce7}.badge-red{color:#dc2626;background:#fee2e2}.loading{text-align:center;color:#6b7280;padding:80px;font-size:18px;font-weight:600}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.info-grid{grid-template-columns:1fr}.btn-back{width:100%}}.page-header{margin-bottom:20px}.loading{text-align:center;padding:20px;font-weight:600}.view-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014}.view-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:30px;display:grid}.view-item{flex-direction:column;display:flex}.view-item label{color:#6b7280;margin-bottom:6px;font-weight:600}.view-item span{color:#111827;font-size:15px}.view-section{margin-top:20px}.view-section label{color:#374151;margin-bottom:8px;font-weight:600;display:block}.view-section p{white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:70px;padding:14px}.view-footer{justify-content:flex-end;margin-top:30px;display:flex}.btn-back{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-weight:600}@media (width<=768px){.view-card{padding:20px}.view-grid{grid-template-columns:1fr}}.document-type-page-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.document-type-page-header h2{color:#1f2937;margin:0;font-size:28px;font-weight:600}@media (width<=768px){.document-type-page-header{flex-direction:column;align-items:flex-start}}.view-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014}.mandatory-badge{color:#1d4ed8;background:#dbeafe;border-radius:20px;padding:5px 12px;font-weight:600}.view-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.view-group{flex-direction:column;display:flex}.view-group label{color:#6b7280;margin-bottom:6px;font-size:13px;font-weight:600}.view-group p{color:#111827;margin:0;font-size:15px}.status-active{color:#166534;background:#dcfce7;border-radius:20px;width:fit-content;padding:5px 12px;font-weight:600;display:inline-block}.status-inactive{color:#991b1b;background:#fee2e2;border-radius:20px;width:fit-content;padding:5px 12px;font-weight:600;display:inline-block}.btn-back{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.btn-back:hover{background:#1d4ed8}@media (width<=768px){.view-grid{grid-template-columns:1fr}}.document-type-search-bar{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px;display:flex}.document-type-search-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:360px;height:44px;padding:0 15px;font-size:15px;transition:all .25s}.document-type-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.document-type-search-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:180px;height:44px;padding:0 12px;font-size:15px}.document-type-search-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.document-type-btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;min-width:100px;height:44px;font-size:15px;font-weight:600;transition:all .25s}.document-type-btn-search:hover{background:#1d4ed8}.document-type-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014}.document-type-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.document-type-title{color:#1f2937;margin:0;font-size:24px;font-weight:600}.document-type-subtitle{color:#6b7280;margin-top:6px;font-size:14px}.document-type-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px;display:grid}.document-type-form-group{flex-direction:column;display:flex}.document-type-form-group label{color:#374151;margin-bottom:8px;font-weight:600}.document-type-form-group input,.document-type-form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .25s}.document-type-form-group input:focus,.document-type-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.document-type-form-group textarea{resize:vertical;min-height:100px}.document-type-description{margin-top:10px}.document-type-checkbox-group{justify-content:flex-end}.document-type-checkbox{cursor:pointer;align-items:center;gap:10px;margin-top:34px;display:flex}.document-type-checkbox input{width:18px;height:18px}.document-type-required{color:#dc2626;margin-left:3px}.document-type-error{color:#dc2626;margin-top:6px;font-size:13px}.document-type-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.document-type-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 22px;font-weight:600;transition:all .25s}.document-type-btn-save:hover{background:#1d4ed8}.document-type-btn-save:disabled{cursor:not-allowed;background:#9ca3af}.document-type-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 22px;transition:all .25s}.document-type-btn-cancel:hover{background:#f3f4f6}@media (width<=768px){.document-type-card{padding:20px}.document-type-grid{grid-template-columns:1fr}.document-type-footer{flex-direction:column-reverse}.document-type-btn-save,.document-type-btn-cancel{width:100%}}.pl-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px}.pl-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.pl-title{color:#1f2937;margin:0;font-size:26px;font-weight:700}.pl-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px}.pl-add-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.pl-add-button:hover{background:#1d4ed8}.pl-add-button:active{transform:translateY(1px)}.pl-add-icon{font-size:20px;line-height:1}.pl-search-area{box-sizing:border-box;align-items:flex-end;gap:14px;width:100%;margin-bottom:12px;display:flex}.pl-search-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;flex:1;min-width:0;height:42px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.pl-search-input::placeholder{color:#9ca3af}.pl-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.parent-filter-group{flex-direction:column;flex-shrink:0;gap:5px;width:180px;display:flex}.parent-filter-group label{color:#374151;font-size:13px;font-weight:600}.parent-filter-group select{color:#1f2937;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:42px;padding:0 34px 0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.parent-filter-group select:hover{border-color:#9ca3af}.parent-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pl-clear-filter-button{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;flex-shrink:0;height:42px;padding:0 15px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.pl-clear-filter-button:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.pl-result-summary{color:#6b7280;margin-bottom:12px;font-size:13px}.pl-result-summary strong{color:#374151}.pl-table-container{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.pl-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px;font-size:14px}.pl-col-number{width:55px}.pl-col-name{width:18%}.pl-col-phone{width:13%}.pl-col-email{width:20%}.pl-col-occupation{width:14%}.pl-col-students{width:9%}.pl-col-status{width:10%}.pl-col-actions{width:11%}.pl-table thead{background:#f8fafc}.pl-table th{color:#374151;text-align:left;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #e5e7eb;height:48px;padding:0 12px;font-size:13px;font-weight:700}.pl-table th.pl-center{text-align:center}.pl-table td{color:#374151;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #f0f1f3;height:58px;padding:10px 12px}.pl-table tbody tr:last-child td{border-bottom:none}.pl-row{transition:background .15s}.pl-row:hover{background:#f9fafb}.pl-number-cell{text-align:center;font-size:13px;color:#6b7280!important}.pl-parent-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pl-nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pl-email{white-space:nowrap;text-overflow:ellipsis;color:#4b5563;max-width:100%;overflow:hidden}.pl-center{text-align:center!important}.pl-student-count{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;min-width:30px;height:28px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.pl-status{box-sizing:border-box;border-radius:14px;justify-content:center;align-items:center;min-width:70px;height:27px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.pl-status-active{color:#15803d;background:#ecfdf3}.pl-status-inactive{color:#dc2626;background:#fef2f2}.pl-actions{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.pl-action{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.pl-action:hover{transform:translateY(-1px)}.pl-action-view:hover{background:#eff6ff;border-color:#bfdbfe}.pl-action-edit:hover{background:#fffbeb;border-color:#fde68a}.pl-action-delete:hover{background:#fef2f2;border-color:#fecaca}.pl-message{font-size:14px;text-align:center!important;color:#6b7280!important;vertical-align:middle!important;height:180px!important}@media (width<=900px){.pl-page{padding:18px}.pl-header{align-items:flex-start}.pl-search-area{flex-wrap:wrap}.pl-search-input{flex:100%}.parent-filter-group{width:180px}}@media (width<=600px){.pl-page{padding:14px}.pl-header{flex-direction:column;gap:14px}.pl-add-button{width:100%}.pl-search-area{flex-direction:column;align-items:stretch}.pl-search-input,.parent-filter-group,.pl-clear-filter-button{width:100%}.pl-table-container{border-radius:8px}}.pl-pagination{box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:14px;padding:12px 4px;display:flex}.pl-page-size{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.pl-page-size select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:65px;height:34px;padding:0 8px;font-size:13px}.pl-pagination-info{color:#6b7280;white-space:nowrap;font-size:13px}.pl-pagination-info strong{color:#374151;font-weight:600}.pl-pagination-buttons{align-items:center;gap:5px;display:flex}.pl-page-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pl-page-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pl-page-button-active{color:#fff;background:#2563eb;border-color:#2563eb}.pl-page-button-active:hover{background:#1d4ed8;border-color:#1d4ed8}.pl-page-button:disabled{opacity:.45;cursor:not-allowed;background:#f9fafb}@media (width<=800px){.pl-pagination{flex-wrap:wrap;justify-content:center;gap:12px}.pl-pagination-buttons{justify-content:center;width:100%}}.parent-form-container{background:#fff;border-radius:8px;margin:20px;padding:25px;box-shadow:0 2px 8px #00000014}.parent-form-container h2{color:#1f2937;margin-bottom:25px}.form-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:500}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.form-group input{box-sizing:border-box;height:40px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.form-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px}.save-btn{color:#fff;background:#16a34a;border:1px solid #16a34a}.save-btn:hover{background:#15803d}.cancel-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.cancel-btn:hover{background:#f3f4f6}@media (width<=900px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.parent-form-container{margin:10px;padding:15px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.form-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.parent-view-container{padding:20px}.parent-view-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.parent-view-header h2{color:#1f2937;margin:0}.parent-view-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.parent-view-actions{gap:10px;display:flex}.back-btn,.edit-btn{cursor:pointer;border-radius:6px;padding:9px 18px;font-size:14px}.back-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.back-btn:hover{background:#f3f4f6}.edit-btn{color:#fff;background:#2563eb;border:1px solid #2563eb}.edit-btn:hover{background:#1d4ed8}.parent-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:hidden}.card-title{color:#1f2937;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:15px 20px;font-size:17px;font-weight:600}.parent-info-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;display:grid}.info-item{flex-direction:column;gap:6px;display:flex}.info-item label{color:#6b7280;font-size:13px;font-weight:500}.info-item span{color:#111827;font-size:15px}.full-width{grid-column:1/-1}.status-active{font-weight:600;color:#15803d!important}.status-inactive{font-weight:600;color:#dc2626!important}.student-summary{align-items:center;gap:15px;padding:20px;display:flex}.student-count{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;font-weight:600;display:flex}.student-summary strong{color:#1f2937}.student-summary p{color:#6b7280;margin:5px 0 0;font-size:13px}@media (width<=900px){.parent-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.parent-view-header{flex-direction:column;align-items:flex-start;gap:15px}.parent-view-actions{width:100%}.back-btn,.edit-btn{flex:1}.parent-info-grid{grid-template-columns:1fr}.full-width{grid-column:auto}}.attendance-page-header{text-align:center;background:#fff;border-radius:16px;margin-bottom:24px;padding:28px 32px;box-shadow:0 8px 22px #0f172a14}.attendance-page-header h2{color:#1e293b;margin:0;font-size:32px;font-weight:700}.attendance-page-header p{color:#64748b;margin:8px 0 20px;font-size:16px}.attendance-page-header-actions{justify-content:center;align-items:center;gap:0;display:flex}.attendance-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px 0 0 10px;height:46px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s}.attendance-btn-primary:hover{background:#1d4ed8}.attendance-btn-secondary{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:0 10px 10px 0;height:46px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s}.attendance-btn-secondary:hover{background:#f8fafc}.attendance-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 22px #0f172a14}.attendance-toolbar{grid-template-columns:minmax(280px,1.5fr) minmax(190px,.8fr) minmax(160px,.7fr) auto;align-items:end;gap:18px;margin-bottom:24px;display:grid}.attendance-search,.attendance-filter{flex-direction:column;gap:7px;display:flex}.attendance-search label,.attendance-filter label{color:#475569;font-size:14px;font-weight:600}.attendance-search input,.attendance-filter input,.attendance-filter select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:42px;padding:0 12px;font-size:14px;transition:all .2s}.attendance-search input:focus,.attendance-filter input:focus,.attendance-filter select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.btn-clear-filter{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-clear-filter:hover{background:#f1f5f9;border-color:#94a3b8}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table{border-collapse:separate;border-spacing:0;width:100%;min-width:950px;overflow:hidden}.attendance-table thead{background:#1e293b}.attendance-table th{color:#fff;text-align:left;white-space:nowrap;padding:15px 14px;font-size:14px;font-weight:600}.attendance-table th:first-child{border-top-left-radius:10px}.attendance-table th:last-child{border-top-right-radius:10px}.attendance-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px;font-size:14px}.attendance-table tbody tr{transition:background .15s}.attendance-table tbody tr:hover{background:#f8fafc}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-table td strong{color:#1e293b;font-weight:600}.status-present,.status-absent,.status-halfday,.status-leave,.status-holiday,.status-default{border-radius:20px;justify-content:center;align-items:center;min-width:76px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-present{color:#15803d;background:#dcfce7}.status-absent{color:#b91c1c;background:#fee2e2}.status-halfday{color:#b45309;background:#fef3c7}.status-leave{color:#1d4ed8;background:#dbeafe}.status-holiday{color:#6d28d9;background:#ede9fe}.status-default{color:#475569;background:#e2e8f0}.action-buttons{align-items:center;gap:6px;display:flex}.attendance-table .btn-view{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;min-width:58px;height:34px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s}.attendance-table .btn-view:hover{background:#1d4ed8}.attendance-table .btn-edit{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:7px;min-width:58px;height:34px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s}.attendance-table .btn-edit:hover{background:#d97706}.attendance-table .btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;min-width:62px;height:34px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s}.attendance-table .btn-delete:hover{background:#b91c1c}.attendance-table .no-data{text-align:center;color:#64748b;height:100px;font-size:14px}.attendance-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:20px;display:flex}.attendance-entry-info{color:#64748b;font-size:13px}.attendance-entry-info strong{color:#334155;font-weight:600}.attendance-pagination-controls{align-items:center;gap:18px;display:flex}.attendance-page-size{align-items:center;gap:8px;display:flex}.attendance-page-size label{color:#64748b;font-size:13px}.attendance-page-size select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;height:34px;padding:0 28px 0 9px;font-size:13px}.attendance-page-size select:focus{border-color:#2563eb;outline:none}.attendance-page-buttons{align-items:center;gap:5px;display:flex}.attendance-page-buttons button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:34px;height:34px;padding:0 10px;font-size:13px;font-weight:500;transition:all .2s}.attendance-page-buttons button:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.attendance-page-buttons button.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.attendance-page-buttons button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1000px){.attendance-toolbar{grid-template-columns:repeat(2,1fr)}.btn-clear-filter{width:100%}.attendance-pagination{flex-direction:column;align-items:flex-start}}@media (width<=650px){.attendance-page-header{padding:22px 18px}.attendance-page-header h2{font-size:26px}.attendance-page-header-actions{width:100%}.attendance-btn-primary,.attendance-btn-secondary{flex:1;padding:0 12px}.attendance-card{padding:15px}.attendance-toolbar{grid-template-columns:1fr;gap:14px}.attendance-pagination-controls{flex-direction:column;align-items:flex-start;width:100%}.attendance-page-buttons{width:100%;padding-bottom:3px;overflow-x:auto}}.employee-attendance-page{width:100%;padding-bottom:30px}.employee-attendance-page-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 24px;display:flex;box-shadow:0 5px 15px #0f172a12}.employee-attendance-page-header h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}.employee-attendance-page-header p{color:#64748b;margin:5px 0 0;font-size:13px}.employee-attendance-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:24px;box-shadow:0 6px 18px #0f172a12}.employee-attendance-section{margin-bottom:28px}.employee-attendance-section:last-of-type{margin-bottom:10px}.employee-attendance-section h3{color:#1e293b;border-bottom:1px solid #e5e7eb;margin:0 0 15px;padding-bottom:10px;font-size:16px;font-weight:700}.employee-attendance-detail-grid{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;padding:5px 20px;display:grid}.employee-attendance-detail-item{border-bottom:1px solid #e5e7eb;align-items:center;min-height:62px;display:flex}.employee-attendance-detail-item:nth-last-child(-n+2){border-bottom:none}.employee-attendance-detail-item span:first-child{text-transform:uppercase;letter-spacing:.4px;color:#64748b;flex-shrink:0;width:145px;font-size:12px;font-weight:600}.employee-attendance-detail-item strong{color:#1e293b;word-break:break-word;font-size:14px;font-weight:600}.employee-attendance-detail-full{border-bottom:none;grid-column:1/-1}.employee-attendance-status-badge{border-radius:20px;justify-content:center;align-items:center;min-width:75px;padding:5px 12px;display:inline-flex;text-transform:capitalize!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important}.employee-attendance-status-badge.present{color:#15803d;background:#dcfce7}.employee-attendance-status-badge.absent{color:#b91c1c;background:#fee2e2}.employee-attendance-status-badge.halfday{color:#b45309;background:#fef3c7}.employee-attendance-status-badge.leave{color:#6d28d9;background:#ede9fe}.employee-attendance-status-badge.holiday{color:#0369a1;background:#e0f2fe}.employee-attendance-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.employee-attendance-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.employee-attendance-btn-primary:hover{background:#1d4ed8}.employee-attendance-btn-secondary{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:7px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.employee-attendance-btn-secondary:hover{background:#475569}.employee-attendance-loading,.employee-attendance-no-data{text-align:center;color:#64748b;padding:45px 20px;font-size:14px}@media (width<=900px){.employee-attendance-detail-grid{grid-template-columns:1fr}.employee-attendance-detail-item:nth-last-child(-n+2){border-bottom:1px solid #e5e7eb}.employee-attendance-detail-item:last-child{border-bottom:none}.employee-attendance-detail-full{grid-column:auto}}@media (width<=600px){.employee-attendance-page-header{align-items:flex-start;padding:16px}.employee-attendance-page-header h2{font-size:20px}.employee-attendance-card{padding:16px}.employee-attendance-detail-grid{padding:5px 14px}.employee-attendance-detail-item{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:auto;padding:10px 0}.employee-attendance-detail-item span:first-child{width:auto}.employee-attendance-actions{justify-content:flex-end}.employee-attendance-btn-primary,.employee-attendance-btn-secondary{height:36px;padding:0 15px;font-size:12px}}.page-header{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px 30px;box-shadow:0 8px 20px #0f172a14}.page-header h2{color:#1e293b;margin:0;font-size:28px;font-weight:700}.page-header p{color:#64748b;margin:7px 0 0;font-size:15px}.attendance-form-card{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:850px;margin:0 auto;padding:30px;box-shadow:0 8px 20px #0f172a14}.attendance-form-group{margin-bottom:22px}.attendance-form-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:#dc2626;margin-left:3px}.attendance-form-group input,.attendance-form-group select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:44px;padding:0 13px;font-size:14px;transition:all .2s}.attendance-form-group input:focus,.attendance-form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.attendance-form-group textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:110px;padding:12px 13px;font-family:inherit;font-size:14px;transition:all .2s}.attendance-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.attendance-form-group textarea::placeholder{color:#94a3b8}.attendance-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.attendance-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;padding-top:22px;display:flex}.attendance-form-actions .btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:100px;height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.attendance-form-actions .btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.attendance-form-actions .btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;min-width:145px;height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.attendance-form-actions .btn-primary:hover{background:#1d4ed8}.attendance-form-actions button:disabled{opacity:.6;cursor:not-allowed}.attendance-form-group select,.attendance-form-group input[type=date],.attendance-form-group input[type=time]{cursor:pointer}@media (width<=768px){.page-header{padding:20px}.page-header h2{font-size:24px}.attendance-form-card{padding:22px}.attendance-form-row{grid-template-columns:1fr;gap:0}.attendance-form-actions{justify-content:stretch}.attendance-form-actions button{flex:1}}@media (width<=480px){.page-header{padding:18px}.page-header h2{font-size:21px}.page-header p{font-size:13px}.attendance-form-card{border-radius:12px;padding:18px}.attendance-form-actions{flex-direction:column;align-items:stretch}.attendance-form-actions .btn-secondary,.attendance-form-actions .btn-primary{width:100%}}.employee-attendance-bulk-header{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 24px;display:flex;box-shadow:0 6px 18px #0f172a12}.employee-attendance-bulk-header h2{color:#1e293b;margin:0;font-size:26px;font-weight:700}.employee-attendance-bulk-header p{color:#64748b;margin:5px 0 0;font-size:13px}.employee-attendance-back-button{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.employee-attendance-back-button:hover{background:#475569}.employee-attendance-bulk-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0f172a12}.employee-attendance-toolbar{border-bottom:1px solid #e5e7eb;align-items:flex-end;gap:15px;margin-bottom:18px;padding-bottom:18px;display:flex}.employee-attendance-field{flex-direction:column;gap:6px;display:flex}.employee-attendance-field label,.employee-attendance-search label{color:#475569;font-size:12px;font-weight:600}.employee-attendance-field input,.employee-attendance-field select{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;min-width:150px;height:38px;padding:0 10px;font-size:13px;transition:all .2s}.employee-attendance-field input:focus,.employee-attendance-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.employee-attendance-search{flex-direction:column;flex:1;gap:6px;display:flex}.employee-attendance-search input{color:#1e293b;box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:38px;padding:0 12px;font-size:13px;transition:all .2s}.employee-attendance-search input::placeholder{color:#94a3b8}.employee-attendance-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.employee-attendance-toolbar-actions{align-items:center;gap:8px;display:flex}.employee-attendance-present-button{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:7px;height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s}.employee-attendance-present-button:hover{background:#15803d}.employee-attendance-absent-button{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:7px;height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s}.employee-attendance-absent-button:hover{background:#b91c1c}.employee-attendance-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.employee-attendance-summary>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;flex-direction:column;justify-content:center;gap:3px;padding:12px 16px;display:flex}.employee-attendance-summary strong{color:#1e293b;font-size:20px;font-weight:700}.employee-attendance-summary span{color:#64748b;font-size:11px;font-weight:500}.employee-attendance-table-wrapper{border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow-x:auto}.employee-attendance-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px}.employee-attendance-table thead{color:#fff;background:#1e293b}.employee-attendance-table th{text-align:left;white-space:nowrap;padding:11px 12px;font-size:12px;font-weight:600}.employee-attendance-table th:first-child{text-align:center;width:45px}.employee-attendance-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:9px 12px;font-size:12px}.employee-attendance-table tbody tr:hover{background:#f8fafc}.employee-attendance-table tbody tr:last-child td{border-bottom:none}.employee-attendance-employee{flex-direction:column;gap:2px;display:flex}.employee-attendance-employee strong{color:#1e293b;font-size:12px;font-weight:600}.employee-attendance-employee small{color:#94a3b8;font-size:10px}.employee-attendance-table input,.employee-attendance-table select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;height:32px;font-size:11px;transition:all .2s}.employee-attendance-table input:focus,.employee-attendance-table select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.employee-attendance-table input[type=time]{width:105px;padding:0 7px}.employee-attendance-table input[type=text]{width:150px;padding:0 8px}.employee-attendance-status{width:105px;padding:0 7px;font-weight:600}.employee-attendance-status.present{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.employee-attendance-status.absent{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.employee-attendance-status.halfday{color:#b45309;background:#fef3c7;border-color:#fde68a}.employee-attendance-status.leave{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.employee-attendance-status.holiday{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.employee-attendance-table input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.employee-attendance-no-data{text-align:center;color:#64748b!important;padding:35px!important;font-size:13px!important}.employee-attendance-pagination{justify-content:space-between;align-items:center;gap:15px;padding:16px 2px 4px;display:flex}.employee-attendance-entry-info{color:#64748b;font-size:12px}.employee-attendance-entry-info strong{color:#1e293b;font-weight:600}.employee-attendance-pagination-controls{align-items:center;gap:20px;display:flex}.employee-attendance-page-size{align-items:center;gap:7px;display:flex}.employee-attendance-page-size label{color:#64748b;white-space:nowrap;font-size:12px}.employee-attendance-page-size select{color:#334155;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:60px;height:32px;padding:0 7px;font-size:12px}.employee-attendance-page-buttons{align-items:center;gap:4px;display:flex}.employee-attendance-page-buttons button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:30px;height:30px;padding:0 8px;font-size:11px;font-weight:500;transition:all .2s}.employee-attendance-page-buttons button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.employee-attendance-page-buttons button.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.employee-attendance-page-buttons button:disabled{opacity:.45;cursor:not-allowed}.employee-attendance-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.employee-attendance-cancel-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;height:36px;padding:0 18px;font-size:12px;font-weight:600;transition:all .2s}.employee-attendance-cancel-button:hover{background:#f8fafc}.employee-attendance-save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;height:36px;padding:0 20px;font-size:12px;font-weight:600;transition:all .2s}.employee-attendance-save-button:hover:not(:disabled){background:#1d4ed8}.employee-attendance-save-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=1100px){.employee-attendance-toolbar{flex-wrap:wrap}.employee-attendance-search{min-width:250px}.employee-attendance-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.employee-attendance-bulk-header{flex-direction:column;align-items:flex-start;gap:12px}.employee-attendance-toolbar{flex-direction:column;align-items:stretch}.employee-attendance-field input,.employee-attendance-field select,.employee-attendance-search,.employee-attendance-toolbar-actions{width:100%}.employee-attendance-present-button,.employee-attendance-absent-button{flex:1}.employee-attendance-summary{grid-template-columns:1fr 1fr}.employee-attendance-pagination{flex-direction:column;align-items:flex-start}.employee-attendance-pagination-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.employee-attendance-footer{justify-content:stretch}.employee-attendance-cancel-button,.employee-attendance-save-button{flex:1}}@media (width<=480px){.employee-attendance-summary{grid-template-columns:1fr}.employee-attendance-page-buttons{flex-wrap:wrap}}.attendance-time-cell{text-align:center;vertical-align:middle;width:125px;min-width:125px}.attendance-time-input{color:#1e293b;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:105px;height:38px;padding:0 8px;font-size:14px;font-weight:500;transition:all .2s}.attendance-time-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.attendance-time-input:hover:not(:disabled){border-color:#94a3b8}.attendance-time-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.attendance-time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.attendance-time-input:disabled::-webkit-calendar-picker-indicator{cursor:not-allowed;opacity:.35}.employee-attendance-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.employee-attendance-table th:first-child,.employee-attendance-table td:first-child{width:22%}.employee-attendance-table th:nth-child(2),.employee-attendance-table td:nth-child(2),.employee-attendance-table th:nth-child(3),.employee-attendance-table td:nth-child(3){width:13%}.employee-attendance-table th:nth-child(4),.employee-attendance-table td:nth-child(4){width:12%}.employee-attendance-table th:nth-child(5),.employee-attendance-table td:nth-child(5),.employee-attendance-table th:nth-child(6),.employee-attendance-table td:nth-child(6){width:11%}.employee-attendance-table th:nth-child(7),.employee-attendance-table td:nth-child(7){width:18%}.employee-attendance-table th,.employee-attendance-table td{vertical-align:middle}.attendance-status-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:105px;height:38px;padding:0 8px;font-size:14px}.attendance-status-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.attendance-remarks-cell{min-width:190px;padding:12px}.attendance-remarks-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:170px;min-width:170px;height:38px;padding:0 10px;font-size:13px;display:block}.attendance-remarks-input::placeholder{color:#94a3b8}.attendance-remarks-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}@media (width<=1100px){.employee-attendance-table{min-width:1100px}.employee-attendance-table-wrapper{overflow-x:auto}}.bulk-attendance-time-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:18px;padding:16px 18px}.bulk-time-heading{margin-bottom:14px}.bulk-time-heading h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.bulk-time-heading p{color:#64748b;margin:4px 0 0;font-size:12px}.bulk-time-controls{align-items:flex-end;gap:14px;display:flex}.bulk-time-field{flex-direction:column;gap:5px;display:flex}.bulk-time-field label{color:#475569;font-size:12px;font-weight:600}.bulk-time-field input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:130px;height:38px;padding:0 9px;font-size:13px}.bulk-time-field input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.btn-apply-bulk-time{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-apply-bulk-time:hover{background:#1d4ed8}@media (width<=768px){.bulk-time-controls{flex-wrap:wrap}.bulk-time-field,.bulk-time-field input,.btn-apply-bulk-time{width:100%}}.biometric-device-page{box-sizing:border-box;width:100%;max-width:100%;padding:20px;overflow-x:hidden}.biometric-device-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.biometric-device-header h2{margin:0;font-size:24px;font-weight:600}.biometric-device-header p{color:#6b7280;margin:5px 0 0;font-size:14px}.btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500}.biometric-device-toolbar{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:15px;display:flex}.biometric-search-box{box-sizing:border-box;width:100%;max-width:450px;position:relative}.biometric-search-box input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:40px;padding:0 38px;font-size:14px}.biometric-search-box input:focus{border-color:#6366f1}.search-icon{font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-clear{cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.device-count{color:#6b7280;white-space:nowrap;font-size:14px}.biometric-device-table-wrapper{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:100%;overflow:auto hidden}.biometric-device-table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%}.biometric-device-table th{text-align:left;white-space:normal;word-break:break-word;border-bottom:1px solid #e5e7eb;padding:12px 10px;font-size:13px;font-weight:600}.biometric-device-table td{vertical-align:middle;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid #f0f0f0;padding:12px 10px;font-size:13px}.biometric-device-table th:first-child,.biometric-device-table td:first-child{width:17%}.biometric-device-table th:nth-child(2),.biometric-device-table td:nth-child(2){width:11%}.biometric-device-table th:nth-child(3),.biometric-device-table td:nth-child(3){width:9%}.biometric-device-table th:nth-child(4),.biometric-device-table td:nth-child(4){width:14%}.biometric-device-table th:nth-child(5),.biometric-device-table td:nth-child(5){width:13%}.biometric-device-table th:nth-child(6),.biometric-device-table td:nth-child(6){width:10%}.biometric-device-table th:nth-child(7),.biometric-device-table td:nth-child(7){width:12%}.biometric-device-table th:nth-child(8),.biometric-device-table td:nth-child(8){width:14%}.device-name-cell{align-items:center;gap:8px;min-width:0;display:flex}.device-icon{flex-shrink:0;font-size:20px}.device-name{overflow-wrap:anywhere;font-weight:600}.device-school{color:#6b7280;margin-top:3px;font-size:11px}.device-id{overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:inline-block}.device-type-badge{overflow-wrap:anywhere;border-radius:5px;max-width:100%;padding:4px 7px;font-size:11px;display:inline-block}.manufacturer-cell{flex-direction:column;min-width:0;display:flex}.manufacturer-cell strong{overflow-wrap:anywhere;word-break:break-word}.manufacturer-cell span{color:#6b7280;overflow-wrap:anywhere;margin-top:3px;font-size:11px}.network-cell{flex-direction:column;min-width:0;display:flex}.network-cell span{overflow-wrap:anywhere;word-break:break-word}.network-cell small{color:#6b7280;margin-top:3px;font-size:11px}.status-badge{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.last-sync{overflow-wrap:anywhere;font-size:12px;display:block}.device-actions{flex-wrap:wrap;gap:5px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:5px;padding:6px 8px;font-size:11px}.no-data{padding:0!important}.empty-state{text-align:center;padding:50px 20px}.empty-icon{margin-bottom:10px;font-size:40px}.empty-state h3{margin:0 0 8px;font-size:18px}.empty-state p{color:#6b7280;margin:0 0 18px;font-size:14px}.biometric-device-loading{justify-content:center;align-items:center;gap:10px;min-height:250px;display:flex}@keyframes biometric-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1100px){.biometric-device-page{padding:15px}.biometric-device-table{font-size:12px}.biometric-device-table th,.biometric-device-table td{padding:9px 7px}.action-btn{padding:5px 7px;font-size:10px}}@media (width<=768px){.biometric-device-header{flex-direction:column;align-items:flex-start}.biometric-device-toolbar{flex-direction:column;align-items:stretch}.biometric-search-box{max-width:100%}.device-count{text-align:right}.biometric-device-table-wrapper{overflow-x:auto}.biometric-device-table{table-layout:fixed;min-width:850px;max-width:none}}.biometric-device-form-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:100%;padding:24px}.biometric-form-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.biometric-form-section:last-of-type{border-bottom:none}.biometric-form-section h3{margin:0 0 18px;font-size:16px;font-weight:600}.biometric-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.form-group{flex-direction:column;min-width:0;display:flex}.form-group label{margin-bottom:7px;font-size:13px;font-weight:500}.required{margin-left:3px}.form-group input,.form-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:40px;padding:0 11px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#6366f1}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;background:#f3f4f6}.field-error{margin-top:5px;font-size:12px}.biometric-checkbox{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.biometric-checkbox input{cursor:pointer;width:16px;height:16px}.biometric-form-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.btn-secondary{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 18px;font-size:14px}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.biometric-device-form-card{padding:16px}.biometric-form-grid{grid-template-columns:1fr}.biometric-form-actions{flex-direction:column-reverse}.biometric-form-actions button{width:100%}}.biometric-view-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;max-width:100%;overflow:hidden}.biometric-view-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:15px;padding:22px 24px;display:flex}.biometric-view-device-icon{background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:25px;display:flex}.biometric-view-title{flex:1;min-width:0}.biometric-view-title h2{color:#111827;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600}.biometric-view-title span{color:#6b7280;overflow-wrap:anywhere;margin-top:5px;font-size:13px;display:block}.biometric-status{white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.biometric-status.active{color:#15803d;background:#ecfdf3}.biometric-status.inactive{color:#dc2626;background:#fef2f2}.biometric-status .status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.biometric-status.active .status-dot{background:#16a34a}.biometric-status.inactive .status-dot{background:#dc2626}.biometric-view-section{border-bottom:1px solid #e5e7eb;padding:22px 24px}.biometric-view-section h3{color:#111827;margin:0 0 18px;font-size:15px;font-weight:600}.biometric-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;width:100%;display:grid}.biometric-view-item{flex-direction:column;gap:5px;min-width:0;display:flex}.biometric-view-label{color:#6b7280;font-size:12px;font-weight:500}.biometric-view-value{color:#111827;overflow-wrap:anywhere;word-break:break-word;min-width:0;font-size:14px;font-weight:500}.biometric-view-actions{background:#fafafa;justify-content:flex-end;align-items:center;gap:10px;padding:18px 24px;display:flex}.biometric-view-actions button{cursor:pointer;border-radius:6px;min-height:38px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,transform .1s}.biometric-view-actions button:active{transform:translateY(1px)}.biometric-view-actions .btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.biometric-view-actions .btn-secondary:hover{background:#f9fafb}.biometric-view-actions .btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.biometric-view-actions .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.biometric-device-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;min-height:250px;font-size:14px;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite biometricSpinner}@keyframes biometricSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.biometric-view-header{flex-wrap:wrap;align-items:flex-start;padding:18px}.biometric-view-title{width:calc(100% - 70px)}.biometric-status{margin-left:67px}.biometric-view-section{padding:18px}.biometric-view-grid{grid-template-columns:1fr;gap:15px}.biometric-view-actions{flex-direction:column-reverse;align-items:stretch;padding:18px}.biometric-view-actions button{width:100%}}@media (width<=480px){.biometric-view-header{padding:15px}.biometric-view-device-icon{width:45px;min-width:45px;height:45px;font-size:21px}.biometric-view-title{width:calc(100% - 60px)}.biometric-view-title h2{font-size:17px}.biometric-view-title span{font-size:12px}.biometric-status{margin-left:60px}.biometric-view-section{padding:15px}.biometric-view-section h3{font-size:14px}.biometric-view-value{font-size:13px}.biometric-view-actions{padding:15px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.swal2-container{z-index:100000!important}.swal2-popup{z-index:100001!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}