@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-color:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-fade:#dbeafe;--secondary-color:#6b7280;--secondary-light:#9ca3af;--secondary-dark:#374151;--secondary-fade:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-dark:#d1d5db;--success-color:#059669;--success-light:#d1fae5;--warning-color:#d97706;--warning-light:#fef3c7;--error-color:#dc2626;--error-light:#fee2e2;--info-color:#2563eb;--info-light:#dbeafe;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition-slow:0.3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--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(90deg,#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:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{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{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;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{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}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:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}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:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(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:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}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:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-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--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-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%{animation-timing-function:ease-in;opacity:0;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%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-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--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-text:#374151;--sidebar-text-muted:#6b7280;--sidebar-hover:#f9fafb;--sidebar-active:#2563eb;--sidebar-active-bg:#eff6ff;--transition-fast:0.15s ease;--transition-smooth:0.2s ease}.kaims-sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e5e7eb;border-right:1px solid var(--sidebar-border);color:#374151;color:var(--sidebar-text);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;transition:width .2s ease;transition:width var(--transition-smooth);width:280px}.kaims-sidebar.kaims-collapsed{width:64px}.kaims-sidebar-content::-webkit-scrollbar{width:6px}.kaims-sidebar-content::-webkit-scrollbar-track{background:#0000}.kaims-sidebar-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.kaims-sidebar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.kaims-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sidebar-border);box-sizing:border-box;display:flex;justify-content:space-between;min-height:80px;padding:16px 20px}.kaims-sidebar.kaims-collapsed .kaims-sidebar-header{justify-content:center;padding:16px 12px}.kaims-logo{align-items:center;display:flex;gap:12px;text-decoration:none;transition:all .2s ease;transition:all var(--transition-smooth)}.kaims-logo:hover{opacity:.8}.kaims-logo-image{border-radius:8px;display:block;height:48px;object-fit:cover;width:48px}.kaims-brand-name{color:#374151;color:var(--sidebar-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.025em}.kaims-sidebar.kaims-collapsed .kaims-brand-name{height:0;opacity:0;overflow:hidden;visibility:hidden;width:0}.kaims-toggle-btn{align-items:center;background:#fff;background:var(--sidebar-bg);border:1px solid #e5e7eb;border:1px solid var(--sidebar-border);border-radius:6px;color:#6b7280;color:var(--sidebar-text-muted);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-smooth);width:32px}.kaims-toggle-btn:hover{background:#f9fafb;background:var(--sidebar-hover);color:#374151;color:var(--sidebar-text)}.kaims-sidebar.kaims-collapsed .kaims-toggle-btn{position:absolute;right:-16px;top:16px;z-index:10}.kaims-sidebar-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 0}.kaims-section{border-radius:0;margin:0}.kaims-section,.kaims-section-title{position:relative;transition:all .2s ease;transition:all var(--transition-smooth)}.kaims-section-title{align-items:center;border-bottom:1px solid #f3f4f6;color:#6b7280;color:var(--sidebar-text-muted);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.8px;min-height:40px;padding:12px 20px 8px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.kaims-sidebar.kaims-collapsed .kaims-section-title{border-bottom:none}.kaims-section-title:hover{background:#f9fafb;background:var(--sidebar-hover)}.kaims-section-text{flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:.8px}.kaims-expand-icon{align-items:center;background:#f9fafb;background:var(--sidebar-hover);border-radius:4px;color:#6b7280;color:var(--sidebar-text-muted);display:flex;font-size:10px;height:20px;justify-content:center;margin-left:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.kaims-section-title:hover .kaims-expand-icon{background:#eff6ff;background:var(--sidebar-active-bg);color:#2563eb;color:var(--sidebar-active);transform:scale(1.1)}.kaims-section-icon{color:#6b7280;color:var(--sidebar-text-muted);font-size:18px;min-width:20px;text-align:center;transition:all .2s ease;transition:all var(--transition-smooth)}.kaims-sidebar.kaims-collapsed .kaims-section-icon{font-size:20px}.kaims-section-title:hover .kaims-section-icon{color:#374151;color:var(--sidebar-text)}.kaims-sidebar.kaims-collapsed .kaims-section{background:#0000;border-radius:0;margin:0}.kaims-sidebar.kaims-collapsed .kaims-section-title{align-items:center;background:#0000;border:none;border-radius:0;display:flex;justify-content:center;margin:0;min-height:40px;padding:12px 8px}.kaims-sidebar.kaims-collapsed .kaims-section-title:hover{background:#f9fafb;background:var(--sidebar-hover)}.kaims-section-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in-out}.kaims-section-content.kaims-expanded{max-height:1000px;opacity:1;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out}.kaims-section-content.kaims-collapsed{max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in-out}.kaims-sidebar-item{align-items:center;animation:slideInItem .4s cubic-bezier(.4,0,.2,1) forwards;border-left:3px solid #0000;color:#6b7280;color:var(--sidebar-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px;margin:0;opacity:0;padding:10px 20px;position:relative;text-decoration:none;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.kaims-sidebar-item:first-child{animation-delay:.05s}.kaims-sidebar-item:nth-child(2){animation-delay:.1s}.kaims-sidebar-item:nth-child(3){animation-delay:.15s}.kaims-sidebar-item:nth-child(4){animation-delay:.2s}.kaims-sidebar-item:nth-child(5){animation-delay:.25s}.kaims-sidebar-item:nth-child(6){animation-delay:.3s}.kaims-sidebar-item:nth-child(7){animation-delay:.35s}.kaims-sidebar-item:nth-child(8){animation-delay:.4s}.kaims-sidebar-item:hover{background:#f9fafb;background:var(--sidebar-hover);color:#374151;color:var(--sidebar-text)}.kaims-sidebar-item.kaims-active{background:#eff6ff;background:var(--sidebar-active-bg);border-left-color:#2563eb;border-left-color:var(--sidebar-active);color:#2563eb;color:var(--sidebar-active);font-weight:500}.kaims-icon{color:#6b7280;color:var(--sidebar-text-muted);font-size:16px;min-width:20px;transition:all .2s ease;transition:all var(--transition-smooth)}.kaims-sidebar-item:hover .kaims-icon{color:#374151;color:var(--sidebar-text)}.kaims-sidebar-item.kaims-active .kaims-icon{color:#2563eb;color:var(--sidebar-active)}.kaims-item-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;letter-spacing:.2px;transition:all .2s ease;transition:all var(--transition-smooth)}.kaims-sidebar.kaims-collapsed .kaims-item-text{opacity:0;overflow:hidden;visibility:hidden;width:0}.kaims-sidebar.kaims-collapsed .kaims-sidebar-item{justify-content:center;padding:10px}.kaims-sidebar.kaims-collapsed .kaims-sidebar-item .kaims-icon{margin:0}.kaims-section.kaims-section-active{background:#0000}.kaims-section.kaims-section-active .kaims-section-title{color:#374151;color:var(--sidebar-text);font-weight:600}@media (max-width:768px){.kaims-sidebar{width:64px}.kaims-sidebar.kaims-open{width:280px;z-index:1100}.kaims-toggle-btn{position:absolute;right:-16px;top:16px}}@media (max-width:900px){.kaims-sidebar.kaims-mobile{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .2s ease;transition:transform var(--transition-smooth);width:280px;z-index:1101}.kaims-sidebar.kaims-mobile.kaims-open{transform:translateX(0)}.kaims-sidebar-fab{align-items:center;background:#fff;background:var(--sidebar-bg);border:1px solid #e5e7eb;border:1px solid var(--sidebar-border);border-radius:8px;bottom:20px;box-shadow:0 4px 6px #0000001a;color:#374151;color:var(--sidebar-text);cursor:pointer;display:flex;height:48px;justify-content:center;left:20px;position:fixed;transition:all .2s ease;transition:all var(--transition-smooth);width:48px;z-index:1102}.kaims-sidebar-fab:hover{background:#f9fafb;background:var(--sidebar-hover);transform:translateY(-1px)}.kaims-sidebar-close-btn{align-items:center;background:#fff;background:var(--sidebar-bg);border:1px solid #e5e7eb;border:1px solid var(--sidebar-border);border-radius:6px;color:#6b7280;color:var(--sidebar-text-muted);display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-smooth);width:32px}.kaims-sidebar-close-btn:hover{background:#f9fafb;background:var(--sidebar-hover);color:#374151;color:var(--sidebar-text)}}.kaims-sidebar-overlay{background:#0000001a;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;transition:opacity var(--transition-smooth);z-index:1099}.kaims-sidebar-overlay.kaims-show{opacity:1;pointer-events:auto}.kaims-sidebar.kaims-collapsed .kaims-sidebar-item{position:relative}.kaims-sidebar.kaims-collapsed .kaims-sidebar-item:after{background:#374151;background:var(--sidebar-text);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--sidebar-bg);content:attr(data-tooltip);font-size:12px;left:100%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;transition:all var(--transition-smooth);visibility:hidden;white-space:nowrap;z-index:1200}.kaims-sidebar.kaims-collapsed .kaims-sidebar-item:hover:after{left:calc(100% + 8px);opacity:1;visibility:visible}.kaims-sidebar-close-btn:focus,.kaims-sidebar-fab:focus,.kaims-sidebar-item:focus,.kaims-toggle-btn:focus{outline:2px solid #2563eb;outline:2px solid var(--sidebar-active);outline-offset:2px}.kaims-sidebar-loading{align-items:center;color:#6b7280;color:var(--sidebar-text-muted);display:flex;font-size:14px;height:80px;justify-content:center}.kaims-sidebar-loading:after{animation:kaimsSpin 1s linear infinite;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border:2px solid var(--sidebar-border);border-radius:50%;border-top-color:var(--sidebar-active);content:"";height:16px;margin-left:8px;width:16px}@keyframes kaimsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInItem{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutItem{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes expandSection{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes collapseSection{0%{max-height:1000px;opacity:1}to{max-height:0;opacity:0}}.kaims-section-content.kaims-collapsing{animation:collapseSection .3s cubic-bezier(.4,0,.2,1) forwards}.kaims-section-content.kaims-expanding{animation:expandSection .4s cubic-bezier(.4,0,.2,1) forwards}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:500}.topbar,.topbar-left{align-items:center;display:flex}.topbar-title{color:#374151;font-size:18px;font-weight:500;letter-spacing:-.025em;margin:0}.topbar-icons,.topbar-right{align-items:center;display:flex;gap:16px}.topbar-notifs{align-items:center;border-radius:8px;color:#6b7280;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.topbar-notifs:hover{background-color:#f3f4f6;color:#374151}.user-profile{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.user-profile:hover{background-color:#f9fafb;border-color:#e5e7eb}.user-icon{color:#6b7280;font-size:20px}.topbar-secondary-btn,.user-name{color:#374151;font-size:14px;font-weight:500}.topbar-secondary-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.topbar-secondary-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}@media (max-width:768px){.user-name{display:none}.topbar{padding:0 16px}.topbar-title{font-size:16px}}.adminprofile-dropdown-overlay{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.adminprofile-dropdown-modal{animation:adminprofile-slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:calc(100vw - 40px);overflow:hidden;pointer-events:all;position:absolute;right:20px;top:70px;width:280px;z-index:1000}@keyframes adminprofile-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.adminprofile-dropdown-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;min-width:0;overflow:hidden;padding:20px}.adminprofile-dropdown-avatar{color:#6b7280;flex-shrink:0;font-size:40px}.adminprofile-dropdown-info{flex:1 1;min-width:0;overflow:hidden}.adminprofile-dropdown-info h3{color:#111827;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminprofile-dropdown-info p{color:#6b7280;font-size:14px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminprofile-dropdown-footer{display:flex;flex-direction:column;gap:4px;padding:12px}.adminprofile-dropdown-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.adminprofile-dropdown-btn:hover{background:#f3f4f6;color:#111827}.adminprofile-dropdown-btn svg{font-size:16px}.adminprofile-modal-overlay{align-items:center;animation:adminprofile-fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes adminprofile-fadeIn{0%{opacity:0}to{opacity:1}}.adminprofile-modal{animation:adminprofile-slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes adminprofile-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adminprofile-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.adminprofile-modal-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.adminprofile-modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.adminprofile-modal-close-btn:hover{background:#e5e7eb;color:#374151}.adminprofile-modal-content{padding:0 24px 24px}.adminprofile-avatar-container{display:flex;justify-content:center;margin-bottom:32px;position:relative}.adminprofile-avatar{align-items:center;background:#f3f4f6;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#6b7280;display:flex;font-size:60px;height:100px;justify-content:center;overflow:hidden;width:100px}.adminprofile-avatar img{height:100%;object-fit:cover;width:100%}.adminprofile-avatar-edit{align-items:center;background:#3b82f6;border:3px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:calc(50% - 58px);transition:all .2s ease;width:32px}.adminprofile-avatar-edit:hover{background:#2563eb}.adminprofile-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.adminprofile-info-item{align-items:flex-start;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:12px;padding:16px}.adminprofile-info-item-full{grid-column:1/-1}.adminprofile-info-icon{color:#6b7280;font-size:20px;margin-top:2px}.adminprofile-info-text h3{color:#374151;font-size:14px;font-weight:600;margin:0 0 4px}.adminprofile-info-text p{color:#111827;font-size:14px;font-weight:500;margin:0}.adminprofile-role{color:#3b82f6!important}.adminprofile-status-active{color:#10b981!important}.adminprofile-status-inactive{color:#ef4444!important}.adminprofile-temp-yes{color:#f59e0b!important}.adminprofile-temp-no{color:#10b981!important}.adminprofile-security-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:12px;margin-top:20px;padding:16px}.adminprofile-security-warning svg{font-size:18px}.adminprofile-changepassword-modal-overlay{align-items:center;animation:adminprofile-fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.adminprofile-changepassword-modal{animation:adminprofile-slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%}.adminprofile-changepassword-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.adminprofile-changepassword-modal-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.adminprofile-changepassword-modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.adminprofile-changepassword-modal-close-btn:hover{background:#e5e7eb;color:#374151}.adminprofile-changepassword-modal-content{padding:0 24px 24px}.adminprofile-form-group{margin-bottom:20px}.adminprofile-form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.adminprofile-password-input-container{position:relative}.adminprofile-form-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.adminprofile-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.adminprofile-form-input.adminprofile-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.adminprofile-password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.adminprofile-password-toggle:hover{background:#f3f4f6;color:#374151}.adminprofile-error-message{color:#ef4444;font-size:12px;font-weight:500;margin-top:6px}.adminprofile-general-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px}.adminprofile-changepassword-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.adminprofile-btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.adminprofile-btn-secondary:hover:not(:disabled){background:#e5e7eb;color:#111827}.adminprofile-btn-primary{background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.adminprofile-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.adminprofile-btn-primary:disabled,.adminprofile-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.adminprofile-success-toast{animation:adminprofile-slideInRight .3s ease-out}@keyframes adminprofile-slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.adminprofile-dropdown-modal{max-width:calc(100vw - 20px);right:10px;width:260px}.adminprofile-modal{margin:20px;width:95%}.adminprofile-info-grid{grid-template-columns:1fr}.adminprofile-changepassword-modal{margin:20px;width:95%}}.admin-profile-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.admin-profile-modal{animation:adminprofile-slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;pointer-events:all;position:absolute;right:20px;top:70px;width:280px}.layout{background-color:#f9fafb;display:flex;height:100vh;overflow:hidden;width:100%}.side-bar{background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;height:100vh;min-width:280px;overflow-y:auto;position:relative;transition:width .2s ease;width:280px;z-index:10}.side-bar.closed{min-width:64px;width:64px}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden}.main-content,.page-content{background-color:#f9fafb;min-width:0}.page-content{flex:1 1;overflow-y:auto;position:relative;width:100%}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:#f1f5f9}.page-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.page-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.topbar{min-width:0;width:100%}.content-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.content-card-header{border-bottom:1px solid #e5e7eb;color:#374151;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:16px}.secondary-section{background-color:#f8fafc;border-left:3px solid #2563eb;border-radius:0 6px 6px 0;padding-left:16px}.applicant-modal{align-items:center;animation:fadeIn .3s ease;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.applicant-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 5px 25px #0003;color:#1a202c;max-height:85vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;text-align:left;width:70%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.applicant-close-btn{align-items:center;background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .3s ease;width:30px;z-index:10}.applicant-close-btn:hover{background-color:#2563eb1a;color:#1d4ed8;transform:rotate(90deg)}.applicant-modal-header{align-items:center;border-bottom:2px solid #2563eb;display:flex;margin-bottom:25px;padding-bottom:20px}.applicant-photo-container{flex:0 0 150px;margin-right:25px}.applicant-photo{border:3px solid #2563eb;border-radius:8px;box-shadow:0 4px 8px #0003;height:180px;object-fit:cover;transition:transform .3s ease;width:150px}.applicant-photo:hover{transform:scale(1.05)}.photo-placeholder{align-items:center;background-color:#f0f0f0;border:3px solid #2563eb;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#777;display:flex;font-size:16px;height:180px;justify-content:center;text-align:center;width:150px}.applicant-basic-info{flex:1 1}.applicant-basic-info h3{border-bottom:none;color:#1e3a8a;font-size:26px;margin-bottom:10px;margin-top:0;padding-bottom:0}.program-info{color:#2563eb;font-size:18px;font-weight:500;margin-top:5px}.details-container{display:flex;flex-wrap:wrap;margin:0 -15px}.address-details,.other-details,.personal-details{flex:1 0 30%;margin-bottom:20px;min-width:250px;padding:0 15px}h4{border-left:4px solid #1e3a8a;color:#2563eb;font-size:18px;margin:20px 0 15px;padding-left:10px}.applicant-modal-content p{background-color:#2563eb0d;border-radius:5px;line-height:1.5;margin-bottom:12px;padding:8px}.applicant-modal-content p:nth-child(2n){background-color:#2563eb1a}.applicant-modal-content strong{color:#2563eb;font-weight:600;min-width:120px}.education-section{border-top:2px solid #2563eb;margin-top:20px;padding-top:20px}.education-table{background-color:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;margin-top:15px;overflow:hidden;width:100%}.education-table th{background-color:#2563eb;color:#fff;font-size:14px;padding:12px;text-align:left}.education-table td{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;padding:10px;text-align:left}.education-table tr:nth-child(2n) td{background-color:#f1f5f9}.education-table tr:hover td{background-color:#eff6ff}.applicant-modal-content::-webkit-scrollbar{width:8px}.applicant-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.applicant-modal-content::-webkit-scrollbar-thumb{background:#2563eb;border-radius:10px}.applicant-modal-content::-webkit-scrollbar-thumb:hover{background:#1d4ed8}@media (max-width:992px){.applicant-modal-content{padding:20px;width:85%}.applicant-modal-header{flex-direction:column;text-align:center}.applicant-photo-container{margin-bottom:15px;margin-right:0}.details-container{flex-direction:column}}@media (max-width:768px){.applicant-modal-content{max-height:90vh;padding:15px;width:95%}.applicant-modal-content strong{display:block;margin-bottom:3px}.applicant-photo,.photo-placeholder{height:150px;width:120px}}.inquiry-container{background-color:#f5f7fa;border-radius:12px;box-shadow:0 2px 12px #00000014;color:#1a202c;display:flex;flex-direction:column;font-family:Inter,Segoe UI,sans-serif;height:calc(100vh - 70px);padding:25px}.inquiry-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.inquiry-header h2{color:var( --primary-light);font-size:24px;font-weight:600;margin:0;padding-bottom:8px;position:relative}.actions-container{align-items:center;display:flex;gap:15px}.search-wrapper{position:relative}.search-icon{color:#64748b;left:10px}.search-bar-inquirylist{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:14px;margin:0!important;padding:10px 15px 10px 40px;transition:all .3s ease;width:280px}.search-bar-inquirylist:focus{background-color:#fff!important;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;color:#000!important;outline:none}.filter-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#2563eb;display:flex;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.filter-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.filter-btn[style*="background-color: #10b981"]:hover{background-color:#059669!important;border-color:#059669!important;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.table-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;flex:1 1;margin-bottom:20px;max-height:calc(100vh - 250px);min-height:400px;overflow-y:auto;overflow-y:auto!important}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}table{background-color:#fff;border-collapse:initial;border-spacing:0;width:100%}th{background-color:#f1f5f9;color:#334155;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}td,th{border-bottom:1px solid #e2e8f0;text-align:left}td{color:#475569;font-size:14px;padding:16px}tr:last-child td{border-bottom:none}tr:hover{background-color:#f8fafc}.actions-cell{padding:8px}.action-buttons{gap:6px}.action-buttons,.action-icon-btn{align-items:center;justify-content:center}.action-icon-btn{background-color:initial;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;padding:8px;transition:all .2s ease;width:32px}.action-icon-btn svg{color:#64748b}.action-icon-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.action-icon-btn:disabled svg{color:#94a3b8}.action-icon-btn:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.view-btn:hover{border-color:#3b82f6;color:#3b82f6}.view-btn:hover svg{color:#3b82f6}.edit-btn:hover{border-color:#f59e0b;color:#f59e0b}.edit-btn:hover svg{color:#f59e0b}.approve-btn:hover{border-color:#10b981;color:#10b981}.approve-btn:hover svg{color:#10b981}.reject-btn:hover{border-color:#ef4444;color:#ef4444}.reject-btn:hover svg{color:#ef4444}.delete-btn:hover{border-color:#dc2626;color:#dc2626}.delete-btn:hover svg{color:#dc2626}.inquiry-container .edit-btn{background:none;border:1px solid #e2e8f0}.inquiry-container .edit-btn:hover{background:none!important;border:1px solid #e2e8f0}.inquiry-container .delete-btn{background:none;border:1px solid #e2e8f0}.inquiry-container .delete-btn:hover{background:none!important;border:1px solid #e2e8f0}.status-badge{border-radius:8px;display:inline-flex;font-size:10px;letter-spacing:.2px;padding:3px 8px;text-transform:capitalize}.inquiry-container .status-badge{font-size:10px!important}.status-badge.pending{background-color:#fef3c7;border:1px solid #fbbf24;color:#d97706}.status-badge.approved{background-color:#d1fae5;border:1px solid #34d399;color:#059669}.status-badge.rejected{background-color:#fee2e2;border:1px solid #f87171;color:#dc2626}.loading-spinner,.no-results{align-items:center;color:#64748b;display:flex;font-size:16px;font-weight:500;height:200px;justify-content:center}.pagination{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.pagination-controls{gap:5px}.page-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.page-btn:hover{background-color:#f1f5f9}.page-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}tbody tr:first-child{animation-delay:.05s}tbody tr:nth-child(2){animation-delay:.1s}tbody tr:nth-child(3){animation-delay:.15s}tbody tr:nth-child(4){animation-delay:.2s}tbody tr:nth-child(5){animation-delay:.25s}tbody tr:nth-child(6){animation-delay:.3s}tbody tr:nth-child(7){animation-delay:.35s}tbody tr:nth-child(8){animation-delay:.4s}tbody tr:nth-child(9){animation-delay:.45s}tbody tr:nth-child(10){animation-delay:.5s}.filter-controls{position:relative}.status-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#334155;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease;width:150px}.status-filter:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.status-filter option{background-color:#fff;color:#334155;padding:10px}.status-filter::-ms-expand{display:none}.status-filter option:checked{font-weight:500}.status-filter option:checked,.status-filter:focus option:checked{background-color:#fff;color:#2563eb}.filter-controls .status-filter{margin:0!important}@media (max-width:992px){.inquiry-header{align-items:flex-start;flex-direction:column}.actions-container,.search-bar-inquirylist{width:100%}}@media (max-width:768px){.inquiry-container{height:calc(100vh - 90px);padding:15px}h2{font-size:20px}.actions-container{align-items:stretch;flex-direction:column}.filter-btn,.search-wrapper{width:100%}.pagination{flex-direction:column;gap:10px}.status-badge{font-size:11px;padding:3px 10px}}.inquiry-details-container{background:#f8fafb;margin:0 auto;min-height:100vh;padding:20px}.inquiry-details-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.inquiry-details-back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;gap:8px;margin:10px;padding:10px 16px;transition:all .2s}.inquiry-details-back-button:hover{background:#f8fafc;border-color:#cbd5e1}.inquiry-details-profile-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:24px;margin-bottom:20px;padding:24px}.inquiry-details-profile-photo{flex-shrink:0}.inquiry-details-profile-image{object-fit:cover}.inquiry-details-photo-placeholder,.inquiry-details-profile-image{border:3px solid #e2e8f0;border-radius:12px;height:120px;width:120px}.inquiry-details-photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2.5rem;font-weight:600;justify-content:center}.inquiry-details-profile-name{color:#1e293b;font-size:1.5rem;margin:0 0 8px}.inquiry-details-application-no{color:#64748b;font-size:.875rem;margin:0 0 4px}.inquiry-details-program-name{color:#3b82f6;font-size:1rem;font-weight:600;margin:0 0 12px}.inquiry-details-contact-quick{color:#475569;display:flex;font-size:.875rem;gap:20px}.inquiry-details-contact-item{align-items:center;display:flex;gap:6px}.inquiry-details-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.inquiry-details-status-badge-pending{background:#fef3c7;color:#d97706}.inquiry-details-status-badge-approved{background:#d1fae5;color:#059669}.inquiry-details-status-badge-rejected{background:#fee2e2;color:#dc2626}.inquiry-details-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:8px;margin-bottom:20px;padding:8px}.inquiry-details-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.inquiry-details-tab:hover{background:#f8fafc;color:#475569}.inquiry-details-tab-active{background:#3b82f6;color:#fff}.inquiry-details-tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:24px}.inquiry-details-section-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.25rem;margin:0 0 20px;padding-bottom:12px}.inquiry-details-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.inquiry-details-info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.inquiry-details-info-item-full-width{grid-column:1/-1}.inquiry-details-info-label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.inquiry-details-info-value{color:#1e293b;font-size:.9rem;margin:0;word-break:break-word}.inquiry-details-education-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:20px}.inquiry-details-education-card-title{color:#1e293b;font-size:1.1rem;margin:0 0 16px}.inquiry-details-fee-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.inquiry-details-fee-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.inquiry-details-fee-label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.inquiry-details-fee-value{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.inquiry-details-installments-section{margin-top:32px}.inquiry-details-installments-title{color:#1e293b;font-size:1.1rem;margin:0 0 16px}.inquiry-details-installments-table{background:#fff;border-collapse:collapse;width:100%}.inquiry-details-installments-thead{background:#f8fafc}.inquiry-details-installments-th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px;text-align:left}.inquiry-details-installments-tbody{background:#fff}.inquiry-details-installments-tr{border-bottom:1px solid #e2e8f0}.inquiry-details-installments-td{color:#475569;font-size:.875rem;padding:12px}.inquiry-details-documents-list{list-style:none;margin:0;padding:0}.inquiry-details-documents-item{border-bottom:1px solid #e2e8f0;color:#475569;font-size:.9rem;padding:8px 0}.inquiry-details-documents-item:last-child{border-bottom:none}.inquiry-details-docs-sections{display:flex;flex-direction:column;gap:24px}.inquiry-details-docs-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.inquiry-details-docs-title{border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.inquiry-details-docs-row{display:flex;flex-wrap:wrap;gap:12px}.inquiry-details-info-item .inquiry-details-docs-row{margin-top:8px}.inquiry-details-doc-thumb{align-items:center;display:inline-flex;gap:6px}.inquiry-details-thumb-image{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;height:80px;object-fit:cover;transition:all .2s;width:80px}.inquiry-details-thumb-image:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;transform:scale(1.05)}.inquiry-details-file-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s}.inquiry-details-file-link:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.inquiry-details-profile-image{cursor:pointer;transition:all .2s}.inquiry-details-profile-image:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.inquiry-details-error,.inquiry-details-loading{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:400px}.inquiry-details-loading-spinner{animation:inquiry-details-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes inquiry-details-spin{to{transform:rotate(1turn)}}.inquiry-details-error-text,.inquiry-details-loading-text{color:#64748b;font-size:1rem;margin-top:16px}.inquiry-details-back-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .2s}.inquiry-details-back-btn:hover{background:#2563eb}.inquiry-details-no-data{color:#94a3b8;font-size:.9rem;padding:40px;text-align:center}@media (max-width:768px){.inquiry-details-container{padding:12px}.inquiry-details-profile-card{flex-direction:column;text-align:center}.inquiry-details-tabs{flex-wrap:wrap}.inquiry-details-tab{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.inquiry-details-fee-grid,.inquiry-details-info-grid{grid-template-columns:1fr}}.dev-container{background-color:#f5f7fa;border-radius:12px;box-shadow:0 2px 12px #00000014;color:#1a202c;flex-direction:column;font-family:Inter,Segoe UI,sans-serif;height:calc(100vh - 70px);position:relative}.dev-card,.dev-container{display:flex;flex:1 1;max-width:100%;width:100%}.dev-card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;flex-direction:column}.dev-header{background-color:var(--primary-light);box-sizing:border-box;padding:1.5rem;text-align:center;width:100%}.dev-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.dev-subtitle{color:var(--text-secondary)}.dev-content{box-sizing:border-box;flex:1 1;padding:2rem;width:100%}.dev-progress-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:2rem;width:100%}@media (min-width:768px){.dev-progress-section{align-items:center;flex-direction:row}}.dev-progress-circle{align-items:center;background-color:var(--primary-light);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;color:var(--text-primary);display:flex;flex-shrink:0;font-size:2.25rem;font-weight:600;height:8rem;justify-content:center;margin-bottom:1.5rem;width:8rem}@media (min-width:768px){.dev-progress-circle{margin-bottom:0;margin-right:2rem}}.dev-progress-info{flex:1 1;min-width:0}.dev-progress-title{border-left:4px solid var(--primary-dark);color:var(--primary-dark);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-left:.75rem}.dev-progress-bar-container{background-color:#e5e7eb;border-radius:9999px;height:1rem;width:100%}.dev-progress-bar{background-color:var(--primary-light);height:100%;transition:width .5s ease-out}.dev-progress-text{color:#4b5563;margin-top:1rem}.dev-features-section{border-top:2px solid var(--primary-light);box-sizing:border-box;padding-top:1.5rem;width:100%}.dev-features-title{border-left:4px solid var(--primary-dark);color:var(--primary-dark);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-left:.75rem}.dev-features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;width:100%}@media (min-width:768px){.dev-features-grid{grid-template-columns:repeat(3,1fr)}}.dev-feature-card{background-color:var(--primary-fade);border-radius:.375rem;padding:1rem;transition:background-color .3s ease}.dev-feature-card:hover{background-color:var(--secondary-fade)}.dev-feature-title{color:var(--primary-color);font-weight:500;margin-bottom:.5rem}.dev-feature-description{color:#4b5563;font-size:.875rem}.dev-button-section{box-sizing:border-box;margin-top:2rem;text-align:center;width:100%}.dev-back-button{background-color:var(--primary-light);border:none;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease}.dev-back-button:hover{background-color:var(--primary-dark)}.dev-secondary-button{background-color:var(--secondary-color);border:none;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;color:var(--primary-dark);cursor:pointer;font-size:1rem;margin-left:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease}.dev-secondary-button:hover{background-color:var(--secondary-light)}.dev-footer{background-color:var(--primary-dark);box-sizing:border-box;padding:1rem;text-align:center;width:100%}.dev-footer-text{color:var(--text-secondary);font-size:.875rem}.dev-progress-bar{animation:fadeIn .5s ease}@media (max-width:992px){.dev-progress-section{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.dev-container{height:calc(100vh - 90px);padding:15px}.dev-title{font-size:20px}.dev-content{padding:1rem}}.form-section{padding:24px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:1fr;margin-bottom:24px}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-field{position:relative}.form-label{display:block;font-size:.9rem;margin-bottom:6px}.form-file,.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:.95rem;padding:10px 12px;width:100%}.form-select option{background-color:#fff;color:#1e293b;padding:8px}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.form-file:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-file{color:#64748b;cursor:pointer;padding:10px}.form-file::-webkit-file-upload-button{background-color:#f1f5f9;border:none;border-radius:4px;color:#475569;cursor:pointer;margin-right:12px;padding:8px 14px}.form-file::-webkit-file-upload-button:hover{background-color:#e2e8f0}.form-help-text{color:#64748b;font-size:.8rem}.form-label:after{color:#ef4444;content:attr(data-required);margin-left:4px}.button-container{display:flex;justify-content:flex-end;margin-top:32px}.button-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;padding:10px 24px}.button-primary:hover{background-color:#2563eb}.button-primary:active{transform:translateY(1px)}.button-primary:after{content:"→";margin-left:8px}.field-group{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;grid-column:1/-1;margin-bottom:20px;padding:16px}.field-group-title{color:#374151;font-size:1rem;font-weight:500;margin-bottom:14px}input[type=date]{position:relative}.inquiry-personal-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.inquiry-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.inquiry-form-group{position:relative}.inquiry-label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.inquiry-required{color:#ef4444;font-weight:700;margin-left:4px}.inquiry-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:.95rem;padding:10px 14px;width:100%}.inquiry-input:hover{border-color:#94a3b8}.inquiry-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inquiry-input::placeholder{color:#9ca3af;font-size:.9rem}.inquiry-input.error{background-color:#fef2f2;border-color:#ef4444}.inquiry-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.inquiry-error{color:#ef4444;font-size:.85rem;margin-top:6px}.inquiry-button{font-size:.95rem;justify-content:center;margin-top:24px;max-width:200px;padding:10px 24px;width:100%}.inquiry-file-input{display:inline-block;position:relative;width:100%}.inquiry-file-input input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.inquiry-file-label{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:14px}.inquiry-file-label:hover{background:#f1f5f9;border-color:#3b82f6}.inquiry-file-name{background:#f8fafc;border-radius:4px;color:#64748b;font-size:.85rem;margin-top:8px;padding:6px;text-align:center}.inquiry-radio-group{display:flex;gap:16px;margin-top:8px}.inquiry-radio-label{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 14px}.inquiry-radio-label:hover{background:#f1f5f9}.inquiry-radio-input{-webkit-appearance:none;appearance:none;border:2px solid #cbd5e1;border-radius:50%;cursor:pointer;height:20px;margin:0;position:relative;width:20px}.inquiry-radio-input:checked{background:#3b82f6;border-color:#3b82f6}.inquiry-radio-input:checked:after{background:#fff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}@media (max-width:768px){.inquiry-personal-info{padding:20px}.inquiry-form-row{gap:16px;grid-template-columns:1fr}.inquiry-input{padding:10px 12px}.inquiry-button{padding:10px 20px}}@media (max-width:480px){.inquiry-personal-info{padding:16px}.inquiry-form-row{gap:14px}.inquiry-input{font-size:.9rem;padding:9px 12px}.inquiry-button{font-size:.9rem;padding:9px 18px}.inquiry-radio-group{flex-direction:column;gap:12px}}@media (max-width:767px){.button-container,.button-primary{justify-content:center}.button-primary{width:100%}}.documents-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;padding:2rem}.documents-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.documents-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.documents-subtitle{color:#6b7280;font-size:1rem;line-height:1.5}.documents-grid{display:flex;flex-direction:column;gap:2rem}.document-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.section-title{border-bottom:1px solid #d1d5db;color:#374151;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.document-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.document-row:last-child{margin-bottom:0}.document-field{display:flex;flex-direction:column}.document-label{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.required{color:#dc2626;font-weight:700}.document-input{background:#fff;border:2px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.document-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.document-input:hover{border-color:#9ca3af}.file-info{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;display:flex;justify-content:space-between;margin-top:.5rem;padding:.75rem}.document-thumbnail{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;height:56px;margin-bottom:4px;object-fit:cover;width:56px}.document-uploading{color:#64748b;font-size:.9rem;margin-top:6px}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{color:#374151;font-size:.9rem;font-weight:500}.file-size{color:#6b7280;font-size:.8rem}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.remove-file-btn:hover{background:#dc2626}.files-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.help-text{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.5rem}.inquiry-button-group{border-top:2px solid #e5e7eb;padding-top:1.5rem}@media (max-width:768px){.documents-form{padding:1rem}.document-row{gap:1rem;grid-template-columns:1fr}.documents-navigation{flex-direction:column;gap:1rem}.nav-btn{width:100%}}@media (max-width:480px){.documents-title{font-size:1.5rem}.section-title{font-size:1.1rem}.document-section{padding:1rem}}.education-form-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-title{color:#1e293b;font-size:1.5rem;margin-bottom:24px}.education-form{display:flex;flex-direction:column;gap:24px}.education-entry{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:20px}.education-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.education-header h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.education-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{color:#374151}.form-input{border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;padding:10px 12px}.form-input:focus{box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.form-input[readonly]{background-color:#f1f5f9;cursor:not-allowed}.form-actions{justify-content:center;margin-top:14px}.navigation-buttons{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.btn{font-size:.9rem;padding:10px 20px}.btn-secondary{background-color:#f1f5f9;color:#475569}.btn-secondary:hover{background-color:#e2e8f0}.remove-btn{font-size:.85rem;padding:6px 12px}.add-btn{margin:0 auto;width:auto}@media (max-width:768px){.education-form-container{padding:20px}.form-title{font-size:1.3rem}.education-grid{gap:14px;grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:12px}.btn{justify-content:center;width:100%}}.inquiry-education-form{background:#fff;border-radius:8px;padding:24px}.inquiry-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.inquiry-section-subtitle{color:#374151;font-size:1.1rem;margin-bottom:16px}.inquiry-education-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.inquiry-education-content{width:100%}.inquiry-remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;line-height:1;width:32px}.inquiry-remove-btn:hover{background:#dc2626}.inquiry-button.add{background:#3b82f6;margin-top:12px;width:100%}.inquiry-button.add:hover{background:#2563eb}.inquiry-button-group{margin-top:24px}.inquiry-button-icon{margin-left:6px}@media (max-width:768px){.inquiry-section{padding:16px}.inquiry-education-item{flex-direction:column;padding:14px}.inquiry-remove-btn{align-self:flex-end}}@media (max-width:480px){.inquiry-section{padding:14px}.inquiry-education-item{padding:12px}.inquiry-button{font-size:.85rem;padding:9px 18px}}.container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.section-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.fade-in h2{color:var(--text-highlight);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.fade-in h2:after{background:var(--secondary-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.section-card h3{align-items:center;color:var(--secondary-color);display:flex;font-weight:500}.section-card h3:before{background-color:var(--secondary-color);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:.75rem;width:8px}.section-card h4{color:var(--primary-fade);font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.text-secondary{color:var(--text-secondary);margin-bottom:.25rem}.text-primary{color:var(--text-primary);margin-bottom:.75rem}.grid-container{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-container{grid-template-columns:repeat(2,1fr)}}.info-item{margin-bottom:1rem}.education-item{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1.25rem}.education-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.declaration-box{background-color:var(--primary-fade);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.custom-checkbox{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid var(--secondary-color);border-radius:4px;margin-right:.75rem;margin-top:3px;position:relative}.custom-checkbox:checked{background-color:var(--secondary-color)}.custom-checkbox:checked:after{color:var(--primary-dark);content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.button-group{display:flex;justify-content:space-between;margin-top:2rem}.btn{border-radius:.5rem;font-size:1rem;font-weight:600;outline:none;transition:all .3s ease}.btn-primary{background-color:var(--secondary-color);color:var(--primary-dark)}.btn-primary:hover{background-color:var(--secondary-light);box-shadow:0 4px 8px #0003;color:#000;transform:translateY(-2px)}.btn-secondary{background-color:var(--hover-bg);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--active-bg);transform:translateY(-2px)}.file-upload-preview{margin-top:.5rem}.file-name{background-color:var(--hover-bg);border-radius:1rem;margin-right:.5rem;padding:.25rem .75rem}.fade-in{animation:fadeIn .5s ease forwards}.progress-bar{background-color:var(--border-color);border-radius:3px;height:6px;margin-bottom:2rem;overflow:hidden;width:100%}.progress-fill{background-color:var(--secondary-color);border-radius:3px;height:100%;transition:width .5s ease;width:100%}@media (max-width:640px){.button-group{flex-direction:column;gap:1rem}.btn{width:100%}}.button-content{gap:8px;justify-content:center}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;width:16px}button:disabled{cursor:not-allowed;opacity:.7}.review-submit-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.form-title{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 2px #0000001a}.section-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.section-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.section-card h3{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.grid-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{gap:.25rem}.text-secondary{color:#666;font-size:.875rem}.text-primary{color:#2c3e50;font-weight:500}.education-item{background:#f8f9fa;border-radius:6px;margin-bottom:1rem;padding:1rem}.education-item h4{color:#2c3e50;font-size:1.1rem;margin-bottom:.75rem}.file-upload-preview,.preview-button{align-items:center;display:flex;gap:.5rem}.preview-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#2c3e50;padding:.5rem 1rem;transition:all .2s ease}.preview-button:hover{background:#e9ecef;border-color:#ced4da}.file-name{font-size:.875rem}.declaration-box{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.checkbox-container{align-items:flex-start;display:flex;gap:1rem}.custom-checkbox{cursor:pointer;height:20px;margin-top:.25rem;width:20px}.navigation-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.btn{border-radius:6px;display:flex;gap:.5rem;padding:.75rem 1.5rem}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#2c3e50}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9}.button-content{align-items:center;display:flex;gap:.5rem}.btn-icon{height:1rem;width:1rem}.modal-content{max-width:90vw}.modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-header h3{color:#2c3e50}.close-button{background:none;color:#666;font-size:1.5rem;line-height:1;padding:.25rem}.preview-image{max-height:calc(90vh - 4rem)}@media (max-width:768px){.review-submit-container{padding:1rem}.grid-container{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.btn{justify-content:center;width:100%}}.inquiry-review-submit{animation:inquiry-slideInRight .6s cubic-bezier(.4,0,.2,1)}@keyframes inquiry-slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.inquiry-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:16px;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.inquiry-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.inquiry-section-subtitle{color:#495057;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-left:1rem;position:relative}.inquiry-section-subtitle:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.inquiry-review-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.inquiry-review-section:last-child{margin-bottom:0}.inquiry-review-section-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem}.inquiry-review-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.inquiry-review-item{display:flex;flex-direction:column;gap:.5rem}.inquiry-review-item label{color:#6c757d;font-size:.875rem;font-weight:500}.inquiry-review-item p{color:#2c3e50;font-size:1rem;font-weight:500;margin:0}.inquiry-education-review{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.inquiry-education-review:last-child{margin-bottom:0}.inquiry-education-title{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.inquiry-button-group{margin-top:2rem}.inquiry-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #667eea1a;font-size:1rem;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.inquiry-button:hover{box-shadow:0 6px 12px #667eea33;transform:translateY(-2px)}.inquiry-button:active{box-shadow:0 2px 4px #667eea1a}.inquiry-button.prev{background:linear-gradient(135deg,#6c757d,#495057)}.inquiry-button.prev:hover{background:linear-gradient(135deg,#495057,#6c757d)}.inquiry-button.submit{background:linear-gradient(135deg,#4facfe,#00f2fe)}.inquiry-button.submit:hover{background:linear-gradient(135deg,#00f2fe,#4facfe)}.inquiry-button:disabled{box-shadow:none;transform:none}.inquiry-loading{animation:inquiry-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}@keyframes inquiry-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.inquiry-section{padding:1.5rem}.inquiry-review-section{padding:1.25rem}.inquiry-review-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.inquiry-review-section,.inquiry-section{padding:1rem}.inquiry-button{font-size:.95rem;padding:.75rem 1.5rem}}.stepper-container{justify-content:space-between;padding:16px 20px}.step-node,.stepper-container{align-items:center;display:flex;position:relative}.step-node{flex-direction:column;z-index:2}.step-circle{align-items:center;border-radius:50%;box-shadow:0 1px 3px #0000001a;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}.step-circle-active{background-color:#3b82f6;color:#fff}.step-circle-inactive{background-color:#e2e8f0;color:#64748b}.step-circle svg{stroke-width:3;height:20px;width:20px}.step-label{font-size:.85rem;font-weight:500;margin-top:10px;max-width:120px;position:relative;text-align:center}.step-label-active{color:#3b82f6}.step-label-inactive{color:#94a3b8}.step-connector{background-color:#e2e8f0;border-radius:4px;flex:1 1;height:4px;margin:0 12px;overflow:hidden;position:relative;z-index:1}.step-connector-progress{background-color:#3b82f6;border-radius:4px;height:100%}@media (max-width:640px){.stepper-container{padding:12px 8px}.step-circle{font-size:.9rem;height:40px;width:40px}.step-label{font-size:.75rem;max-width:80px}.step-connector{margin:0 8px}}.fee-form-main{display:flex;flex-direction:column;gap:1.5rem}.form-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .2s ease-in-out}.form-card-header{align-items:center;background-color:#2563eb;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.form-card-header h3{font-size:1.1rem;font-weight:600;margin:0}.form-card-icon{align-items:center;background-color:#ff9a9a;border-radius:4px;color:#fff;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.form-card-body{padding:1.5rem}.form-card-footer{background-color:#f8fafc;border-top:1px solid #0000001a;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.form-row{gap:1.25rem;margin-bottom:1rem}.form-field-summary{display:flex;flex:1 1 220px;flex-direction:column;min-width:220px}.form-field-summary label{color:#4b5563;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-input{background-color:#fff;color:#111827;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input.readonly{background-color:#f3f4f6;cursor:not-allowed}select.form-input{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.btn-generate{align-items:center;background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.btn-generate:hover{background-color:#4338ca}.btn-generate:disabled{cursor:not-allowed;opacity:.7}.installments-table{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;width:100%}.installments-header{background-color:#2563eb;color:#fff;font-size:.875rem;font-weight:600}.installment-row,.installments-header{grid-gap:.5rem;border-bottom:1px solid #e5e7eb;display:grid;gap:.5rem;grid-template-columns:.5fr 2fr 2fr .5fr;padding:.75rem 1rem}.installment-row{align-items:center}.installment-row:last-child{border-bottom:none}.btn-remove,.installment-cell{align-items:center;display:flex}.btn-remove{background-color:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-remove:hover{background-color:#dc2626}.installment-actions{display:flex;gap:.75rem}.btn-add,.btn-recalculate{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.btn-add{background-color:#10b981;color:#fff}.btn-add:hover{background-color:#059669}.btn-recalculate{background-color:#3b82f6;color:#fff}.btn-recalculate:hover{background-color:#2563eb}.btn-add:disabled,.btn-recalculate:disabled{background-color:#9ca3af;cursor:not-allowed}.form-input option,.form-input:focus,.form-input:focus option,select.form-input option,select.form-input:focus,select.form-input:focus option{background:#fff;color:#111!important}@media (max-width:768px){.form-field-summary{flex:1 1 100%;min-width:100%}.installment-row,.installments-header{grid-template-columns:.5fr 1.5fr 1.5fr .5fr}.installment-actions{flex-direction:column}.btn-add,.btn-recalculate{width:100%}}.btn-lock{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:11px;gap:4px;justify-content:center;min-width:70px;padding:6px 10px;transition:all .2s ease}.btn-lock.locked{background:#ffc107;border-color:#ffc107;color:#212529}.btn-lock.unlocked{background:#28a745;border-color:#28a745;color:#fff}.btn-lock:hover{opacity:.8;transform:translateY(-1px)}.installment-help{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;margin-top:15px;padding:12px}.installment-help p{color:#1565c0;font-size:13px;line-height:1.4;margin:0}.installment-help i{color:#2196f3;margin-right:6px}.installment-cell{min-width:120px}.fee-summary-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:-webkit-sticky;position:sticky;top:2rem}.summary-card-header{align-items:center;background-color:#2563eb;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.summary-card-header h3{font-size:1.1rem;font-weight:600;margin:0}.summary-card-icon{align-items:center;background-color:#ff9a9a;border-radius:4px;color:#fff;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.summary-card-body{padding:1.5rem}.summary-item{justify-content:space-between;margin-bottom:.75rem}.summary-label{color:#6b7280}.summary-value{font-size:.875rem;font-weight:500}.summary-item.total{border-top:1px dashed #e5e7eb;font-weight:600;margin-top:.5rem;padding-top:.75rem}.summary-item.total .summary-value{color:#2563eb;font-size:1rem}.summary-item.discount .summary-value{color:#ef4444}.summary-divider{background-color:#e5e7eb;height:1px;margin:1rem 0}.summary-card-footer{border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.inquiry-button-group{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.inquiry-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;padding:10px 20px}.inquiry-button:hover{background:#2563eb}.inquiry-button:active{transform:translateY(1px)}.inquiry-button.prev{background:#64748b}.inquiry-button.prev:hover{background:#475569}.inquiry-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:992px){.fee-summary-card{margin-bottom:1.5rem;position:static}}body{background-color:#0f172a;color:var(--text-primary);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.inquiry-container{background:#f8fafb;border-radius:8px;height:calc(100vh - 6rem);margin:0 auto;overflow-y:scroll;padding:16px;position:relative}.inquiry-title{color:#1e293b;font-size:1.8rem;font-weight:600;margin-bottom:20px;padding:20px;text-align:center}.inquiry-form-container,.inquiry-title{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.inquiry-form-container{padding:24px}.inquiry-radio{margin-bottom:0!important}.inquiry-success-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:48px 24px;text-align:center}.success-icon{align-items:center;background:#10b981;border-radius:50%;display:flex;height:72px;justify-content:center;margin-bottom:24px;width:72px}.success-icon svg{color:#fff;height:40px;width:40px}.success-title{color:#1e293b;font-size:1.6rem;font-weight:700;margin-bottom:12px}.success-message{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:32px;max-width:500px}.success-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px}.success-button:hover{background:#2563eb}.success-button:active{transform:translateY(1px)}@media (max-width:768px){.inquiry-container{margin:12px;padding:16px}.inquiry-title{font-size:1.5rem}.inquiry-form-container{padding:20px}.success-title{font-size:1.4rem}.success-message{font-size:.95rem}}input,select,textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group{margin-bottom:16px}.preview-button{background:#0000;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;text-align:left;text-decoration:underline}.preview-button:hover{color:#2563eb}.modal-overlay{background-color:#0009}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 20px 40px #0003;overflow:hidden;width:90%}.modal-header{padding:16px 20px}.modal-header h3{color:#1e293b}.close-button{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:24px}.close-button:hover{color:#1e293b}.modal-body{overflow:auto;padding:20px}.preview-image{max-height:70vh;max-width:100%;object-fit:contain}.file-name{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--primary:#2563eb;--success:#10b981;--danger:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937}.program-management-dashboard{background:#f9fafb;min-height:100vh;padding:20px}.program-management-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:20px;padding:1.5rem 2rem}.program-management-title{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0 0 .5rem}.program-management-title-icon{color:#2563eb;color:var(--primary);height:24px;width:24px}.program-management-subtitle{color:#4b5563;color:var(--gray-600);font-size:.95rem;margin:0}.program-management-error,.program-management-feedback{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.program-management-feedback.success{background:#f0fdf4;border-color:#10b981;border-color:var(--success);color:#166534}.program-management-feedback.error{background:#fef2f2;border-color:#ef4444;border-color:var(--danger);color:#991b1b}.program-management-error-icon,.program-management-feedback-icon{height:20px;width:20px}.program-management-error-close{cursor:pointer;margin-left:auto;padding:4px}.program-management-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.program-management-search{flex:1 1;min-width:250px;position:relative}.program-management-search-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;font-size:.95rem;padding:10px 12px 10px 36px;width:100%}.program-management-search-input:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.program-management-search-icon{color:#4b5563;color:var(--gray-600);height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.program-management-actions{align-items:center;display:flex;gap:8px}.program-management-view-toggles{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;display:flex;overflow:hidden}.program-management-view-toggle{background:#fff;border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;padding:8px 12px}.program-management-view-toggle.active{background:#2563eb;background:var(--primary);color:#fff}.program-management-add-btn,.program-management-export-btn,.program-management-filter-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.95rem;gap:6px;padding:10px 16px}.program-management-add-btn{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.program-management-export-btn:hover,.program-management-filter-btn:hover{background:#f9fafb;background:var(--gray-50)}.program-management-add-btn:hover{background:#1d4ed8}.program-management-btn-icon{height:18px;width:18px}.program-management-filters{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;margin-bottom:20px;padding:16px}.program-management-filters-container{align-items:end;display:flex;flex-wrap:wrap;gap:16px}.program-management-filter-group{display:flex;flex-direction:column;min-width:180px}.program-management-filter-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-bottom:6px}.program-management-filter-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;font-size:.95rem;padding:8px 12px}.program-management-filter-select:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.program-management-filter-checkbox-container{align-items:center;display:flex;gap:8px}.program-management-filter-checkbox{height:16px;width:16px}.program-management-filter-reset-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 12px}.program-management-filter-reset-btn:hover{background:#e5e7eb;background:var(--gray-200)}.program-management-programs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.modern-program-card,.program-management-program-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.modern-program-card-code{background:#2563eb;background:var(--primary);color:#fff;font-size:.95rem;font-weight:600;padding:10px 16px;text-align:center}.modern-program-card-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:12px 16px}.modern-program-card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.modern-program-card-degree,.modern-program-card-department{color:#1f2937;color:var(--gray-800);font-size:.95rem;font-weight:600}.modern-program-card-department{color:#2563eb;color:var(--primary)}.modern-program-card-featured{color:#f59e0b;margin-left:auto}.modern-program-card-star{height:18px;width:18px}.modern-program-card-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-top:8px;padding:4px 8px}.status-badge-active{background:#dcfce7;color:#166534}.status-badge-inactive{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600)}.status-badge-completed{background:#dbeafe;color:#1e40af}.modern-program-card-meta-row{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.modern-program-card-meta-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:4px;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;gap:6px;padding:4px 8px}.modern-program-card-description{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5;padding:12px 16px}.modern-program-card-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:8px;justify-content:space-between;padding:12px 16px}.modern-program-card-details-btn,.modern-program-card-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;width:28px}.modern-program-card-details-btn{background:#2563eb;background:var(--primary);color:#fff}.modern-program-card-details-btn:hover{background:#1d4ed8}.modern-program-card-details-btn svg,.modern-program-card-edit-btn svg{height:16px;width:16px}.modern-program-card-edit-btn{background:#f3f4f6;background:var(--gray-100);color:#2563eb;color:var(--primary)}.modern-program-card-edit-btn:hover{background:#e5e7eb;background:var(--gray-200)}.modern-program-card-status-switch{align-items:center;display:flex;gap:8px}.modern-program-card-status-toggle{-webkit-appearance:none;appearance:none;background:#d1d5db;background:var(--gray-300);border-radius:10px;cursor:pointer;height:20px;position:relative;width:40px}.modern-program-card-status-toggle:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.modern-program-card-status-toggle:checked{background:#10b981;background:var(--success)}.modern-program-card-status-toggle:checked:before{transform:translateX(20px)}.modern-program-card-status-text{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:500}.program-management-programs-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;overflow-x:auto}.program-management-programs-table{border-collapse:collapse;width:100%}.program-management-programs-table td,.program-management-programs-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);font-size:.875rem;padding:12px 16px;text-align:left}.program-management-programs-table th{color:#374151;color:var(--gray-700);font-weight:600}.program-management-programs-table tbody tr:hover,.program-management-programs-table th{background:#f9fafb;background:var(--gray-50)}.program-management-sortable{cursor:pointer}.program-management-sort-icon{height:16px;margin-left:4px;width:16px}.program-management-table-actions{align-items:center;display:flex;gap:8px}.program-management-table-details-btn,.program-management-table-edit-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;width:28px}.program-management-table-details-btn{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.program-management-table-details-btn:hover{background:#1d4ed8}.program-management-table-details-btn svg,.program-management-table-edit-btn svg{height:16px;width:16px}.program-management-table-edit-btn{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.program-management-table-edit-btn:hover{background:#1d4ed8}.program-management-status-toggle{-webkit-appearance:none;appearance:none;background:#d1d5db;background:var(--gray-300);border-radius:10px;cursor:pointer;height:20px;position:relative;width:40px}.program-management-status-toggle:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.program-management-status-toggle:checked{background:#10b981;background:var(--success)}.program-management-status-toggle:checked:before{transform:translateX(20px)}.program-management-programs-empty{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:60px 20px;text-align:center}.program-management-empty-icon{color:var(--gray-400);height:48px;margin:0 auto 16px;width:48px}.program-management-empty-title{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:8px}.program-management-empty-description{color:#4b5563;color:var(--gray-600);margin-bottom:20px}.program-management-empty-add-btn{background:#2563eb;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px}.program-management-empty-add-btn:hover{background:#1d4ed8}.program-management-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.program-management-form-container{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.program-management-form-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:20px 24px}.program-management-form-title{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:0}.program-management-form-close-btn{background:none;border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;padding:4px}.program-management-form-close-btn:hover{color:#1f2937;color:var(--gray-800)}.program-management-form{padding:24px}.program-management-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.program-management-form-group{display:flex;flex-direction:column}.program-management-form-group.program-management-full-width{grid-column:1/-1}.program-management-form-group.program-management-featured-checkbox{align-items:center;flex-direction:row}.program-management-form-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-bottom:6px}.program-management-form-input,.program-management-form-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;font-size:.95rem;padding:10px 12px;width:100%}.program-management-form-input:focus,.program-management-form-select:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.program-management-form-checkbox{height:16px;margin-right:8px;width:16px}.program-management-checkbox-label{color:#374151;color:var(--gray-700);font-size:.95rem}.program-management-eligibility-criterion{align-items:center;display:flex;gap:8px;margin-bottom:8px}.program-management-eligibility-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;flex:1 1;padding:8px 12px}.program-management-eligibility-remove-btn{background:none;border:none;color:#ef4444;color:var(--danger);cursor:pointer;padding:8px}.program-management-eligibility-add-btn{align-items:center;background:#10b981;background:var(--success);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 16px}.program-management-eligibility-add-btn:hover{background:#059669}.program-management-semester-section{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;grid-column:1/-1;margin-top:16px;padding:16px}.program-management-semester-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#1f2937;color:var(--gray-800);font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:12px}.program-management-selected-courses{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.program-management-course-chip{align-items:center;background:#2563eb;background:var(--primary);border-radius:16px;color:#fff;display:inline-flex;font-size:.875rem;gap:6px;padding:4px 10px}.program-management-remove-course-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;padding:0}.program-management-form-actions-row{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.program-management-form-cancel-btn,.program-management-form-submit-btn{align-items:center;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:10px 20px}.program-management-form-cancel-btn{background:#fff;color:#374151;color:var(--gray-700)}.program-management-form-cancel-btn:hover{background:#f9fafb;background:var(--gray-50)}.program-management-form-submit-btn{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.program-management-form-submit-btn:hover{background:#1d4ed8}.program-management-details-modal{background:#fff;border-radius:8px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.program-management-details-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:20px 24px}.program-management-details-title{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:0}.program-management-details-content{padding:24px}.program-management-details-content p{color:#374151;color:var(--gray-700);font-size:.95rem;margin:0 0 12px}.program-management-details-content p strong{color:#1f2937;color:var(--gray-800);font-weight:600;margin-right:8px}.program-management-details-content ul{list-style:none;margin:0 0 20px;padding:0}.program-management-details-content ul li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:.95rem;padding:8px 0}.program-management-details-content .details-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#1f2937;color:var(--gray-800);font-size:1.1rem;font-weight:600;margin:24px 0 12px;padding-bottom:8px}.program-management-details-content .details-semester-list{list-style:none;margin:0 0 20px;padding:0}.program-management-details-content .details-semester-list li{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;margin-bottom:12px;padding:12px}.program-management-details-content .details-semester-list li strong{display:block;margin-bottom:8px}.program-management-details-content .details-course-list{list-style:none;margin:8px 0 0;padding:0}.program-management-details-content .details-course-list li{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:4px;margin-bottom:6px;padding:6px 12px}.program-management-loading-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}@media (max-width:768px){.program-management-form-grid,.program-management-programs-grid{grid-template-columns:1fr}.program-management-controls{align-items:stretch;flex-direction:column}.program-management-search{min-width:100%}}.modern-program-card:hover,.program-management-program-card:hover{box-shadow:0 2px 4px #0000001a}body{color:#333;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page{align-items:center;background:linear-gradient(135deg,#fff,#a5b4fc);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:30px}.login-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;height:auto;max-width:420px;overflow:hidden;padding:40px 35px;transition:all .3s ease;width:100%}.login-container:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-4px)}.login-container .text-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.university-logo{margin-bottom:5px;position:relative;text-align:center;z-index:1}.logo-image{filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));height:140px;margin:0 auto;object-fit:contain;transition:transform .4s,filter .4s;width:140px}.logo-image:hover{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));transform:scale(1.08)}.university-title-login{color:#1e293b;font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px;position:relative;text-align:center;z-index:1}.university-subtitle-login{color:#6366f1;font-size:18px;font-weight:400;margin:0!important;position:relative;text-align:center;z-index:1}.error-message{animation:fadeIn .4s ease-in-out;background-color:#fee2e2;border-left:5px solid #dc2626;border-radius:12px;box-shadow:0 4px 12px #dc26261a;font-size:16px;margin-bottom:30px;padding:18px}.error-message,.login-form{position:relative;z-index:1}.login-form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.login-form .password,.login-form .username{position:relative}.login-form .password label,.login-form .username label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.login-form .input-wrapper{position:relative}.login-form .input-icon{left:18px;pointer-events:none;position:absolute;top:28px;transform:translateY(-50%)}.login-form .icon{color:#6366f1;height:22px;width:22px}.login-form .form-input{border:2px solid #d1d5db;border-radius:14px;box-shadow:0 2px 4px #0000000d;color:#111827;font-family:Poppins,sans-serif;font-size:17px;height:60px;letter-spacing:.3px;margin:0!important;outline:none;padding:10px 18px 10px 54px;transition:all .3s ease;width:100%}.login-form .form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 5px #4f46e526}.login-form .form-input::placeholder{color:#9ca3af;font-size:16px}.login-form .password .form-input{margin:0!important;padding-right:54px}.login-form .password .password-toggle{position:absolute;right:18px;top:28px;transform:translateY(-50%)}.login-form .password .toggle-button{background:none;border:none;border-radius:10px;color:#6366f1;cursor:pointer;padding:8px;transition:all .2s}.login-form .password .toggle-button:hover{background-color:#6366f11a;color:#4f46e5}.login-form .remember-forgot{font-size:16px;justify-content:space-between}.login-form .remember-forgot,.login-form .remember-me{align-items:center;display:flex}.login-form .remember-checkbox{accent-color:#4f46e5;border-radius:5px;cursor:pointer;height:20px;margin-right:12px;width:20px}.login-form .remember-label{color:#4b5563;cursor:pointer}.login-form .forgot-password{text-align:right}.login-form .forgot-link{color:#4f46e5;font-weight:500;padding:3px 0;position:relative;text-decoration:none;transition:all .2s}.login-form .forgot-link:after{background-color:#4f46e5;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-form .forgot-link:hover{color:#4338ca}.login-form .forgot-link:hover:after{width:100%}.login-form .login-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;box-shadow:0 6px 15px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;height:62px;justify-content:center;letter-spacing:.8px;overflow:hidden;padding:0 24px;position:relative;transition:all .3s;width:100%}.login-form .login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.login-form .login-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 8px 20px #4f46e566;transform:translateY(-5px)}.login-form .login-btn:hover:before{left:100%}.login-form .login-btn:active{box-shadow:0 4px 10px #4f46e54d;transform:translateY(-2px)}.login-form .login-btn:disabled{box-shadow:0 4px 10px #4f46e533;cursor:not-allowed}.login-form .login-btn:disabled,.login-form .login-btn:disabled:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8);transform:none}.login-form .login-btn .loader-icon{animation:spin 1.5s linear infinite;margin-right:10px}.create-account{font-size:17px;margin-top:15px;position:relative;text-align:center;z-index:1}.create-account .account-text{color:#6b7280}.create-account .account-link{border-radius:5px;color:#4f46e5;font-weight:600;margin-left:5px;padding:3px 6px;text-decoration:none;transition:all .2s}.create-account .account-link:hover{background-color:#4f46e51a;color:#4338ca}.login-footer{color:#9ca3af;font-size:14px;margin-top:8px;position:relative;text-align:center;z-index:1}@media (max-width:640px){.login-container{padding:40px 25px}.university-title-login{font-size:28px}.university-subtitle-login{font-size:16px}.login-form .form-input,.login-form .login-btn{height:56px}.login-form .remember-forgot{align-items:flex-start;flex-direction:column;gap:15px}.login-form .forgot-password{text-align:left;width:100%}}@media (max-width:480px){.login-container{max-width:92%}}.login-container{position:relative}.login-container .decoration{border-radius:50%;opacity:.5;position:absolute;z-index:0}.login-container .decoration-1{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#a78bfa,#c4b5fd);height:80px;right:20%;top:-30px;width:80px}.login-container .decoration-2{animation:float 8s ease-in-out 1s infinite;background:linear-gradient(45deg,#a5b4fc,#818cf8);bottom:20px;height:40px;right:10%;width:40px}.login-container .decoration-3{animation:float 7s ease-in-out .5s infinite;background:linear-gradient(45deg,#c7d2fe,#a5b4fc);height:60px;left:-20px;top:30%;width:60px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:450px;padding:40px;position:relative;width:100%}.forgot-password-header{margin-bottom:30px;text-align:center}.forgot-password-container .back-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;left:20px;position:absolute;top:20px;transition:color .2s}.forgot-password-container .back-button:hover{color:#374151}.forgot-password-form{margin-top:30px}.input-wrapper input{padding:12px 12px 12px 40px}.forgot-password-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.forgot-password-footer p{color:#6b7280;font-size:14px;margin:0}@media (max-width:480px){.forgot-password-card{margin:10px;padding:30px 20px}.forgot-password-container .back-button{justify-content:center;margin-bottom:20px;position:static}.logo-section{margin-top:0}}.verify-pin-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-pin-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:480px;overflow:hidden;padding:40px;position:relative;width:100%}.verify-pin-card:before{background:linear-gradient(90deg,#1e3a8a,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.verify-pin-header{margin-bottom:30px;position:relative;text-align:center}.verify-pin-container .back-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;left:0;padding:8px;position:absolute;top:0;transition:color .2s}.verify-pin-container .back-button:hover{background-color:#f3f4f6;color:#1e3a8a}.logo-section h1{font-size:28px;font-weight:700;margin:0 0 8px}.logo-section p{font-size:16px;margin:0 0 8px}.username-display{background:#f3f4f6;border-radius:8px;color:#374151;display:inline-block;font-weight:500;margin-top:12px;padding:8px 16px}.verify-pin-form{margin-top:30px}.form-group{margin-bottom:24px}.pin-input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:16px}.pin-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:Courier New,monospace;font-size:18px;font-weight:600;letter-spacing:4px;padding:16px 16px 16px 48px;text-align:center;transition:all .2s;width:100%}.pin-input:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a;outline:none}.pin-input:disabled{background-color:#f9fafb;color:#9ca3af}.pin-hint{color:#6b7280;font-size:14px;margin-top:8px;text-align:center}.submit-btn{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:24px;padding:16px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #1e3a8a4d;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;transform:none}.error-message{gap:12px;padding:16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#059669;margin-bottom:20px;padding:24px}.success-message h3{margin:12px 0 8px}.loading-spinner{color:#059669;font-size:14px;gap:12px;margin-top:16px}.resend-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px;text-align:center}.resend-section p{color:#6b7280;font-size:14px;margin:0 0 8px}.link-button{color:#1e3a8a;font-size:14px;font-weight:600}.link-button:hover{color:#3b82f6}@media (max-width:480px){.verify-pin-card{margin:10px;padding:24px}.logo-section h1{font-size:24px}.pin-input{font-size:16px;letter-spacing:2px}.submit-btn{font-size:15px;padding:14px}}.verify-pin-card{animation:slideUp .5s ease-out}.reset-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:40px;position:relative;width:100%}.reset-password-header{margin-bottom:30px;text-align:center}.logo-section{margin-top:20px}.logo-circle{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.logo-section h1{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 10px}.logo-section p{color:#6b7280;font-size:14px;margin:0}.reset-password-form{margin-top:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-wrapper input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 50px 12px 40px;transition:border-color .2s;width:100%}.input-wrapper input:focus{border-color:#3b82f6;outline:none}.input-wrapper input:disabled{background-color:#f9fafb;cursor:not-allowed}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:#6b7280}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:15px}.password-requirements h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 10px}.password-requirements ul{list-style:none;margin:0;padding-left:20px}.password-requirements li{color:#6b7280;font-size:12px;margin-bottom:5px;padding-left:20px;position:relative}.password-requirements li:before{color:#ef4444;content:"✕";font-weight:700;left:0;position:absolute}.password-requirements li.valid:before{color:#059669;content:"✓"}.password-requirements li.valid{color:#059669}.error-message{margin-bottom:20px;padding:12px}.success-message{padding:30px 20px;text-align:center}.success-message svg{color:#059669;margin-bottom:15px}.success-message h3{color:#059669;font-size:18px;margin:0 0 10px}.success-message p{color:#6b7280;font-size:14px;margin:0 0 20px}.success-actions{margin-top:20px}.error-state{padding:30px 20px;text-align:center}.error-state h2{color:#dc2626;font-size:20px;margin:0 0 10px}.error-state p{color:#6b7280;font-size:14px;margin:0 0 20px}.btn-primary{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.submit-btn{margin-top:10px}.reset-password-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.reset-password-footer p{color:#6b7280;font-size:14px;margin:0}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s}.link-button:hover{color:#1e3a8a}@media (max-width:480px){.reset-password-card{margin:10px;padding:30px 20px}.logo-section{margin-top:0}.password-requirements{padding:12px}}.teachers-attendance-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;min-height:100vh;padding:20px}.teachers-attendance-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 20px 40px #667eea4d;color:#fff;margin-bottom:25px;padding:25px}.teachers-attendance-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.teachers-attendance-title{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0}.teachers-attendance-export-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.teachers-attendance-export-btn:hover{background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.teachers-attendance-filters{display:flex;gap:15px}.teachers-attendance-month-select,.teachers-attendance-teacher-select,.teachers-attendance-year-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.teachers-attendance-month-select:focus,.teachers-attendance-month-select:hover,.teachers-attendance-teacher-select:focus,.teachers-attendance-teacher-select:hover,.teachers-attendance-year-select:focus,.teachers-attendance-year-select:hover{background-color:#fff;color:#000;transform:translateY(-1px)}.teachers-attendance-month-select option,.teachers-attendance-teacher-select option,.teachers-attendance-year-select option{background-color:#fff;color:#2c3e50}.teachers-attendance-content{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}.teachers-attendance-calendar-section,.teachers-attendance-stats-section{background-color:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 15px #00000014;padding:25px}@media (max-width:1200px){.teachers-attendance-content{grid-template-columns:1fr 350px}}@media (max-width:768px){.teachers-attendance-container{padding:15px}.teachers-attendance-header{padding:20px}.teachers-attendance-header-top{align-items:flex-start;flex-direction:column;gap:15px}.teachers-attendance-title{font-size:24px}.teachers-attendance-filters{justify-content:center}.teachers-attendance-content{grid-template-columns:1fr}.teachers-attendance-calendar-section,.teachers-attendance-stats-section{padding:20px}}.teachers-attendance-calendar{background-color:#fff;border-radius:12px;padding:0}.teachers-attendance-calendar-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.teachers-attendance-calendar-title{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 10px;text-align:center}.teachers-attendance-selected-teacher{color:#7f8c8d;font-size:14px;font-style:italic;text-align:center}.teachers-attendance-calendar-weekdays{background-color:#f8f9fa;border-radius:8px;color:#34495e;display:grid;font-weight:600;grid-template-columns:repeat(7,1fr);margin-bottom:10px;padding:5px 0;text-align:center}.teachers-attendance-weekday{font-size:13px;padding:10px 5px}.teachers-attendance-calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.teachers-attendance-calendar-day{background-color:#fff;border:1px solid #e8ecef;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;min-height:85px;padding:8px;transition:all .2s ease}.teachers-attendance-calendar-day:hover:not(.teachers-attendance-weekend){border-color:#3498db;box-shadow:0 2px 8px #3498db26;transform:translateY(-1px)}.teachers-attendance-weekend{background-color:#f8f9fa;cursor:default}.teachers-attendance-weekend:hover{border-color:#e8ecef;box-shadow:none;transform:none}.teachers-attendance-today{background-color:#fdf2f2;border-color:#e74c3c}.teachers-attendance-day-number{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.teachers-attendance-day-status{display:flex;flex-direction:column;flex-grow:1;gap:4px}.teachers-attendance-teacher-status{display:flex;justify-content:center}.teachers-attendance-status-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:inline-block;height:12px;width:12px}.teachers-attendance-present{background-color:#27ae60}.teachers-attendance-absent{background-color:#e74c3c}.teachers-attendance-late{background-color:#f39c12}.teachers-attendance-weekend{background-color:#95a5a6}.teachers-attendance-status-summary{align-items:center;display:flex;flex-direction:column;gap:4px}.teachers-attendance-summary-bar{background-color:#ecf0f1;border-radius:3px;display:flex;height:6px;overflow:hidden;width:100%}.teachers-attendance-summary-present{background-color:#27ae60}.teachers-attendance-summary-late{background-color:#f39c12}.teachers-attendance-summary-absent{background-color:#e74c3c}.teachers-attendance-summary-text{color:#7f8c8d;font-size:10px;font-weight:500}.teachers-attendance-calendar-legend{border-top:1px solid #eee;display:flex;font-size:13px;gap:20px;justify-content:center;margin-top:20px;padding-top:15px}.teachers-attendance-legend-item{align-items:center;color:#7f8c8d;display:flex;gap:6px}.teachers-attendance-calendar-empty-day{border:none;min-height:85px}.teachers-attendance-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.teachers-attendance-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.teachers-attendance-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 25px}.teachers-attendance-modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.teachers-attendance-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.teachers-attendance-modal-close:hover{background-color:#e74c3c;color:#fff}.teachers-attendance-modal-content{padding:20px 25px}.teachers-attendance-modal-teacher{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 0}.teachers-attendance-modal-teacher:last-child{border-bottom:none}.teachers-attendance-modal-teacher-info{display:flex;flex-direction:column;gap:4px}.teachers-attendance-modal-teacher-name{color:#2c3e50;font-size:15px;font-weight:500}.teachers-attendance-modal-teacher-dept{color:#7f8c8d;font-size:13px}.teachers-attendance-modal-status-buttons{display:flex;gap:8px}.teachers-attendance-status-btn{border:2px solid #0000;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.teachers-attendance-status-btn.teachers-attendance-present{background-color:#e8f8f0;border-color:#27ae60;color:#27ae60}.teachers-attendance-status-btn.teachers-attendance-present.active{background-color:#27ae60;color:#fff}.teachers-attendance-status-btn.teachers-attendance-late{background-color:#fef5e7;border-color:#f39c12;color:#f39c12}.teachers-attendance-status-btn.teachers-attendance-late.active{background-color:#f39c12;color:#fff}.teachers-attendance-status-btn.teachers-attendance-absent{background-color:#fde8e8;border-color:#e74c3c;color:#e74c3c}.teachers-attendance-stats{background-color:#fff;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:0}.teachers-attendance-stats-title{border-bottom:1px solid #eee;color:#2c3e50;display:flex;flex-direction:column;font-size:20px;font-weight:600;gap:5px;margin:0 0 20px;padding-bottom:15px}.teachers-attendance-stats-subtitle{color:#7f8c8d;font-size:12px;font-weight:400}.teachers-attendance-stats-overview{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.teachers-attendance-stat-card{background-color:#f8f9fa;border-left:4px solid #0000;border-radius:8px;flex-grow:1;min-width:200px;padding:15px;text-align:center;transition:all .3s ease}.teachers-attendance-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.teachers-attendance-stat-working{border-left-color:#3498db}.teachers-attendance-stat-present{border-left-color:#27ae60}.teachers-attendance-stat-late{border-left-color:#f39c12}.teachers-attendance-stat-absent{border-left-color:#e74c3c}.teachers-attendance-stat-value{color:#2c3e50;font-size:24px;font-weight:700;line-height:1;margin-bottom:5px}.teachers-attendance-stat-label{color:#7f8c8d;font-size:12px;font-weight:500}.teachers-attendance-progress-container{background-color:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px}.teachers-attendance-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.teachers-attendance-progress-label{color:#34495e;font-size:14px;font-weight:500}.teachers-attendance-progress-percentage{color:#2c3e50;font-size:18px;font-weight:700}.teachers-attendance-progress-bar{background-color:#ecf0f1;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.teachers-attendance-progress-fill{border-radius:6px;height:100%;transition:width .5s ease}.teachers-attendance-progress-status{color:#7f8c8d;font-size:13px;text-align:center}.teachers-attendance-section-title{border-bottom:1px solid #eee;color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.teachers-attendance-department-stats{margin-bottom:25px}.teachers-attendance-department-list{display:flex;flex-wrap:wrap;gap:20px}.teachers-attendance-department-item{background-color:#f8f9fa;border:1px solid #e8ecef;border-radius:8px;flex:1 1;min-width:200px;padding:15px}.teachers-attendance-department-name{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.teachers-attendance-department-info{align-items:center;color:#7f8c8d;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.teachers-attendance-department-rate{color:#2c3e50!important;font-weight:600}.teachers-attendance-department-bar{background-color:#ecf0f1;border-radius:3px;height:6px;overflow:hidden}.teachers-attendance-department-fill{border-radius:3px;height:100%;transition:width .5s ease}.teachers-attendance-teachers-list{margin-bottom:20px}.teachers-attendance-teachers-items{display:flex;flex-wrap:wrap;gap:20px}.teachers-attendance-teacher-item{align-items:center;background-color:#fff;border:1px solid #e8ecef;border-radius:8px;display:flex;flex:1 1;justify-content:space-between;min-width:300px;padding:15px;transition:all .2s ease}.teachers-attendance-teacher-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.teachers-attendance-teacher-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.teachers-attendance-teacher-name{color:#2c3e50;font-size:14px;font-weight:600}.teachers-attendance-teacher-dept{color:#7f8c8d;font-size:12px;font-weight:500}.teachers-attendance-teacher-email{color:#95a5a6;font-size:11px}.teachers-attendance-teacher-stats{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.teachers-attendance-teacher-attendance{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.teachers-attendance-attendance-rate{color:#2c3e50;font-size:16px;font-weight:700}.teachers-attendance-attendance-label{color:#7f8c8d;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.teachers-attendance-teacher-breakdown{display:flex;font-size:11px;gap:8px}.teachers-attendance-present-count{color:#27ae60;font-weight:600}.teachers-attendance-late-count{color:#f39c12;font-weight:600}.teachers-attendance-absent-count{color:#e74c3c;font-weight:600}.teachers-attendance-quick-actions{border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding-top:15px}.teachers-attendance-action-item{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.teachers-attendance-action-label{color:#34495e;font-size:13px}.teachers-attendance-action-value{color:#2c3e50;font-size:14px;font-weight:600}.teachers-attendance-warning{color:#e74c3c!important}@media (max-width:1200px){.teachers-attendance-stats-overview{gap:10px;grid-template-columns:1fr}.teachers-attendance-stat-card{padding:12px}.teachers-attendance-stat-value{font-size:20px}}@media (max-width:768px){.teachers-attendance-progress-container{padding:15px}.teachers-attendance-teacher-item{align-items:flex-start;flex-direction:column;gap:10px}.teachers-attendance-teacher-stats{align-items:flex-start;width:100%}.teachers-attendance-teacher-attendance{align-items:flex-start}.teachers-attendance-department-item{padding:12px}.teachers-attendance-action-item{align-items:flex-start;flex-direction:column;gap:5px}}.create-student-personal-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.create-student-section-title{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.create-student-form-row{display:flex;gap:20px;margin-bottom:15px}.create-student-form-group{flex:1 1;margin-bottom:10px}.create-student-label{color:#34495e;display:block;font-weight:600;margin-bottom:5px}.create-student-input,.create-student-select,.create-student-textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;width:100%}.create-student-textarea{min-height:80px;resize:vertical}.create-student-select{height:40px}.create-student-academic-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.create-student-subtitle{border-bottom:1px solid #eee;color:#2c3e50;font-size:1.2rem;margin:20px 0 15px;padding-bottom:8px}.create-student-education-item{background-color:#f9f9f9;border-left:3px solid #3498db;border-radius:6px;margin-bottom:15px;padding:15px}.create-student-file-info{background-color:#f5f5f5;border:1px dashed #ccc;border-radius:4px;padding:10px}.create-student-add-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 15px}.create-student-add-btn:hover{background-color:#2980b9}.create-student-remove-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:10px;padding:6px 12px}.create-student-remove-btn:hover{background-color:#c0392b}.create-student-fee-structure{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.create-student-installment-plan{margin-top:15px}.create-student-installment-item{background-color:#f5f9fc;border-left:3px solid #2ecc71;border-radius:6px;margin-bottom:10px;padding:15px}.create-student-container{margin:0 auto;max-width:1200px;padding:20px}.create-student-main-title{color:#2c3e50;font-size:2rem;margin-bottom:20px;text-align:center}.create-student-form{display:flex;flex-direction:column;gap:20px}.create-student-edit-controls{display:flex;justify-content:flex-end;margin-bottom:20px}.create-student-edit-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.create-student-edit-btn:hover{background-color:#2980b9}.create-student-actions{display:flex;justify-content:flex-end;margin-top:20px}.create-student-submit-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 25px;transition:background-color .3s}.create-student-submit-btn:hover{background-color:#27ae60}.create-student-submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.fee-structure-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:Poppins,sans-serif;margin:2rem auto;max-width:1200px;overflow:hidden;padding:0}.fee-structure-header{background:var(--primary-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sm);color:#fff;overflow:hidden;padding:2rem;position:relative}.fee-structure-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.fee-structure-header h2{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;position:relative;z-index:1}.student-info{align-items:center;position:relative;z-index:1}.student-avatar{background-color:#fff3;border:2px solid #ffffff4d;font-size:1.5rem;height:60px;margin-right:1rem;width:60px}.student-details h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.student-details p{color:#ffffffe6;font-size:.875rem;margin:.25rem 0 0;opacity:.9}.fee-structure-layout{grid-gap:1.5rem;background-color:#fff;display:grid;gap:1.5rem;grid-template-columns:3fr 1fr;padding:1.5rem}.form-buttons-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.loading-spinner{height:100%;width:100%}.loading-spinner img{animation:spin 1s linear infinite;height:80px;width:80px}@media (max-width:992px){.fee-structure-layout{grid-template-columns:1fr}.fee-structure-sidebar{order:-1}}@media (max-width:768px){.fee-structure-container{margin:1rem}.fee-structure-header{padding:1.5rem}.student-info{align-items:flex-start;flex-direction:column}.student-avatar{margin-bottom:1rem;margin-right:0}}@media (max-width:576px){.fee-structure-header{padding:1.25rem}.fee-structure-header h2{font-size:1.5rem}.form-buttons-container{flex-direction:column}.form-buttons-container button{width:100%}}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.p-3{padding:1rem}.error-message{color:var(--danger-color);margin-top:.25rem}.success-message{color:var(--success-color);font-size:.875rem;margin-top:.25rem}.warning-message{color:var(--warning-color);margin-top:.25rem}.ums-loader-overlay{background:#fff;inset:0;position:fixed;z-index:99999}.ums-loader-inline,.ums-loader-overlay{align-items:center;display:flex;justify-content:center}.ums-loader-inline{padding:16px}.ums-loader-card{align-items:center;background:#0000;border-radius:12px;color:#3b82f6;display:flex;gap:10px;padding:12px 16px}.ums-loader-text{font-size:16px;font-weight:500}.ums-spinner{animation:ums-spin .9s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;display:inline-block}.ums-spinner-sm{border-width:2px;height:16px;width:16px}.ums-spinner-md{height:22px;width:22px}.ums-spinner-lg{border-width:4px;height:30px;width:30px}@keyframes ums-spin{to{transform:rotate(1turn)}}.summary-modal-overlay{background-color:#00000080;padding:1rem}.summary-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:95vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{background-color:#2563eb;border-bottom:1px solid #ffffff1a;border-radius:8px 8px 0 0;color:#fff;padding:1.25rem 1.5rem}.modal-header .fee-structure-modal-heading{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.close-modal{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;transition:all .2s ease}.close-modal:hover{opacity:.8}.modal-body{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;max-height:0;overflow-y:auto;padding:1.5rem;width:100%}.modal-footer{background-color:#f8fafc;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}.summary-section{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem;width:100%}.summary-section:last-child{border-bottom:none;padding-bottom:0}.summary-section h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.summary-row .summary-label{color:#6b7280;font-size:.875rem;width:40%}.summary-row .summary-value{font-size:.875rem;font-weight:500;text-align:right;width:60%}.summary-row.total{border-top:1px dashed #e5e7eb;font-weight:600;margin-top:.5rem;padding-top:.5rem}.summary-row .discount{color:#ef4444}.installment-table{border-collapse:collapse;margin-top:1rem;width:100%}.installment-table th{background-color:#2563eb;border:1px solid #ffffff1a;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.installment-table td{border:1px solid #e5e7eb;font-size:.875rem;padding:.75rem 1rem}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.btn-cancel{background-color:#e2e8f0;color:#111827}.btn-cancel:hover{background-color:#cbd5e0}.btn-submit{background-color:#10b981;color:#fff}.btn-submit:hover{background-color:#059669}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.spinner-small{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:16px;margin-right:6px;width:16px}@media (max-width:576px){.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.summary-row{flex-direction:column}.summary-row .summary-label,.summary-row .summary-value{text-align:left;width:100%}}.fee-structure-management{background-color:#f8fafc;min-height:100vh;padding:24px}.loading-container{gap:16px;height:400px}.loading-spinner{border:4px solid #e2e8f0}.page-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#64748b;font-size:16px;margin:0}.header-actions{gap:12px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-icon{border-radius:6px;font-size:14px;padding:8px}.btn-view{background-color:#10b981;color:#fff}.btn-view:hover{background-color:#059669}.btn-edit{background-color:#f59e0b;color:#fff}.btn-edit:hover{background-color:#d97706}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover{background-color:#059669}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.filters-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;margin-bottom:24px;padding:20px}.search-icon{color:#9ca3af;font-size:16px;left:12px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-controls{align-items:center;display:flex;gap:16px}.filter-group{align-items:center;gap:8px}.filter-group label{color:#374151;font-size:14px}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-message{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.fee-structures-table{border-collapse:collapse;width:100%}.fee-structures-table th{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.fee-structures-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px 12px}.fee-structures-table tbody tr:hover{background-color:#f9fafb}.application-no{color:#1e293b;font-family:Courier New,monospace;font-weight:600}.student-info{display:flex;flex-direction:column;gap:2px}.student-name{font-weight:500}.student-email{color:#6b7280;font-size:12px}.total-fee{color:#059669;font-family:Courier New,monospace}.created-date{color:#6b7280;font-size:13px}.action-buttons{gap:4px}.status-badge{border-radius:12px;letter-spacing:.5px;padding:4px 8px}.no-data{padding:60px 20px}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:16px}.no-data-content svg{color:#9ca3af;font-size:48px}.no-data-content p{color:#6b7280;font-size:16px;margin:0}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.stat-card{border-radius:12px;padding:24px}.stat-card h3{color:#6b7280;font-size:14px;font-weight:500}.stat-value{color:#1e293b;font-size:32px}.stat-value.approved{color:#059669}.stat-value.pending{color:#d97706}.stat-value.draft{color:#6b7280}@media (max-width:1024px){.filters-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-controls{justify-content:space-between}}@media (max-width:768px){.fee-structure-management{padding:16px}.page-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.fee-structures-table{font-size:12px}.fee-structures-table td,.fee-structures-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:2px}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.summary-stats{grid-template-columns:1fr}.filter-controls{align-items:stretch;flex-direction:column}}.student-list-filter-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px}.student-list-filter-group{display:flex;flex:1 1;flex-direction:column;min-width:180px}.student-list-filter-label{color:#374151;font-size:12px;font-weight:500;margin-bottom:6px}.student-list-filter-select,.student-list-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;padding:8px 10px}.student-list-filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px}.student-list-filter-select:focus,.student-list-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.student-list-search-group{flex:2 1}.student-list-search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:16px;padding-left:40px}@media (max-width:768px){.student-list-filter-bar{flex-direction:column;gap:12px;padding:12px}.student-list-filter-group{min-width:100%}}.student-list-action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.student-list-action-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.student-list-action-buttons button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.student-list-action-buttons button:active{transform:translateY(0)}.student-list-action-buttons button svg{height:16px;width:16px}.student-list-view-btn{background-color:#3b82f6;color:#fff}.student-list-view-btn:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}.student-list-edit-btn{background-color:#f59e0b;color:#fff}.student-list-edit-btn:hover{background-color:#d97706;box-shadow:0 4px 12px #f59e0b4d}.student-list-delete-btn{background-color:#ef4444;color:#fff}.student-list-delete-btn:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}@media (max-width:768px){.student-list-action-buttons{gap:6px}.student-list-action-buttons button{height:28px;width:28px}.student-list-action-buttons button svg{height:14px;width:14px}}.student-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.table-container{position:relative}.table-responsive{overflow-x:auto}.student-table{background:#fff;border-collapse:collapse;width:100%}.student-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.student-table th{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.student-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.student-row:hover{background-color:#f8fafc}.student-row:hover .student-avatar{box-shadow:0 2px 8px #3b82f633;transform:scale(1.05)}.student-row:last-child{border-bottom:none}.student-table td{padding:10px 12px;vertical-align:middle}.cell-content,.student-table .student-info{align-items:center;display:flex}.student-table .student-info{flex-direction:row;gap:8px}.student-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-right:0;text-transform:uppercase;transition:all .2s ease;width:32px}.student-details{display:flex;flex-direction:column;gap:2px}.student-name{color:#1e293b;font-size:13px;font-weight:600}.student-cnic{color:#64748b;font-size:11px}.application-no-text{color:#475569;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500}.academic-info{display:flex;flex-direction:column;gap:2px}.program-name{color:#1e293b;font-size:13px;font-weight:500}.semester-info{background-color:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-size:11px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.email-text,.phone-text{color:#475569;font-size:13px;font-weight:500}.email-text,.phone-text{color:#1e293b}.fee-text{color:#059669;font-size:13px;font-weight:500}.status-container{align-items:center;display:flex;gap:8px}.status-select-simple{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:12px;border:none;cursor:pointer;font-size:13px;font-weight:500;min-width:80px;padding:0 20px 0 0}.status-select-simple:focus{outline:none}.status-select-simple.active{color:#059669}.status-select-simple.inactive{color:#6b7280}.status-select-simple.suspended{color:#dc2626}.status-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;min-width:100px;padding:4px 24px 4px 10px}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-select.active{background-color:#d1fae5;border-color:#34d399;color:#059669}.status-select.inactive{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280}.status-select.suspended{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626}.status-select.updating{cursor:not-allowed;opacity:.6}.assessment-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.assessment-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.assessment-btn:active{transform:translateY(0)}.empty-state{background:#fff;padding:40px 20px;text-align:center}.empty-icon{color:#cbd5e1;height:48px;margin:0 auto 12px;width:48px}.empty-state h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 6px}.empty-state p{color:#6b7280;font-size:13px;margin:0}@media (max-width:1024px){.student-table td,.student-table th{padding:8px 10px}}@media (max-width:768px){.student-table-wrapper{border-radius:6px}.student-table td,.student-table th{font-size:12px;padding:8px}.student-avatar{font-size:11px;height:28px;width:28px}.status-select{font-size:10px;min-width:80px;padding:4px 20px 4px 8px}.empty-state{padding:30px 16px}}.student-list-page{background-color:#fff;padding:16px}.student-list-page-title{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px}.student-list-page-content{background-color:#fff}@media (max-width:768px){.student-list-page{padding:16px}.student-list-page-title{font-size:20px;margin-bottom:20px}}.performance-page-container{background:#f5f7fa;min-height:100vh;padding:24px;width:100%}.performance-page-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.performance-page-header h1{color:#1f2937;flex:1 1;font-size:24px;font-weight:700;margin:0;text-align:center}.action-buttons{gap:12px}.export-btn,.print-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.export-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d}.export-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.print-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 4px #8b5cf64d}.print-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.performance-error,.performance-loading{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border-top-color:#667eea}.performance-loading p{color:#6b7280;font-size:16px;margin:0}.performance-error h3{color:#ef4444;font-size:18px;margin:0 0 8px}.performance-error p{color:#6b7280;font-size:14px;margin:0 0 16px}.performance-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin:0 auto;padding:50px 40px}.template-header{margin-bottom:25px;text-align:center}.institute-name{font-size:20px;font-weight:700;margin:0 0 8px}.institute-address,.institute-name{color:#000;font-family:Arial,sans-serif}.institute-address{font-size:13px;margin:0 0 20px}.document-title{color:#000;font-size:22px;margin:25px 0 20px;text-align:center}.document-title,.student-info-line{font-family:Arial,sans-serif;font-weight:700}.student-info-line{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;justify-content:space-between;margin-bottom:20px;padding:12px 0}.student-info-line span{color:#000}.template-table{border-collapse:collapse;font-family:Arial,sans-serif;font-size:13px;margin:20px 0;width:100%}.template-table th{background:#3b82f6;color:#fff;font-size:13px;font-weight:700;padding:12px 8px}.template-table td,.template-table th{border:1px solid #000;text-align:center;vertical-align:middle}.template-table td{color:#000;font-size:12px;padding:10px 8px}.template-table .subject-cell{padding-left:12px;text-align:left}.template-table .course-code{color:#333;font-size:11px}.template-table .left-align{padding-left:12px;text-align:left}.template-table tbody tr:nth-child(2n){background:#f9fafb}.template-table .no-data{color:#9ca3af;font-size:13px;font-style:italic;padding:20px;text-align:center}.no-records{color:#000;font-family:Arial,sans-serif;font-size:15px;font-weight:400;margin:20px 0;text-align:center}.signature-section{margin-top:50px;padding-top:25px}.signature-section p{color:#000;font-family:Arial,sans-serif;font-size:14px;font-weight:700;margin:0}@media print{body{margin:0;padding:0}.performance-page-container{background:#fff;padding:0}.no-print,.performance-page-header{display:none!important}.performance-content{border:none;box-shadow:none;max-width:100%;padding:20px}.template-table{page-break-inside:avoid}.template-table th{font-size:12px;padding:10px 6px}.template-table td{font-size:11px;padding:8px 6px}.document-title{font-size:20px;page-break-after:avoid}.institute-name{font-size:18px}.institute-address{font-size:12px}.student-info-line{font-size:13px}.signature-section{page-break-inside:avoid}}@media (max-width:768px){.performance-page-container{padding:12px}.performance-content{padding:25px 15px}.performance-page-header{flex-direction:column;padding:16px}.performance-page-header h1{font-size:20px;margin-top:8px;order:2;text-align:left;width:100%}.back-btn{align-self:flex-start;order:1}.action-buttons{flex-direction:column;margin-top:12px;order:3;width:100%}.export-btn,.print-btn{justify-content:center;width:100%}.student-info-line{font-size:12px;gap:8px;grid-template-columns:1fr}.template-table{font-size:10px}.template-table td,.template-table th{font-size:10px;padding:6px 4px}.institute-name{font-size:16px}.institute-address{font-size:11px}.document-title{font-size:18px}}@media (max-width:1024px) and (min-width:769px){.performance-content{padding:40px 30px}.template-table td,.template-table th{font-size:12px}.institute-name{font-size:18px}.document-title{font-size:20px}}.student-assessment-container{padding:24px;width:100%}.student-assessment-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:20px}.student-assessment-title{color:#1f2937;font-size:24px;font-weight:700;margin:0}.student-assessment-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:20px}.student-assessment-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.student-assessment-info-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:10px;min-width:160px;padding:8px 12px}.student-assessment-info-item svg{color:#6b7280;flex-shrink:0;margin-top:2px}.info-label{color:#64748b;display:block;font-size:11px;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.info-value{color:#1e293b;display:block;font-size:16px;font-weight:700;line-height:1.4}.student-assessment-controls{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.overall-summary-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.overall-summary-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.overall-summary-btn svg{height:18px;width:18px}.student-assessment-subtitle{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.student-assessment-subtitle:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;width:4px}.student-assessment-courses.grid-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.student-assessment-course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .2s ease}.student-assessment-course-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.course-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:16px;padding-bottom:16px}.course-title-section{align-items:flex-start;display:flex;flex:1 1;gap:12px}.course-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.course-title{font-size:18px;font-weight:600}.attendance-badge{border-radius:20px;font-size:14px;font-weight:700;padding:6px 12px;white-space:nowrap}.course-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.course-info-row{align-items:center;display:flex;justify-content:space-between}.course-info-label{color:#6b7280;font-size:14px;font-weight:500}.course-info-value{color:#1f2937;font-size:14px;font-weight:600}.course-actions-section{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.course-action-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:100px;padding:10px 16px;transition:all .2s ease}.course-action-btn.quizzes-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.course-action-btn.quizzes-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.course-action-btn.assignments-btn{background:linear-gradient(135deg,#10b981,#059669)}.course-action-btn.assignments-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.course-action-btn.attendance-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.course-action-btn.attendance-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-2px)}.course-action-btn:active{transform:translateY(0)}.student-assessment-empty{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px;text-align:center}.student-assessment-empty svg{color:#cbd5e1;margin-bottom:16px}.student-assessment-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.student-assessment-empty p{color:#6b7280;font-size:14px;margin:0}.student-assessment-error,.student-assessment-loading{padding:60px 20px;text-align:center}.student-assessment-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.student-assessment-error h3{color:#dc2626;font-size:20px;font-weight:600;margin:0 0 8px}.student-assessment-error p{color:#6b7280;font-size:14px;margin:0 0 16px}.student-assessment-courses.list-view .student-assessment-course-card{display:flex;flex-direction:row;gap:24px}.student-assessment-courses.list-view .course-card-header{border-bottom:none;border-right:1px solid #f3f4f6;flex-direction:column;margin-right:20px;min-width:250px;padding-right:20px}.student-assessment-courses.list-view .course-card-body{flex:1 1}.student-assessment-courses.list-view .course-attendance-section{min-width:300px}@media (max-width:768px){.student-assessment-container{padding:16px}.student-assessment-courses.grid-view{grid-template-columns:1fr}.student-assessment-courses.list-view .student-assessment-course-card{flex-direction:column}.student-assessment-courses.list-view .course-card-header{border-bottom:1px solid #f3f4f6;border-right:none;margin-bottom:16px;margin-right:0;min-width:auto;padding-bottom:16px;padding-right:0}.student-assessment-controls,.student-assessment-info-row{flex-direction:column;gap:16px}.student-assessment-controls{align-items:flex-start}}.summary-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.summary-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.summary-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.summary-modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.summary-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.summary-modal-close:hover{background:#f3f4f6;color:#1f2937}.summary-modal-body{padding:24px}.summary-section{margin-bottom:32px}.summary-section:last-child{margin-bottom:0}.summary-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.overall-progress-circle{align-items:center;background:conic-gradient(#667eea 0deg,#667eea 0deg,#e5e7eb 0deg,#e5e7eb 1turn);background:conic-gradient(#667eea 0deg,#667eea calc(var(--progress, 0)*3.6deg),#e5e7eb calc(var(--progress, 0)*3.6deg),#e5e7eb 1turn);border-radius:50%;display:flex;flex-direction:column;height:150px;justify-content:center;margin:0 auto 16px;position:relative;width:150px}.overall-progress-circle:before{background:#fff;border-radius:50%;content:"";height:120px;position:absolute;width:120px}.progress-value{color:#667eea;font-size:32px;font-weight:700;position:relative;z-index:1}.progress-label{color:#6b7280;font-size:14px;position:relative;z-index:1}.summary-chart-container{background:#f9fafb;border-radius:8px;margin:16px 0;padding:16px}.summary-stats{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.stat-item{gap:4px}.stat-label{color:#6b7280}.stat-value{color:#1f2937;font-size:20px;font-weight:700}.summary-error,.summary-loading{color:#6b7280;padding:40px;text-align:center}.assessment-buttons-group{align-items:center;display:flex;gap:12px}.student-performance-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.student-performance-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.student-performance-btn svg{height:18px;width:18px}@media (max-width:768px){.assessment-buttons-group{flex-direction:column;width:100%}.overall-summary-btn,.student-performance-btn{justify-content:center;width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}}.student-course-detail-container{padding:24px;width:100%}.student-course-detail-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:20px}.back-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;color:#374151;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.back-btn svg{color:#374151}.student-course-detail-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-course-detail-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0}.student-course-detail-info{border:1px solid #e2e8f0;border-left:4px solid #667eea;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px}.attendance-summary-card,.student-course-detail-info{background:#fff;box-shadow:0 1px 3px #0000000d;margin-bottom:24px}.attendance-summary-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.attendance-summary-title{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.export-csv-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.export-csv-btn svg{height:18px;width:18px}.attendance-summary-title:before{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px;content:"";height:24px;width:4px}.attendance-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;padding:16px;text-align:center;transition:all .2s ease}.summary-stat-item:hover{background:#f1f5f9;box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.summary-stat-item.present{background:#d1fae5;border-color:#86efac}.summary-stat-item.absent{background:#fee2e2;border-color:#fca5a5}.summary-stat-item.late{background:#fef3c7;border-color:#fde047}.summary-stat-item.leave{background:#dbeafe;border-color:#93c5fd}.summary-stat-item.percentage{background:linear-gradient(135deg,#fef3c7,#fde047);border-color:#fbbf24;grid-column:span 2}.summary-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-stat-value{color:#1e293b;font-size:28px;font-weight:800}.summary-stat-item.percentage .summary-stat-value{color:#92400e;font-size:36px}.student-info-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:10px;padding:8px 14px}.student-info-item svg{color:#667eea}.student-course-detail-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));max-width:1400px}.student-course-detail-list.attendance-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1400px}.detail-card{border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .2s ease;width:100%}.detail-card:hover{box-shadow:0 2px 6px #00000014}.quiz-assignment-card{max-width:100%}.attendance-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000f;max-width:100%;padding:18px 20px;transition:all .3s ease;width:100%}.attendance-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.attendance-card .detail-card-header{align-items:center;border-bottom:none;gap:16px;margin-bottom:0;padding-bottom:0}.attendance-card .detail-card-title{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin:0}.attendance-card .detail-card-title-section{align-items:center;flex:1 1;gap:12px}.attendance-card .detail-card-title-section svg{background:#eff6ff;border-radius:8px;color:#3b82f6;flex-shrink:0;height:22px;padding:8px;width:22px}.attendance-card .status-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;font-size:12px;font-weight:600;padding:8px 14px}.detail-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.detail-card-title-section{align-items:flex-start;display:flex;flex:1 1;gap:12px}.detail-card-title{font-size:18px;line-height:1.4;margin:0 0 4px}.detail-card-subtitle{color:#6b7280;font-size:13px;font-weight:400;margin:0}.status-badge{border-radius:20px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.status-badge.status-present{background:#d1fae5;color:#065f46}.status-badge.status-absent{background:#fee2e2;color:#991b1b}.status-badge.status-late{background:#fef3c7;color:#92400e}.status-badge.status-leave{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#d1fae5;color:#065f46}.status-badge.status-active{background:#dbeafe;color:#1e40af}.status-badge.status-default{background:#f3f4f6;color:#6b7280}.detail-card-body{display:flex;flex-direction:column;gap:12px}.detail-info-row{align-items:center;display:flex;gap:8px}.detail-info-label{color:#6b7280;font-size:14px;font-weight:500}.detail-info-value{color:#1f2937;font-size:14px;font-weight:600}.marks-section{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.marks-section-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.marks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:12px}.marks-item{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;padding:12px;text-align:center}.marks-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.marks-value{color:#1f2937;font-size:20px;font-weight:700}.marks-value.grade{color:#3b82f6;font-size:24px}.remarks-section{background:#f9fafb;border-radius:8px;margin-top:12px;padding:12px}.remarks-label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.remarks-value{color:#1f2937;font-size:14px}.no-marks-message{background:#f9fafb;border-radius:8px;margin-top:16px;padding:16px;text-align:center}.no-marks-message p{color:#6b7280;font-size:14px;margin:0}.student-course-detail-empty{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px;text-align:center}.student-course-detail-empty svg{color:#cbd5e1;margin-bottom:16px}.student-course-detail-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.student-course-detail-empty p{color:#6b7280;font-size:14px;margin:0}.student-course-detail-error,.student-course-detail-loading{padding:60px 20px;text-align:center}.student-course-detail-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.student-course-detail-error h3{color:#dc2626;font-size:20px;font-weight:600;margin:0 0 8px}.student-course-detail-error p{color:#6b7280;font-size:14px;margin:0 0 16px}@media (max-width:768px){.student-course-detail-container{padding:16px}.marks-grid{grid-template-columns:repeat(2,1fr)}.student-course-detail-info{flex-direction:column;gap:8px}.student-course-detail-list{grid-template-columns:1fr;max-width:100%}.student-course-detail-list.attendance-list{max-width:100%}}.student-detail-container{background-color:#fff;padding:20px}.back-button{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 16px}.back-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.student-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.student-header h1{color:#1e293b;font-size:24px;font-weight:600;margin:0}.student-id{align-items:center;color:#475569;display:flex;font-size:14px;gap:8px}.id-label{font-weight:500}.id-value{color:#1e293b;font-weight:600}.student-image-container{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;margin-bottom:24px;padding-bottom:24px}.student-image{border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.student-image:hover{border-color:#4a6fa5;box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.default-icon{align-items:center;background-color:#f3f4f6;border:2px solid #e2e8f0;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.default-icon svg{color:#6b7280;height:40px;width:40px}.student-name-title{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 6px}.student-program{color:#64748b;font-size:14px;margin-bottom:8px}.status-badge,.student-status{display:inline-block}.status-badge.active{background-color:#d1fae5;color:#059669}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.status-badge.suspended{background-color:#fee2e2;color:#dc2626}.student-detail-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.student-section{margin-bottom:32px}.student-section:last-child{margin-bottom:0}.student-section h2{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{flex-direction:column}.info-item label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-item p{color:#1e293b;font-size:14px;font-weight:500;margin:0}.education-table{border:1px solid #e2e8f0;border-radius:6px;margin-top:16px;overflow-x:auto}.education-table table{background:#fff;border-collapse:collapse;width:100%}.education-table td,.education-table th{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px;text-align:left}.education-table th{background-color:#f8fafc;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.education-table tr:last-child td{border-bottom:none}.education-table tr:hover{background-color:#f8fafc}.loading-container{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;padding:20px}.loading-spinner{border:3px solid #f3f4f6}.loading-container p{color:#64748b;font-size:14px}.student-not-found{padding:60px 20px;text-align:center}.not-found-icon{color:#ef4444;margin-bottom:16px}.student-not-found h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.student-not-found p{color:#64748b;font-size:14px;margin:0 0 24px}.student-not-found button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.student-not-found button:hover{background-color:#2563eb}@media (max-width:768px){.student-detail-container{padding:16px}.student-header{align-items:flex-start;flex-direction:column;gap:12px}.student-image-container{flex-direction:column;gap:16px;text-align:center}.default-icon,.student-image{height:64px;width:64px}.default-icon svg{height:32px;width:32px}.student-name-title{font-size:18px}.student-detail-card{padding:16px}.info-grid{gap:16px;grid-template-columns:1fr}.student-section h2{font-size:16px}}@media print{.back-button{display:none}.student-detail-card{border:none;box-shadow:none}}.edit-student-container{background-color:#fff;margin:0 auto;padding:20px}.edit-student-back-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#4a6fa5;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 16px}.edit-student-back-button:hover{background-color:#f1f5f9}.edit-student-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.edit-student-header h1{color:#1e293b;font-size:24px;font-weight:600;margin:0}.edit-student-id{color:#64748b;font-size:14px}.edit-student-id-label{color:#475569;font-weight:500;margin-right:8px}.edit-student-id-value{color:#1e293b}.edit-student-photo-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.edit-student-photo-container{align-items:center;display:flex;flex-direction:column;gap:12px}.edit-student-photo{border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:120px;object-fit:cover;width:120px}.edit-student-photo:hover{border-color:#4a6fa5}.edit-student-photo-placeholder{align-items:center;background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;display:flex;height:120px;justify-content:center;width:120px}.edit-student-photo-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.edit-student-photo-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a6fa5;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.edit-student-photo-btn:hover:not(:disabled){background-color:#f1f5f9}.edit-student-photo-btn:disabled{cursor:not-allowed;opacity:.6}.edit-student-photo-btn.remove{border-color:#fecaca;color:#ef4444}.edit-student-photo-btn.remove:hover:not(:disabled){background-color:#fee2e2}.edit-student-loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.edit-student-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#4a6fa5;height:40px;margin-bottom:16px;width:40px}.edit-student-loading p{color:#64748b;font-size:14px}.edit-student-not-found{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:40px;text-align:center}.edit-student-not-found-icon{margin-bottom:16px}.edit-student-not-found h2{color:#e11d48;font-size:20px;margin-bottom:8px}.edit-student-not-found p{color:#64748b;font-size:14px;margin-bottom:20px}.edit-student-not-found button{background-color:#4a6fa5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.edit-student-not-found button:hover{background-color:#3a5a80}.edit-student-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.edit-student-section h2{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:12px}.edit-student-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.edit-student-form-group{margin-bottom:0}.edit-student-form-group label{color:#475569;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.edit-student-input,.edit-student-select,.edit-student-textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:14px;padding:8px 12px;width:100%}.edit-student-input:focus,.edit-student-select:focus,.edit-student-textarea:focus{border-color:#4a6fa5;outline:none}.edit-student-textarea{min-height:80px;resize:vertical}.edit-student-readonly-field{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:14px;padding:8px 12px}.total-fee{background-color:#f1f5f9;color:#1e293b;font-weight:600}.edit-student-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.edit-student-cancel-btn,.edit-student-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.edit-student-cancel-btn{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.edit-student-cancel-btn:hover{background-color:#e2e8f0}.edit-student-save-btn{background-color:#4a6fa5;color:#fff}.edit-student-save-btn:hover{background-color:#3a5a80}@media (max-width:768px){.edit-student-container{padding:16px}.edit-student-header{align-items:flex-start;flex-direction:column;gap:12px}.edit-student-form-grid{grid-template-columns:1fr}.edit-student-actions{flex-direction:column;width:100%}.edit-student-cancel-btn,.edit-student-save-btn{width:100%}}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.student-attendance-selector-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.student-attendance-selector-group{display:flex;flex-direction:column;min-width:180px;position:relative}.student-attendance-selector-group:after{display:none}.student-attendance-selector-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.student-attendance-selector-label:after{display:none}.student-attendance-selector{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;cursor:pointer;font-size:.875rem;margin:0;padding:.5rem .75rem}.student-attendance-selector:focus{border-color:#3b82f6;outline:none}.student-attendance-selector option{background-color:#fff;color:#1f2937}.student-attendance-fetch-btn{align-items:center;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:-webkit-fit-content;height:fit-content;padding:.5rem 1rem;white-space:nowrap}.student-attendance-fetch-btn:hover{background:#2563eb}.student-attendance-fetch-btn:disabled{background:#9ca3af;cursor:not-allowed}.student-attendance-fetch-btn:before{display:none}.student-attendance-fetch-icon{height:14px;width:14px}.student-attendance-selector:hover{animation:none}@media (max-width:768px){.student-attendance-selector-container{align-items:stretch;flex-direction:column;gap:.75rem}.student-attendance-selector-group{min-width:100%}.student-attendance-fetch-btn{justify-content:center;width:100%}}.student-attendance-date-container{display:flex;flex-direction:column;min-width:220px;position:relative}.student-attendance-date-container:before{bottom:12px;color:#8e54e9;content:"\f073";font-family:Font Awesome\ 5 Free;font-size:1rem;font-weight:900;opacity:.8;pointer-events:none;position:absolute;right:12px;transition:all .3s ease;z-index:1}.student-attendance-date-container:hover:before{opacity:1;transform:scale(1.1)}.student-attendance-date-label{color:#3d4852;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:.75rem;position:relative;transition:all .3s ease}.student-attendance-date-label:after{background:linear-gradient(90deg,#4776e6,#8e54e9);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.student-attendance-date-container:hover .student-attendance-date-label:after{width:100%}.student-attendance-date-input{background-color:#f8faff;border:2px solid #e0e7ff;border-radius:8px;box-shadow:0 4px 6px #00000008;color:#1a237e;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;margin:0!important;padding:.9rem 1.2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-attendance-date-input:focus{border-color:#4776e6;box-shadow:0 6px 12px #4776e61f;outline:none;transform:translateY(-2px)}.student-attendance-date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.student-attendance-date-input:hover{background-image:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);background-size:200% 100%}@media (max-width:768px){.student-attendance-date-container{min-width:100%}.student-attendance-date-input{font-size:.9rem;padding:.8rem 1rem}.student-attendance-date-label{font-size:.9rem}}.attendance-container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-top:1rem;overflow:hidden}.attendance-date{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.attendance-date strong{color:#1f2937;font-weight:600}.table-wrapper{overflow-x:auto}.attendance-table{border-collapse:collapse;font-size:.875rem;min-width:700px;width:100%}.attendance-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:.6rem .75rem;text-align:left}.attendance-table th:first-child{text-align:center}.attendance-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:.6rem .75rem}.attendance-table td:first-child{font-weight:500;text-align:center}.attendance-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.attendance-table tr:hover{background:#f9fafb}.attendance-table tr:last-child td{border-bottom:none}.contact-info div:first-child{font-weight:500}.contact-info div:last-child{color:#6b7280;font-size:.8rem}.status{padding:.25rem .6rem;text-transform:capitalize}.status-present{background:#d1fae5;color:#065f46}.status-absent{background:#fee2e2;color:#991b1b}.status-late{background:#fef3c7;color:#92400e}.status-leave{background:#dbeafe;color:#1e40af}.edit-btn{align-items:center;display:inline-flex;font-size:.8rem;gap:.3rem}.edit-btn:hover{background:#2563eb}.attendance-empty{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;margin:1rem 0;padding:2rem;text-align:center}.attendance-empty h3{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.5rem}.attendance-empty p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:768px){.attendance-container{margin:.5rem 0}.attendance-table td,.attendance-table th{font-size:.8rem;padding:.5rem .6rem}.attendance-date{font-size:.8rem;padding:.6rem .75rem}.edit-btn{font-size:.75rem;padding:.35rem .6rem}.status{font-size:.7rem;padding:.2rem .5rem}}.student-attendance-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.student-attendance-modal{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.student-attendance-modal:before{display:none}.student-attendance-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.student-attendance-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.student-attendance-modal-header h3:before{display:none}.student-attendance-modal-close{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;width:28px}.student-attendance-modal-close:hover{background:#dc2626}.student-attendance-modal-body{max-height:60vh;overflow-y:auto;padding:1rem}.student-attendance-student-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1rem;padding:1rem}.student-attendance-info-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.6rem .75rem}.student-attendance-info-item:last-child{margin-bottom:0}.student-attendance-info-item:hover{background:#f9fafb}.student-attendance-info-item label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.student-attendance-info-item label:before{display:none}.student-attendance-info-item span{background:#f3f4f6;border-radius:3px;color:#1f2937;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.student-attendance-status-section{margin-top:1rem}.student-attendance-status-section h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.student-attendance-status-section h4:before{display:none}.student-attendance-radio-group{display:flex;flex-direction:column;gap:.5rem}.student-attendance-radio-item{position:relative}.student-attendance-radio{cursor:pointer;opacity:0;position:absolute}.student-attendance-radio-label{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem}.student-attendance-radio-label:before{display:none}.student-attendance-radio-custom{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;height:18px;position:relative;width:18px}.student-attendance-radio-custom:after{border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:8px}.student-attendance-radio-icon{display:none}.student-attendance-radio-text{flex:1 1;font-size:.875rem}.student-attendance-radio-label.present{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.student-attendance-radio-label.present:hover{background:#dcfce7}.student-attendance-radio:checked~.student-attendance-radio-label.present{background:#dcfce7;border-color:#22c55e}.student-attendance-radio:checked~.student-attendance-radio-label.present .student-attendance-radio-custom{border-color:#22c55e}.student-attendance-radio:checked~.student-attendance-radio-label.present .student-attendance-radio-custom:after{background:#22c55e;transform:translate(-50%,-50%) scale(1)}.student-attendance-radio-label.absent{background:#fef2f2;border-color:#fecaca;color:#991b1b}.student-attendance-radio-label.absent:hover{background:#fee2e2}.student-attendance-radio:checked~.student-attendance-radio-label.absent{background:#fee2e2;border-color:#ef4444}.student-attendance-radio:checked~.student-attendance-radio-label.absent .student-attendance-radio-custom{border-color:#ef4444}.student-attendance-radio:checked~.student-attendance-radio-label.absent .student-attendance-radio-custom:after{background:#ef4444;transform:translate(-50%,-50%) scale(1)}.student-attendance-radio-label.late{background:#fffbeb;border-color:#fed7aa;color:#92400e}.student-attendance-radio-label.late:hover{background:#fef3c7}.student-attendance-radio:checked~.student-attendance-radio-label.late{background:#fef3c7;border-color:#f59e0b}.student-attendance-radio:checked~.student-attendance-radio-label.late .student-attendance-radio-custom{border-color:#f59e0b}.student-attendance-radio:checked~.student-attendance-radio-label.late .student-attendance-radio-custom:after{background:#f59e0b;transform:translate(-50%,-50%) scale(1)}.student-attendance-radio-label.leave{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.student-attendance-radio-label.leave:hover{background:#dbeafe}.student-attendance-radio:checked~.student-attendance-radio-label.leave{background:#dbeafe;border-color:#3b82f6}.student-attendance-radio:checked~.student-attendance-radio-label.leave .student-attendance-radio-custom{border-color:#3b82f6}.student-attendance-radio:checked~.student-attendance-radio-label.leave .student-attendance-radio-custom:after{background:#3b82f6;transform:translate(-50%,-50%) scale(1)}.student-attendance-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem}.student-attendance-modal-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.student-attendance-modal-btn:before{display:none}.student-attendance-modal-btn.cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.student-attendance-modal-btn.cancel:hover{background:#e5e7eb}.student-attendance-modal-btn.save{background:#3b82f6;color:#fff}.student-attendance-modal-btn.save:hover{background:#2563eb}@media (max-width:768px){.student-attendance-modal{margin:.5rem;max-width:calc(100% - 1rem)}}.student-attendance-bulk-modal-overlay{align-items:center;animation:student-attendance-bulk-modal-fade-in .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes student-attendance-bulk-modal-fade-in{0%{opacity:0}to{opacity:1}}.student-attendance-bulk-modal{animation:student-attendance-bulk-modal-slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%}@keyframes student-attendance-bulk-modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.student-attendance-bulk-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.student-attendance-bulk-modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.student-attendance-bulk-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:4px;transition:all .2s}.student-attendance-bulk-modal-close:hover:not(:disabled){background:#f3f4f6;color:#111827}.student-attendance-bulk-modal-close:disabled{cursor:not-allowed;opacity:.5}.student-attendance-bulk-modal-body{padding:24px}.student-attendance-bulk-modal-info{color:#374151;font-size:1rem;line-height:1.6;margin:0 0 20px}.student-attendance-bulk-modal-info strong{color:#111827;font-weight:600}.student-attendance-bulk-status-section{margin-bottom:20px}.student-attendance-bulk-status-section h4{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.student-attendance-bulk-radio-group{display:flex;flex-direction:column;gap:12px}.student-attendance-bulk-radio-item{align-items:center;display:flex}.student-attendance-bulk-radio{display:none}.student-attendance-bulk-radio-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:12px;transition:all .2s}.student-attendance-bulk-radio-label:hover{background:#f9fafb}.student-attendance-bulk-radio:disabled+.student-attendance-bulk-radio-label{cursor:not-allowed;opacity:.5}.student-attendance-bulk-radio-custom{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .2s;width:20px}.student-attendance-bulk-radio:checked+.student-attendance-bulk-radio-label .student-attendance-bulk-radio-custom{border-width:6px}.student-attendance-bulk-radio-label.present .student-attendance-bulk-radio-custom{border-color:#10b981}.student-attendance-bulk-radio:checked+.student-attendance-bulk-radio-label.present .student-attendance-bulk-radio-custom{background:#d1fae5;border-color:#10b981}.student-attendance-bulk-radio-label.absent .student-attendance-bulk-radio-custom{border-color:#ef4444}.student-attendance-bulk-radio:checked+.student-attendance-bulk-radio-label.absent .student-attendance-bulk-radio-custom{background:#fee2e2;border-color:#ef4444}.student-attendance-bulk-radio-label.late .student-attendance-bulk-radio-custom{border-color:#f59e0b}.student-attendance-bulk-radio:checked+.student-attendance-bulk-radio-label.late .student-attendance-bulk-radio-custom{background:#fef3c7;border-color:#f59e0b}.student-attendance-bulk-radio-label.leave .student-attendance-bulk-radio-custom{border-color:#3b82f6}.student-attendance-bulk-radio:checked+.student-attendance-bulk-radio-label.leave .student-attendance-bulk-radio-custom{background:#dbeafe;border-color:#3b82f6}.student-attendance-bulk-radio-text{color:#374151;font-size:.875rem;font-weight:500}.student-attendance-bulk-modal-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;margin-top:20px;padding:12px}.student-attendance-bulk-modal-warning p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.student-attendance-bulk-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.student-attendance-bulk-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s}.student-attendance-bulk-modal-btn:disabled{cursor:not-allowed;opacity:.5}.student-attendance-bulk-modal-btn.cancel{background:#f3f4f6;color:#374151}.student-attendance-bulk-modal-btn.cancel:hover:not(:disabled){background:#e5e7eb;color:#111827}.student-attendance-bulk-modal-btn.save{background:#3b82f6;color:#fff}.student-attendance-bulk-modal-btn.save:hover:not(:disabled){background:#2563eb}@media (max-width:768px){.student-attendance-bulk-modal{margin:20px;width:95%}.student-attendance-bulk-modal-body,.student-attendance-bulk-modal-footer,.student-attendance-bulk-modal-header{padding:16px}}.student-attendance-container{background-color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;padding:1rem}.student-attendance-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.student-attendance-controls{margin-bottom:1rem}.student-attendance-filters-row{align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem}.student-attendance-search{flex-grow:1;max-width:300px;min-width:200px;position:relative}.student-attendance-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;font-size:.875rem;padding:.5rem .75rem .5rem 2.5rem;width:100%}.student-attendance-search-input:focus{border-color:#3b82f6;outline:none}.student-attendance-search-input::placeholder{color:#9ca3af}.student-attendance-search-icon{color:#9ca3af;height:16px;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.student-attendance-no-data{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin:1rem 0;padding:2rem;text-align:center}.student-attendance-no-data h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.student-attendance-no-data p{color:#6b7280;font-size:.875rem;margin:0 auto;max-width:600px}.student-attendance-loading{align-items:center;color:#3b82f6;display:flex;flex-direction:column;justify-content:center;padding:2rem}.student-attendance-loading img{margin-bottom:.75rem}.student-attendance-loading p{color:#6b7280;font-size:.875rem;font-weight:500;margin-top:.5rem}.student-attendance-bulk-actions{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:12px 16px}.student-attendance-bulk-info{color:#1e40af;font-size:.875rem;font-weight:500}.student-attendance-bulk-edit-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.student-attendance-bulk-edit-btn:hover{background:#2563eb}@media (max-width:768px){.student-attendance-container{padding:.75rem}.student-attendance-title{font-size:1.25rem}.student-attendance-filters-row{align-items:stretch;flex-direction:column;gap:.75rem}.student-attendance-search{max-width:100%;min-width:100%}.student-attendance-bulk-actions{align-items:stretch;flex-direction:column;gap:12px}.student-attendance-bulk-edit-btn{justify-content:center;width:100%}}.students-leaves-filter-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.students-leaves-filter-header{align-items:center;display:flex;margin-bottom:1rem}.students-leaves-filter-icon{color:#667eea;height:20px;margin-right:.5rem;width:20px}.students-leaves-filter-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.students-leaves-filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.students-leaves-filter-group{display:flex;flex-direction:column;position:relative}.students-leaves-filter-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.students-leaves-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #d1d5db;border-radius:8px;color:#585454;font-size:.875rem;padding:.75rem 2rem .75rem .75rem;transition:all .3s ease}.students-leaves-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.students-leaves-filter-select::-ms-expand{display:none}@media (max-width:768px){.students-leaves-filter-grid{grid-template-columns:1fr}}.students-leaves-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease}.students-leaves-card:hover{box-shadow:0 2px 8px #0000001a}.students-leaves-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.students-leaves-student-info{flex:1 1}.students-leaves-student-name{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.students-leaves-roll-number{color:#64748b;font-size:.875rem;margin:0}.students-leaves-status-badge{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.students-leaves-status-badge-approved{background:#dcfce7;color:#166534}.students-leaves-status-badge-pending{background:#fef3c7;color:#92400e}.students-leaves-status-badge-rejected{background:#fee2e2;color:#991b1b}.students-leaves-status-icon{height:14px;margin-right:.375rem;width:14px}.students-leaves-card-body{flex:1 1}.students-leaves-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1rem}.students-leaves-info-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem}.students-leaves-info-icon{color:#64748b;height:16px;margin-right:.5rem;width:16px}.students-leaves-reason{background:#f9fafb;border-left:3px solid #d1d5db;border-radius:6px;margin-bottom:1rem;padding:.875rem}.students-leaves-reason-title{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.students-leaves-reason-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.students-leaves-card-footer{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:.75rem}.students-leaves-footer-top{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.students-leaves-semester-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:.5rem;text-align:center}.students-leaves-semester-text{color:#0369a1;font-size:.875rem;font-style:italic;font-weight:500}.students-leaves-submitted-date{color:#9ca3af;font-size:.75rem}.students-leaves-view-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.students-leaves-view-btn:hover{background:#2563eb}.students-leaves-view-icon{height:14px;margin-right:.375rem;width:14px}@media (max-width:768px){.students-leaves-card-header{align-items:flex-start;flex-direction:column}.students-leaves-status-badge{margin-top:.5rem}}.students-leaves-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.students-leaves-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%}.students-leaves-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s ease;width:32px;z-index:10}.students-leaves-modal-close:hover{background:#e5e7eb;color:#374151}.students-leaves-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 4rem 1.5rem 1.5rem;position:relative}.students-leaves-modal-title{color:#1f2937;flex:1 1;font-size:1.5rem;font-weight:600;margin:0;min-width:0}.students-leaves-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.students-leaves-modal-section{margin-bottom:1.5rem}.students-leaves-modal-section-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.students-leaves-modal-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.students-leaves-modal-info-item{border-bottom:1px solid #f3f4f6;padding:.75rem 0}.students-leaves-modal-info-label{color:#6b7280;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.students-leaves-modal-info-value{color:#111827;font-size:.9375rem;font-weight:500;word-break:break-word}.students-leaves-modal-reason{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.students-leaves-modal-reason p{color:#374151;font-size:.9375rem;line-height:1.6;margin:0}.students-leaves-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.students-leaves-modal-close-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:background .2s ease}.students-leaves-modal-close-btn:hover{background:#2563eb}.students-leaves-modal-close-btn:active{background:#1d4ed8}.students-leaves-modal-header .students-leaves-status-badge{border-radius:6px;flex-shrink:0;font-size:.75rem;font-weight:500;margin-right:0;padding:.375rem .75rem;white-space:nowrap}.students-leaves-modal-header .students-leaves-status-badge-approved{background:#dcfce7;color:#166534}.students-leaves-modal-header .students-leaves-status-badge-pending{background:#fef3c7;color:#92400e}.students-leaves-modal-header .students-leaves-status-badge-rejected{background:#fee2e2;color:#991b1b}.students-leaves-modal-content::-webkit-scrollbar{width:6px}.students-leaves-modal-content::-webkit-scrollbar-track{background:#f9fafb}.students-leaves-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.students-leaves-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.students-leaves-modal{margin:.5rem;max-height:95vh}.students-leaves-modal-header{padding:1rem}.students-leaves-modal-title{font-size:1.25rem}.students-leaves-modal-content{padding:1rem}.students-leaves-modal-grid{grid-template-columns:1fr}.students-leaves-modal-footer{padding:1rem}}.date-filter-wrapper{display:flex;flex-direction:column;gap:0}.date-filter-row{align-items:center;display:flex;flex-direction:row!important;gap:8px;width:100%}.date-filter-dropdown{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#374151;cursor:pointer;flex-shrink:0;font-size:.875rem;min-width:150px;outline:none;padding:10px 14px;transition:border-color .2s ease}.students-leaves-date-filter .date-filter-dropdown,.teachers-leaves-date-filter .date-filter-dropdown{margin-bottom:0!important;min-width:150px;width:auto}.date-filter-dropdown:hover{border-color:#9ca3af}.date-filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-filter-date-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#374151;flex-shrink:0;font-size:.875rem;margin-bottom:0!important;max-width:200px;min-width:140px;outline:none;padding:10px 14px;transition:border-color .2s ease}.date-filter-date-input:hover{border-color:#9ca3af}.date-filter-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-filter-apply-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:background .2s ease;white-space:nowrap}.date-filter-apply-btn:hover:not(:disabled){background:#2563eb}.date-filter-apply-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.date-filter-row{align-items:stretch;flex-direction:column}.date-filter-apply-btn,.date-filter-date-input,.date-filter-dropdown{min-width:auto;width:100%}}.pagination-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem;padding:1.5rem}.pagination-info{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:.75rem}.pagination-info-text{color:#4b5563;font-size:.9375rem;font-weight:500}.pagination-page-size-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;max-width:120px;outline:none;padding:.625rem .875rem;transition:all .2s ease;width:120px}.pagination-page-size-select:hover{background:#f9fafb;border-color:#9ca3af}.pagination-page-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.pagination-controls:has(.pagination-page-btn:disabled:only-child){justify-content:center}.pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #00000014;color:#1f2937;transform:translateY(-1px)}.pagination-btn:active:not(:disabled){box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.pagination-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.4}.pagination-pages{align-items:center;display:flex;gap:.375rem}.pagination-page-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 .75rem;transition:all .2s ease}.pagination-page-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 4px #00000014;color:#1f2937;transform:translateY(-1px)}.pagination-page-btn:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.pagination-page-btn.pagination-page-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 2px 6px #3b82f64d;color:#fff}.pagination-page-btn.pagination-page-active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 3px 8px #3b82f666;transform:translateY(-1px)}.pagination-page-btn:disabled{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 2px 6px #3b82f64d;color:#fff;cursor:default;opacity:1}.pagination-page-btn:disabled:hover{box-shadow:0 2px 6px #3b82f64d;transform:none}.pagination-ellipsis{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;font-weight:600;height:40px;padding:0 .5rem;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-container{margin-top:1.5rem;padding:1rem}.pagination-info{align-items:flex-start;flex-direction:column;gap:.75rem}.pagination-info-text{font-size:.875rem}.pagination-page-size-select{min-width:auto;width:100%}.pagination-controls{justify-content:space-between;width:100%}.pagination-btn{font-size:.8125rem;padding:.5rem .75rem}.pagination-pages{flex:1 1;flex-wrap:wrap;gap:.25rem;justify-content:center}.pagination-page-btn{font-size:.8125rem;height:36px;min-width:36px;padding:0 .5rem}.pagination-ellipsis{height:36px}}.students-leaves-container{background:#f8fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:16px}.students-leaves-header{margin-bottom:20px;text-align:center}.students-leaves-title{color:#1e293b;font-size:1.8rem;font-weight:600;margin-bottom:6px}.students-leaves-subtitle{color:#64748b;font-size:.95rem;font-weight:400}.students-leaves-main-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;padding:20px}.students-leaves-controls{margin-bottom:20px}.students-leaves-search-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;position:relative}.students-leaves-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;margin:0!important;padding:10px 10px 10px 38px;width:100%}.students-leaves-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.students-leaves-search-row{align-items:center;display:flex;gap:12px}.students-leaves-search-input-wrapper{flex:1 1;max-width:400px;min-width:200px;position:relative}.students-leaves-search-icon{color:#64748b;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.students-leaves-date-controls{align-items:center;display:flex;gap:12px}.students-leaves-date-dropdown{background:#fff;background-position:right 1rem center!important;background-repeat:no-repeat!important;border:1px solid #cbd5e1;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;margin-bottom:0!important;min-width:150px;padding:10px 14px;width:30%}.students-leaves-date-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.students-leaves-custom-dates{align-items:center;display:flex;gap:8px}.students-leaves-custom-dates>input{margin-bottom:0!important}.students-leaves-date-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#374151;font-size:.875rem;padding:10px}.students-leaves-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.students-leaves-get-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 18px}.students-leaves-get-button:hover:not(:disabled){background:#2563eb}.students-leaves-get-button:disabled{background:#9ca3af;cursor:not-allowed}.students-leaves-inline-loader{display:flex;justify-content:center;padding:16px 0}.students-leaves-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.students-leaves-stat-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:16px;text-align:center}.students-leaves-stat-number{font-size:1.8rem;font-weight:700;margin-bottom:6px}.students-leaves-stat-label{color:#64748b;font-size:.85rem;font-weight:500}.students-leaves-stat-total .students-leaves-stat-number{color:#3b82f6}.students-leaves-stat-approved .students-leaves-stat-number{color:#10b981}.students-leaves-stat-pending .students-leaves-stat-number{color:#f59e0b}.students-leaves-stat-rejected .students-leaves-stat-number{color:#ef4444}.students-leaves-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.students-leaves-no-results{color:#64748b;padding:48px;text-align:center}.students-leaves-no-results h3{color:#1e293b;font-size:1.3rem;margin-bottom:8px}@media (max-width:768px){.students-leaves-container{padding:12px}.students-leaves-title{font-size:1.5rem}.students-leaves-main-content{padding:16px}.students-leaves-filter-grid,.students-leaves-grid{grid-template-columns:1fr}}.students-leaves-card[onclick]{background:#f8fafc;border:2px dashed #3b82f6;cursor:pointer}.students-leaves-card[onclick]:hover{background:#f1f5f9;border-color:#2563eb}.students-leaves-card[onclick] .students-leaves-student-name{color:#3b82f6}.students-leaves-card[onclick] .students-leaves-roll-number{color:#64748b}.students-leaves-modal-content form{width:100%}.students-leaves-modal-content input,.students-leaves-modal-content select,.students-leaves-modal-content textarea{font-family:inherit;font-size:.875rem}.students-leaves-modal-content input:focus,.students-leaves-modal-content select:focus,.students-leaves-modal-content textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.students-leaves-modal-close-btn:disabled{cursor:not-allowed;opacity:.6}.teachers-leaves-filter-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.teachers-leaves-filter-header{align-items:center;display:flex;margin-bottom:14px}.teachers-leaves-filter-icon{color:#3b82f6;height:18px;margin-right:8px;width:18px}.teachers-leaves-filter-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.teachers-leaves-filter-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.teachers-leaves-filter-group{display:flex;flex-direction:column;position:relative}.teachers-leaves-filter-label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:6px}.teachers-leaves-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #cbd5e1;border-radius:6px;color:#374151;font-size:.875rem;padding:10px 32px 10px 10px}.teachers-leaves-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.teachers-leaves-filter-select::-ms-expand{display:none}@media (max-width:768px){.teachers-leaves-filter-grid{grid-template-columns:1fr}}.teachers-leaves-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;position:relative}.teachers-leaves-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.teachers-leaves-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.teachers-leaves-teacher-info{flex:1 1}.teachers-leaves-teacher-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.teachers-leaves-faculty-id{color:#64748b;font-size:.85rem;margin:0}.teachers-leaves-status-badge{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.teachers-leaves-status-badge-approved{background:#d1fae5;color:#065f46}.teachers-leaves-status-badge-pending{background:#fef3c7;color:#92400e}.teachers-leaves-status-badge-rejected{background:#fee2e2;color:#991b1b}.teachers-leaves-status-icon{height:14px;margin-right:4px;width:14px}.teachers-leaves-card-body{flex:1 1}.teachers-leaves-info-grid{grid-gap:10px;display:grid;gap:10px;margin-bottom:14px}.teachers-leaves-info-item{align-items:center;color:#4b5563;display:flex;font-size:.85rem}.teachers-leaves-info-icon{color:#3b82f6;height:16px;margin-right:8px;width:16px}.teachers-leaves-reason{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:14px;padding:12px}.teachers-leaves-reason-title{color:#374151;font-size:.85rem;font-weight:600;margin:0 0 6px}.teachers-leaves-reason-text{color:#6b7280;font-size:.85rem;line-height:1.5;margin:0}.teachers-leaves-card-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:12px}.teachers-leaves-submitted-date{color:#9ca3af;font-size:.75rem}.teachers-leaves-view-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;padding:8px 14px}.teachers-leaves-view-btn:hover{background:#2563eb}.teachers-leaves-view-icon{height:14px;margin-right:4px;width:14px}@media (max-width:768px){.teachers-leaves-card-header{align-items:flex-start;flex-direction:column}.teachers-leaves-status-badge{margin-top:8px}}.teachers-leaves-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.teachers-leaves-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.teachers-leaves-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;width:36px;z-index:10}.teachers-leaves-modal-close:hover{background:#fee2e2;color:#ef4444}.teachers-leaves-modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:24px;position:relative}.teachers-leaves-modal-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 40px 12px 0}.teachers-leaves-modal-content{flex:1 1;overflow-y:auto;padding:24px}.teachers-leaves-modal-section{margin-bottom:24px}.teachers-leaves-modal-section-title{border-left:3px solid #3b82f6;color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-left:12px}.teachers-leaves-modal-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:14px}.teachers-leaves-modal-info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:14px}.teachers-leaves-modal-info-label{color:#64748b;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.teachers-leaves-modal-info-value{color:#1e293b;font-size:.95rem;font-weight:600;word-break:break-word}.teachers-leaves-modal-reason{background:#f8fafc;border:1px solid #e5e7eb;border-left:3px solid #3b82f6;border-radius:8px;padding:16px}.teachers-leaves-modal-reason p{color:#374151;font-size:.95rem;line-height:1.6;margin:0}.teachers-leaves-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.teachers-leaves-modal-close-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px}.teachers-leaves-modal-close-btn:hover{background:#2563eb}.teachers-leaves-modal-close-btn:active{transform:translateY(1px)}.teachers-leaves-modal-header .teachers-leaves-status-badge{border:1px solid #0000;border-radius:14px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.teachers-leaves-modal-header .teachers-leaves-status-badge-approved{background:#d1fae5;border-color:#10b981;color:#065f46}.teachers-leaves-modal-header .teachers-leaves-status-badge-pending{background:#fef3c7;border-color:#f59e0b;color:#92400e}.teachers-leaves-modal-header .teachers-leaves-status-badge-rejected{background:#fee2e2;border-color:#ef4444;color:#991b1b}.teachers-leaves-modal-content::-webkit-scrollbar{width:6px}.teachers-leaves-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.teachers-leaves-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.teachers-leaves-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.teachers-leaves-modal{border-radius:10px;margin:8px;max-height:95vh}.teachers-leaves-modal-header{padding:16px}.teachers-leaves-modal-title{font-size:1.3rem;margin-right:40px}.teachers-leaves-modal-content{padding:16px}.teachers-leaves-modal-grid{gap:12px;grid-template-columns:1fr}.teachers-leaves-modal-close{height:32px;width:32px}.teachers-leaves-modal-footer{padding:12px 16px}.teachers-leaves-modal-close-btn{font-size:.85rem;padding:8px 16px}}@media (max-width:480px){.teachers-leaves-modal-overlay{padding:8px}.teachers-leaves-modal{border-radius:8px}.teachers-leaves-modal-header{padding:14px}.teachers-leaves-modal-title{font-size:1.2rem}.teachers-leaves-modal-content{padding:14px}.teachers-leaves-modal-section-title{font-size:1rem}.teachers-leaves-modal-info-item{padding:12px}.teachers-leaves-modal-reason{padding:14px}}.teachers-leaves-container{background:#f8fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:16px}.teachers-leaves-header{margin-bottom:20px;text-align:center}.teachers-leaves-title{color:#1e293b;font-size:1.8rem;font-weight:600;margin-bottom:6px}.teachers-leaves-subtitle{color:#64748b;font-size:.95rem;font-weight:400}.teachers-leaves-main-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;padding:20px}.teachers-leaves-controls{margin-bottom:20px}.teachers-leaves-search-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;position:relative}.teachers-leaves-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;margin:0!important;padding:10px 10px 10px 38px;width:100%}.teachers-leaves-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.teachers-leaves-search-row{align-items:center;display:flex;gap:12px}.teachers-leaves-search-input-wrapper{flex:1 1;max-width:400px;min-width:200px;position:relative}.teachers-leaves-search-icon{color:#64748b;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.teachers-leaves-date-controls{align-items:center;display:flex;gap:12px}.teachers-leaves-date-dropdown{background:#fff;background-position:right 1rem center!important;background-repeat:no-repeat!important;border:1px solid #cbd5e1;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;margin-bottom:0!important;min-width:150px;padding:10px 14px;width:30%}.teachers-leaves-date-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.teachers-leaves-custom-dates{align-items:center;display:flex;gap:8px}.teachers-leaves-custom-dates>input{margin-bottom:0!important}.teachers-leaves-date-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#374151;font-size:.875rem;padding:10px}.teachers-leaves-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.teachers-leaves-get-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 18px}.teachers-leaves-get-button:hover:not(:disabled){background:#2563eb}.teachers-leaves-get-button:disabled{background:#9ca3af;cursor:not-allowed}.teachers-leaves-inline-loader{display:flex;justify-content:center;padding:16px 0}.small-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.teachers-leaves-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.teachers-leaves-stat-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:16px;text-align:center}.teachers-leaves-stat-number{font-size:1.8rem;font-weight:700;margin-bottom:6px}.teachers-leaves-stat-label{color:#64748b;font-size:.85rem;font-weight:500}.teachers-leaves-stat-total .teachers-leaves-stat-number{color:#3b82f6}.teachers-leaves-stat-approved .teachers-leaves-stat-number{color:#10b981}.teachers-leaves-stat-pending .teachers-leaves-stat-number{color:#f59e0b}.teachers-leaves-stat-rejected .teachers-leaves-stat-number{color:#ef4444}.teachers-leaves-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.teachers-leaves-no-results{color:#64748b;padding:48px;text-align:center}.teachers-leaves-no-results h3{color:#1e293b;font-size:1.3rem;margin-bottom:8px}@media (max-width:768px){.teachers-leaves-container{padding:12px}.teachers-leaves-title{font-size:1.5rem}.teachers-leaves-main-content{padding:16px}.teachers-leaves-filter-grid,.teachers-leaves-grid{grid-template-columns:1fr}}.loading-spinner{border:4px solid #f3f3f3;margin:0 auto 16px}.teachers-leaves-card[onclick]{background:#f8fafc;border:2px dashed #3b82f6;cursor:pointer}.teachers-leaves-card[onclick]:hover{background:#f1f5f9;border-color:#2563eb}.teachers-leaves-card[onclick] .teachers-leaves-teacher-name{color:#3b82f6}.teachers-leaves-card[onclick] .teachers-leaves-faculty-id{color:#64748b}.teachers-leaves-modal-content form{width:100%}.teachers-leaves-modal-content input,.teachers-leaves-modal-content select,.teachers-leaves-modal-content textarea{font-family:inherit;font-size:.875rem}.teachers-leaves-modal-content input:focus,.teachers-leaves-modal-content select:focus,.teachers-leaves-modal-content textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.teachers-leaves-modal-close-btn:disabled{cursor:not-allowed;opacity:.6}.zkatt-container{background:#f8fafc;min-height:100vh;padding:24px}.zkatt-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.zkatt-header,.zkatt-header-left{align-items:center;display:flex;gap:16px}.zkatt-header-icon{background:#2563eb1a;border-radius:12px;color:#2563eb;font-size:40px;padding:12px}.zkatt-title{color:#1e293b;font-size:28px;font-weight:700;margin:0}.zkatt-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.zkatt-header-right{align-items:center;display:flex;gap:16px}.zkatt-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.zkatt-online{background:#22c55e1a;color:#16a34a}.zkatt-offline{background:#ef44441a;color:#dc2626}.zkatt-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.zkatt-btn:disabled{cursor:not-allowed;opacity:.6}.zkatt-btn-primary{background:#2563eb;color:#fff}.zkatt-btn-primary:hover:not(:disabled){background:#1d4ed8}.zkatt-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.zkatt-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.zkatt-btn-sm{background:#2563eb;color:#fff;font-size:12px;padding:6px 12px}.zkatt-btn-full{justify-content:center;margin-top:16px;width:100%}.zkatt-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.zkatt-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:20px}.zkatt-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:50px;justify-content:center;width:50px}.zkatt-stat-total .zkatt-stat-icon{background:#2563eb1a;color:#2563eb}.zkatt-stat-present .zkatt-stat-icon{background:#22c55e1a;color:#16a34a}.zkatt-stat-absent .zkatt-stat-icon{background:#ef44441a;color:#dc2626}.zkatt-stat-late .zkatt-stat-icon{background:#f59e0b1a;color:#d97706}.zkatt-stat-content{display:flex;flex-direction:column}.zkatt-stat-value{color:#1e293b;font-size:28px;font-weight:700}.zkatt-stat-label{color:#64748b;font-size:13px}.zkatt-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;padding:8px}.zkatt-tabs::-webkit-scrollbar{display:none;height:0}.zkatt-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .15s ease;white-space:nowrap}.zkatt-tab svg{font-size:14px;opacity:.7}.zkatt-tab:hover{background:#e5e7eb;color:#374151}.zkatt-tab-active{background:#fff;box-shadow:0 1px 3px #00000014;color:#1f2937}.zkatt-tab-active svg{color:#3b82f6;opacity:1}.zkatt-tab-active:hover{background:#fff;color:#1f2937}.zkatt-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;min-height:400px}.zkatt-loading{align-items:center;color:#64748b;display:flex;font-size:16px;gap:12px;justify-content:center;padding:60px}.zkatt-spin{animation:zkatt-spin 1s linear infinite}@keyframes zkatt-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.zkatt-dashboard{padding:24px}.zkatt-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.zkatt-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.zkatt-card-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.zkatt-card-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.zkatt-date{color:#64748b;font-size:13px}.zkatt-card-body{background:#fff;padding:20px}.zkatt-summary-item{align-items:center;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:12px 0}.zkatt-summary-item:last-child{border-bottom:none}.zkatt-summary-item span{font-size:14px}.zkatt-summary-item strong{font-size:18px}.zkatt-activity-list{max-height:320px;overflow-y:auto}.zkatt-activity-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:10px 0}.zkatt-activity-item:last-child{border-bottom:none}.zkatt-activity-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.zkatt-activity-info{display:flex;flex-direction:column}.zkatt-activity-name{color:#1e293b;font-size:14px;font-weight:500}.zkatt-activity-time{color:#64748b;font-size:12px}.zkatt-summary-table{display:flex;flex-direction:column;gap:8px}.zkatt-summary-row{grid-gap:16px;align-items:center;border-bottom:1px solid #f1f5f9;color:#475569;display:grid;font-size:13px;gap:16px;grid-template-columns:1fr auto auto;padding:10px 0}.zkatt-summary-row:last-child{border-bottom:none}.zkatt-summary-header{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.zkatt-badge{background:#2563eb;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.zkatt-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.zkatt-filter-row,.zkatt-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.zkatt-filter-row{width:100%}.zkatt-filter-group{display:flex;flex-direction:column;gap:6px}.zkatt-filter-group label{color:#64748b;font-size:12px;font-weight:500;text-transform:uppercase}.zkatt-input,.zkatt-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;min-width:150px;padding:10px 14px}.zkatt-input:focus,.zkatt-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.zkatt-search-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:0 14px}.zkatt-search-box svg{color:#94a3b8}.zkatt-search-box .zkatt-input{background:#0000;border:none;box-shadow:none;padding-left:0}.zkatt-date-range{align-items:center;display:flex;gap:10px}.zkatt-date-range span{color:#64748b}.zkatt-month-picker{display:flex;gap:10px}.zkatt-table-container{overflow-x:auto}.zkatt-table{border-collapse:collapse;width:100%}.zkatt-table td,.zkatt-table th{border-bottom:1px solid #e2e8f0;padding:14px 20px;text-align:left}.zkatt-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.zkatt-table td{color:#475569;font-size:14px}.zkatt-table tbody tr:hover{background:#f8fafc}.zkatt-user-cell{align-items:center;display:flex;gap:12px}.zkatt-user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.zkatt-avatar-late{background:linear-gradient(135deg,#d97706,#dc2626)}.zkatt-table code{background:#f1f5f9;border-radius:4px;color:#475569;font-size:12px;padding:4px 8px}.zkatt-time-cell{font-family:monospace;font-size:13px}.zkatt-checkin{color:#16a34a!important;font-weight:600}.zkatt-checkout{color:#d97706!important;font-weight:600}.zkatt-no-checkout{font-style:italic}.zkatt-late-time,.zkatt-no-checkout{color:#dc2626!important}.zkatt-hours{background:#2563eb1a;color:#2563eb;font-size:13px;padding:4px 10px}.zkatt-hours,.zkatt-status-badge{border-radius:12px;font-weight:500}.zkatt-status-badge{align-items:center;display:inline-flex;font-size:12px;gap:6px;padding:4px 12px}.zkatt-status-complete{background:#22c55e1a;color:#16a34a}.zkatt-status-partial{background:#f59e0b1a;color:#d97706}.zkatt-status-short{background:#ef44441a;color:#dc2626}.zkatt-status-pending{background:#64748b1a;color:#64748b}.zkatt-empty-row{color:#64748b!important;padding:40px!important;text-align:center!important}.zkatt-success-icon{color:#16a34a}.zkatt-table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;font-size:13px;padding:16px 20px}.zkatt-late-summary{align-items:center;background:#f59e0b0d;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.zkatt-late-stat{align-items:center;color:#d97706;display:flex;font-size:14px;gap:10px}.zkatt-late-threshold{color:#64748b;font-size:13px}.zkatt-late-badge{background:#ef44441a;border-radius:12px;color:#dc2626;font-size:12px;font-weight:600;padding:4px 10px}.zkatt-users{padding:20px}.zkatt-user-count{color:#64748b;font-size:14px}.zkatt-users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.zkatt-user-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.zkatt-user-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.zkatt-user-card-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:none;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.zkatt-user-card-info{flex:1 1;min-width:0}.zkatt-user-card-info h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zkatt-user-card-info p{color:#64748b;font-size:12px;margin:2px 0}.zkatt-user-card-info code{background:#f1f5f9;border-radius:4px;font-size:11px;padding:2px 6px}.zkatt-device{padding:24px}.zkatt-device-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.zkatt-device-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.zkatt-device-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#2563eb;display:flex;gap:12px;padding:16px 20px}.zkatt-device-card-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.zkatt-device-card-body{padding:20px}.zkatt-device-info{display:flex;flex-direction:column;gap:12px}.zkatt-device-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.zkatt-device-row:last-child{border-bottom:none}.zkatt-device-label{color:#64748b;font-size:13px;text-transform:capitalize}.zkatt-device-value{color:#1e293b;font-size:14px;font-weight:500}.zkatt-device-time{text-align:center}.zkatt-time-display{background:#f8fafc;border-radius:8px;color:#1e293b;font-size:24px;font-weight:600;padding:20px}.zkatt-connection-status{align-items:center;border-radius:8px;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px}.zkatt-connected{background:#22c55e1a;color:#16a34a}.zkatt-disconnected{background:#ef44441a;color:#dc2626}.zkatt-status-indicator{animation:zkatt-pulse 2s infinite;border-radius:50%;height:12px;width:12px}.zkatt-connected .zkatt-status-indicator{background:#16a34a}.zkatt-disconnected .zkatt-status-indicator{background:#dc2626}@keyframes zkatt-pulse{0%,to{opacity:1}50%{opacity:.5}}.zkatt-empty{color:#64748b;padding:40px;text-align:center}.zkatt-daily,.zkatt-late,.zkatt-logs{background:#fff}@media (max-width:768px){.zkatt-container{padding:16px}.zkatt-header{align-items:flex-start;flex-direction:column}.zkatt-title{font-size:22px}.zkatt-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.zkatt-tab{font-size:13px;padding:10px 14px}.zkatt-filter-row,.zkatt-filters{flex-direction:column}.zkatt-date-range{flex-wrap:wrap}.zkatt-table td,.zkatt-table th{font-size:12px;padding:10px 12px}.zkatt-device-grid,.zkatt-users-grid{grid-template-columns:1fr}}.zkatt-inactive{display:flex;flex-direction:column;gap:20px}.zkatt-filter-info{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#f59e0b;display:flex;font-size:14px;gap:8px;padding:10px 15px}.zkatt-warning-icon{color:#f59e0b}.zkatt-success-icon{color:#10b981;margin-right:8px}.zkatt-avatar-inactive{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.zkatt-status-inactive{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.zkatt-text-muted{color:#94a3b8;font-style:italic}.zkatt-text-danger{color:#dc2626}.zkatt-text-success{color:#10b981}.zkatt-text-warning{color:#f59e0b}.zkatt-avatar-checkin{background:linear-gradient(135deg,#10b981,#059669)!important}.zkatt-avatar-checkout{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.zkatt-activity-type{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px}.zkatt-type-in{background:#d1fae5;color:#059669}.zkatt-type-out{background:#fef3c7;color:#d97706}.zkatt-quick-filters{display:flex;flex-wrap:wrap;gap:8px}.zkatt-quick-filters .zkatt-btn-sm{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:12px;padding:6px 12px}.zkatt-quick-filters .zkatt-btn-sm:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.zkatt-searchable-select{display:flex;flex-direction:column;gap:6px;min-width:250px}.zkatt-user-search{font-size:13px;padding:8px 12px}.zkatt-searchable-select .zkatt-select{max-height:200px}.zkatt-today-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.zkatt-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;text-align:center}.zkatt-stat-box .zkatt-stat-label{color:#64748b;display:block;font-size:12px;margin-bottom:5px}.zkatt-stat-box .zkatt-stat-value{color:#1e293b;display:block;font-size:24px;font-weight:700}@media (max-width:768px){.zkatt-today-stats{grid-template-columns:repeat(2,1fr)}}.zkatt-inactive-summary{margin-top:20px}.zkatt-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.zkatt-summary-card h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 15px}.zkatt-summary-stats{display:flex;flex-wrap:wrap;gap:30px}.zkatt-summary-item{display:flex;flex-direction:column;gap:5px}.zkatt-summary-item span{color:#64748b;font-size:13px}.zkatt-summary-item strong{color:#1e293b;font-size:24px;font-weight:700}.attendance-view-container{background:#f5f5f5;min-height:100vh;padding:24px}.attendance-view-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.attendance-view-header h1{color:#333;font-size:24px;font-weight:600;margin:0}.attendance-view-refresh-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.attendance-view-refresh-btn:hover:not(:disabled){background:#0056b3}.attendance-view-refresh-btn:disabled{background:#ccc;cursor:not-allowed}.attendance-view-empty,.attendance-view-loading{background:#fff;border-radius:8px;color:#666;font-size:16px;padding:40px;text-align:center}.attendance-view-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.attendance-view-stats{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;padding:20px 24px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;min-width:150px;padding:16px 20px}.stat-label{color:#666;font-size:12px;letter-spacing:.5px;margin-bottom:8px}.stat-value{color:#333;font-size:24px}.attendance-view-table-wrapper{overflow-x:auto}.attendance-view-table{border-collapse:collapse;width:100%}.attendance-view-table thead{background:#f8f9fa}.attendance-view-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.attendance-view-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:12px 16px}.attendance-view-table tbody tr:hover{background:#f8f9fa}.attendance-view-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.attendance-view-container{padding:16px}.attendance-view-header{align-items:flex-start;flex-direction:column;gap:16px}.attendance-view-stats{flex-direction:column}.attendance-view-table-wrapper{overflow-x:scroll}}.student-results-filters-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.75rem;transition:transform .3s ease,box-shadow .3s ease}.student-results-filters-card:hover{box-shadow:0 6px 24px #0000001a}.student-results-filters-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.student-results-filters-icon{color:#4f46e5;height:1.5rem;width:1.5rem}.student-results-filters-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.student-results-filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.student-results-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.student-results-filters-grid{grid-template-columns:repeat(4,1fr)}}.student-results-filter-group{display:flex;flex-direction:column;gap:.5rem}.student-results-filter-label{color:#374151;font-size:.875rem;font-weight:500}.student-results-select-wrapper{position:relative}.student-results-filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.student-results-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.student-results-filter-select-disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.student-results-select-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #6b7280;height:0;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0}.student-results-radio-group{display:flex;gap:1.5rem;padding:.5rem 0}.student-results-radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.student-results-radio-input{opacity:0;position:absolute}.student-results-radio-custom{border:2px solid #d1d5db;border-radius:50%;height:1.125rem;position:relative;transition:all .2s ease;width:1.125rem}.student-results-radio-input:checked+.student-results-radio-custom{border-color:#4f46e5}.student-results-radio-input:checked+.student-results-radio-custom:after{background-color:#4f46e5;border-radius:50%;content:"";height:.625rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.625rem}.student-results-radio-label{color:#374151;font-size:.875rem;-webkit-user-select:none;user-select:none}.student-results-radio-input:focus+.student-results-radio-custom{box-shadow:0 0 0 3px #4f46e526}.student-results-radio-input{width:auto!important}.student-results-filter-select{background-image:none!important;color:#000!important;margin:0!important}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-results-container{animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;gap:2rem;min-height:100vh;padding:2rem}.student-results-stats-grid{grid-gap:1.5rem;animation:slideInLeft .6s ease-out;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.student-results-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.student-results-stats-grid{grid-template-columns:repeat(4,1fr)}}.student-results-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #1f26875e;display:flex;justify-content:space-between;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.student-results-stat-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.student-results-stat-card:hover:before{left:100%}.student-results-stat-card:hover{background:#fff;box-shadow:0 15px 35px #0000001a;transform:translateY(-8px) scale(1.02)}.student-results-stat-content{display:flex;flex-direction:column;z-index:1}.student-results-stat-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.student-results-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1rem;font-weight:700}.student-results-table-actions .search-container{width:auto}.student-results-table-actions .search-container input{margin:0!important}.student-results-table-actions .search-container input::placeholder{color:#fff}.student-results-stat-value-pass{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.student-results-stat-value-fail{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.student-results-stat-icon{color:#e5e7eb;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:3rem;transition:all .3s ease;width:3rem}.student-results-stat-card:hover .student-results-stat-icon{animation:bounce 1s ease-in-out;transform:scale(1.1)}.student-results-stat-icon-pass{color:#34d399;filter:drop-shadow(0 0 10px rgba(52,211,153,.5))}.student-results-stat-icon-fail{color:#f87171;filter:drop-shadow(0 0 10px rgba(248,113,113,.5))}.student-results-detailed-stats-grid{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.student-results-detailed-stats-grid{grid-template-columns:repeat(3,1fr)}}.student-results-detailed-stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #1f26875e;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.student-results-detailed-stat-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.student-results-detailed-stat-content{display:flex;justify-content:space-between;margin-bottom:1.5rem}.student-results-detailed-stat-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.student-results-detailed-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.student-results-progress-bar{background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;position:relative}.student-results-progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed 50%,#ec4899);border-radius:10px;box-shadow:0 2px 8px #4f46e54d;height:100%;position:relative}.student-results-table-container{animation:fadeInUp 1s ease-out .4s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #1f26875e;overflow:hidden}.student-results-table-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:2rem 2.5rem;position:relative}.student-results-table-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.student-results-table-title{font-size:1.5rem;font-weight:700;margin:0;position:relative;z-index:1}.student-results-table-actions{display:flex;gap:1rem;position:relative;z-index:1}.student-results-export-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.student-results-export-button:hover{background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.student-results-export-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.student-results-export-button:hover .student-results-export-icon{animation:bounce .6s ease-in-out}.student-results-table-wrapper{max-height:600px;overflow-x:auto;overflow-y:auto}.student-results-table{border-collapse:collapse;width:100%}.student-results-table-th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#4b5563;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.student-results-table-tr{border-bottom:1px solid #e2e8f0cc;position:relative;transition:all .3s ease}.student-results-table-tr:last-child{border-bottom:none}.student-results-table-td{color:#374151;font-size:.875rem;font-weight:500;padding:1.5rem 2rem;transition:all .3s ease}.student-results-grade-a,.student-results-grade-a-plus{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.student-results-grade-a,.student-results-grade-a-minus,.student-results-grade-a-plus{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.student-results-grade-a-minus{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d}.student-results-grade-b,.student-results-grade-b-plus{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.student-results-grade-b,.student-results-grade-b-minus,.student-results-grade-b-plus{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.student-results-grade-b-minus{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.student-results-grade-c,.student-results-grade-c-plus{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.student-results-grade-c,.student-results-grade-c-minus,.student-results-grade-c-plus{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.student-results-grade-c-minus{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #d977064d}.student-results-grade-f{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.student-results-grade-f,.student-results-status-pass{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.student-results-status-pass{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;overflow:hidden;position:relative}.student-results-status-pass:before{content:"✓";font-size:1rem;left:-20px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease}.student-results-status-fail{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 4px 12px #ef44444d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.5rem 1rem;position:relative;text-transform:uppercase}.student-results-status-fail:before{content:"✗";font-size:1rem;left:-20px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease}@media (max-width:768px){.student-results-container{gap:1.5rem;padding:1rem}.student-results-stat-card{padding:1.5rem}.student-results-table-header{flex-direction:column;gap:1rem;padding:1.5rem}.student-results-table-td,.student-results-table-th{padding:1rem}}.student-results-loading{align-items:center;display:flex;height:200px;justify-content:center}.student-results-spinner{animation:rotate 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#4f46e5;height:50px;width:50px}.student-results{background:linear-gradient(135deg,#f8fafc,#f0f9ff 50%,#e0f2fe);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.student-results-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background-color:#fffc;border-bottom:1px solid #0000000d;box-shadow:0 4px 20px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:50}.student-results-header-container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.student-results-header-content{align-items:center;display:flex;justify-content:space-between;padding:1.25rem 0}.student-results-header-left{align-items:center;display:flex;gap:1rem}.student-results-header-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);border-radius:12px;box-shadow:0 4px 6px #4f46e526;display:flex;justify-content:center;padding:.75rem;transition:transform .3s ease}.student-results-header-icon:hover{transform:rotate(15deg)}.student-results-header-icon .student-results-icon{color:#fff;height:1.75rem;width:1.75rem}.student-results-header-titles{display:flex;flex-direction:column}.student-results-header-title{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.student-results-header-subtitle{color:#6b7280;font-size:.875rem;font-weight:500;margin-top:.25rem}.student-results-filter-toggle{align-items:center;background-color:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.student-results-filter-toggle:hover{background-color:#e5e7eb;color:#111827}.student-results-chevron{height:1rem;transition:transform .2s ease;width:1rem}.student-results-chevron-up{transform:rotate(180deg)}.student-results-main{padding:1rem 0}.student-results-main-container{margin:0 auto;padding:0 1rem}.student-results-filters-container{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.student-results-filters-visible{margin-bottom:2rem;max-height:500px;opacity:1}.student-results-filters-hidden{margin-bottom:0;max-height:0;opacity:0}.student-results-fetch-button-container{display:flex;justify-content:flex-end;margin-top:1.5rem}.student-results-fetch-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px #4f46e526;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-results-fetch-button:hover:not(.student-results-fetch-button-disabled){box-shadow:0 6px 12px #4f46e540;transform:translateY(-2px)}.student-results-fetch-button:active:not(.student-results-fetch-button-disabled){transform:translateY(0)}.student-results-fetch-button-disabled{background:#e5e7eb;cursor:not-allowed;opacity:.7}.student-results-button-content{align-items:center;display:flex;gap:.5rem}.student-results-button-icon,.student-results-spinner{height:1.25rem;width:1.25rem}.student-results-spinner{animation:student-results-spin 1s linear infinite}.student-results-spinner circle{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:60;transform-origin:center}@keyframes student-results-spin{to{transform:rotate(1turn)}}.student-results-loading-state{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem;padding:3rem}.student-results-loading-spinner{animation:student-results-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:3rem;width:3rem}.student-results-loading-state p{color:#4b5563;font-weight:500}.student-results-empty-state{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.student-results-empty-icon{color:#d1d5db;height:4rem;margin-bottom:1.5rem;width:4rem}.student-results-empty-state h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.student-results-empty-state p{color:#6b7280;line-height:1.5;max-width:400px}@media (max-width:768px){.student-results-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.student-results-header-right{width:100%}.student-results-filter-toggle{justify-content:space-between;width:100%}.student-results-fetch-button-container{justify-content:center}.student-results-fetch-button{justify-content:center;width:100%}}.fee-details-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;margin:0 auto}.fee-details-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 10px 25px #00000026;padding:1.5rem;width:100%}.fee-details-header{margin-bottom:1.5rem;text-align:center}.fee-details-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:#0000;font-size:2rem;font-weight:700;margin:0 0 .25rem}.fee-details-subtitle{color:#718096;font-size:.875rem;margin:0}.fee-details-filters{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem;padding:1rem}.fee-details-filter-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.fee-details-filter-group{display:flex;flex-direction:column}.fee-details-label{color:#4a5568;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.375rem;text-transform:uppercase}.fee-details-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.75rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease}.fee-details-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.fee-details-select:hover{border-color:#cbd5e0}.fee-details-search-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1rem;transition:all .3s ease}.fee-details-search-button{align-items:center;display:flex;justify-content:end;width:100%}.fee-details-search-btn:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-1px)}.fee-details-search-btn:disabled{cursor:not-allowed;opacity:.6}.fee-details-search-icon{flex-shrink:0}.fee-details-spinner{animation:fee-details-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes fee-details-spin{to{transform:rotate(1turn)}}.fee-details-results{animation:fee-details-fade-in .5s ease-in-out}@keyframes fee-details-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fee-details-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.25rem}.fee-details-stat-card{align-items:center;background:#fff;border-left:3px solid;border-radius:10px;box-shadow:0 2px 4px #0000000f;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.fee-details-stat-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.fee-details-stat-blue{border-left-color:#3182ce}.fee-details-stat-green{border-left-color:#38a169}.fee-details-stat-red{border-left-color:#e53e3e}.fee-details-stat-icon{align-items:center;background:#f7fafc;border-radius:8px;color:#4a5568;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.fee-details-stat-blue .fee-details-stat-icon{background:#ebf8ff;color:#3182ce}.fee-details-stat-green .fee-details-stat-icon{background:#f0fff4;color:#38a169}.fee-details-stat-red .fee-details-stat-icon{background:#fed7d7;color:#e53e3e}.fee-details-stat-content{flex:1 1;min-width:0}.fee-details-stat-label{color:#718096;font-size:.75rem;font-weight:500;margin:0 0 .125rem}.fee-details-stat-value{color:#2d3748;font-size:1.25rem;font-weight:700;line-height:1;margin:0}.fee-details-financial-summary{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000f;margin-bottom:1.25rem;padding:1.125rem}.fee-details-financial-title{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .75rem;text-align:center}.fee-details-financial-title:before{content:"💰 ";margin-right:.25rem}.fee-details-financial-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:.75rem}.fee-details-financial-item{background:#f7fafc;border-radius:6px;padding:.75rem;text-align:center}.fee-details-financial-label{color:#718096;display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.fee-details-financial-value{color:#2d3748;font-size:.875rem;font-weight:700;line-height:1}.fee-details-received{color:#38a169}.fee-details-percentage{color:#3182ce}.fee-details-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.fee-details-progress-fill{background:linear-gradient(90deg,#38a169,#3182ce);border-radius:3px;height:100%;position:relative;transition:width 1s ease}.fee-details-progress-fill:after{animation:fee-details-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes fee-details-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fee-details-view-button{align-items:center;display:flex;gap:.375rem;justify-content:end;width:100%}.fee-details-view-btn{align-items:center;background:linear-gradient(135deg,#38a169,#3182ce);border:none;border-radius:8px;box-shadow:0 4px 8px #38a1694d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.75rem 1rem;transition:all .3s ease}.fee-details-view-btn:hover{box-shadow:0 6px 12px #38a16966;transform:translateY(-1px)}.fee-details-arrow-icon{transition:transform .2s ease}.fee-details-view-btn:hover .fee-details-arrow-icon{transform:translateX(2px)}@media (max-width:768px){.fee-details-container{padding:.75rem}.fee-details-card{padding:1.25rem}.fee-details-filter-grid{grid-template-columns:repeat(2,1fr)}.fee-details-financial-grid,.fee-details-stats-grid{grid-template-columns:1fr}.fee-details-title{font-size:1.25rem}}@media (max-width:480px){.fee-details-container{padding:.5rem}.fee-details-card{padding:1rem}.fee-details-filter-grid{grid-template-columns:1fr}.fee-details-filters,.fee-details-stat-card{padding:.75rem}.fee-details-stat-value{font-size:1.125rem}.fee-details-financial-summary{padding:1rem}}.fee-details-student-container{animation:fadeInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #ffffff4d;box-shadow:0 10px 20px #0000000d,0 6px 6px #00000008;margin:0 auto;max-width:1400px;padding:32px;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.1)}.fee-details-student-container:hover{box-shadow:0 15px 30px #0000001a,0 10px 10px #0000000d;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fee-details-student-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.fee-details-student-header-info{flex:1 1;min-width:300px}.fee-details-student-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#4a6cf7,#2541b2);-webkit-background-clip:text;background-clip:text;color:#1a365d;display:inline-block;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 12px;position:relative}.fee-details-student-title:after{background:linear-gradient(135deg,#4a6cf7,#2541b2);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:60px}.fee-details-student-title:hover:after{width:100px}.fee-details-student-filters-info{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.fee-details-student-filter-tag{align-items:center;background:linear-gradient(135deg,#4a6cf7,#2541b2);border-radius:24px;box-shadow:0 4px 12px #4a6cf733;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .3s ease}.fee-details-student-filter-tag:hover{box-shadow:0 6px 16px #4a6cf74d;transform:translateY(-2px)}.fee-details-student-summary-stats{display:flex;flex-wrap:wrap;gap:24px}.fee-details-student-stat{background:#fff;border-left:5px solid #3182ce;border-radius:16px;box-shadow:0 8px 20px #00000014;min-width:100px;overflow:hidden;padding:5px;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.fee-details-student-stat:before{background:linear-gradient(135deg,#fff3,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.fee-details-student-stat:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-5px)}.fee-details-student-stat:hover:before{opacity:1}.fee-details-student-stat-paid{border-left-color:#38a169}.fee-details-student-stat-unpaid{border-left-color:#e53e3e}.fee-details-student-stat-value{color:#1a365d;display:block;font-size:1rem;font-weight:800;position:relative;z-index:2}.fee-details-student-stat-label{color:#4a5568;font-size:.85rem;font-weight:700;letter-spacing:.8px;position:relative;text-transform:uppercase;z-index:2}.fee-details-student-tabs{background:#f8fafc;border-radius:14px;box-shadow:inset 0 2px 4px #0000000d;display:flex;gap:8px;margin-bottom:28px;overflow-x:auto;padding:6px}.fee-details-student-tab{background:#0000;border:none;border-radius:10px;color:#4a5568;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:700;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.fee-details-student-tab:hover{background:#4a6cf714;color:#4a6cf7}.fee-details-student-tab-active{background:linear-gradient(135deg,#4a6cf7,#2541b2);box-shadow:0 4px 16px #4a6cf74d;color:#fff}.fee-details-student-tab-active:hover{transform:none}.fee-details-student-table-container{background:#fff;border-radius:16px;box-shadow:0 12px 32px #00000014;overflow-x:auto;transition:all .3s ease}.fee-details-student-table-container:hover{box-shadow:0 15px 40px #0000001f}.fee-details-student-table{border-collapse:initial;border-spacing:0;font-size:.95rem;width:100%}.fee-details-student-table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:-webkit-sticky;position:sticky;top:0;z-index:10}.fee-details-student-table-th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.9rem;font-weight:700;letter-spacing:.8px;padding:20px 16px;position:relative;text-align:left;text-transform:uppercase}.fee-details-student-table-th:after{background:linear-gradient(135deg,#4a6cf7,#2541b2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.fee-details-student-table-th:hover:after{width:100%}.fee-details-student-table-body{background:#fff}.fee-details-student-table-row{transition:all .3s cubic-bezier(.25,.8,.25,1)}.fee-details-student-table-row:nth-child(2n){background:#fdfdfd}.fee-details-student-table-row:nth-child(2n):hover{background:#f8fafc}.fee-details-student-table-td{border-bottom:1px solid #edf2f7;color:#4a5568;padding:18px 16px;transition:all .2s ease;vertical-align:middle}.fee-details-student-name{color:#1a365d;font-weight:700;transition:color .2s ease}.fee-details-student-table-row:hover .fee-details-student-name{color:#4a6cf7}.fee-details-student-amount{color:#38a169;display:inline-block;font-weight:800;position:relative}.fee-details-student-amount:after{background:#38a169;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.fee-details-student-table-row:hover .fee-details-student-amount:after{width:100%}.fee-details-student-status{border-radius:24px;display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.8px;padding:8px 14px;position:relative;text-transform:uppercase;transition:all .3s ease}.fee-details-student-status-paid{background:linear-gradient(135deg,#38a16926,#38a1691a);border:1px solid #38a1694d;color:#22543d}.fee-details-student-status-unpaid{background:linear-gradient(135deg,#e53e3e26,#e53e3e1a);border:1px solid #e53e3e4d;color:#742a2a}.fee-details-student-table-row:hover .fee-details-student-status{transform:scale(1.05)}.fee-details-student-no-data{animation:fadeIn .6s ease-out;background:#fff;padding:80px 20px;text-align:center}.fee-details-student-no-data-text{color:#4a5568;display:inline-block;font-size:1.2rem;font-weight:600;margin:0;position:relative}.fee-details-student-no-data-text:after{background:linear-gradient(135deg,#4a6cf7,#2541b2);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:1024px){.fee-details-student-container{padding:28px}.fee-details-student-header{align-items:flex-start;flex-direction:column}.fee-details-student-summary-stats{justify-content:flex-start;width:100%}.fee-details-student-title{font-size:2rem}}@media (max-width:768px){.fee-details-student-container{border-radius:20px;padding:24px}.fee-details-student-title{font-size:1.8rem}.fee-details-student-filters-info{justify-content:flex-start}.fee-details-student-filter-tag{font-size:.85rem;padding:8px 16px}.fee-details-student-summary-stats{gap:16px}.fee-details-student-stat{min-width:90px;padding:16px 20px}.fee-details-student-stat-value{font-size:1.8rem}.fee-details-student-table-td,.fee-details-student-table-th{font-size:.9rem;padding:14px 12px}.fee-details-student-table-th{font-size:.85rem}}@media (max-width:640px){.fee-details-student-header{gap:20px}.fee-details-student-summary-stats{align-items:stretch;flex-direction:row;gap:12px}.fee-details-student-stat{flex:1 1;min-width:auto;padding:14px 12px;width:auto}.fee-details-student-tabs{flex-direction:row;gap:6px}.fee-details-student-tab{font-size:.9rem;padding:12px 16px;text-align:center}.fee-details-student-table-td:nth-child(6),.fee-details-student-table-td:nth-child(7),.fee-details-student-table-th:nth-child(6),.fee-details-student-table-th:nth-child(7){display:none}}@media (max-width:480px){.fee-details-student-container{border-radius:18px;padding:20px}.fee-details-student-title{font-size:1.6rem}.fee-details-student-table-td,.fee-details-student-table-th{font-size:.85rem;padding:12px 10px}.fee-details-student-status{font-size:.75rem;padding:6px 10px}.fee-details-student-table-td:nth-child(4),.fee-details-student-table-td:nth-child(5),.fee-details-student-table-th:nth-child(4),.fee-details-student-table-th:nth-child(5){display:none}.fee-details-student-stat-value{font-size:1.6rem}.fee-details-student-stat-label{font-size:.8rem}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.fee-details-main-header{align-items:center;display:flex;justify-content:space-between;padding:0 10px;position:relative}.fee-details-main-title-wrapper{position:relative}.fee-details-main-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0;position:relative;text-shadow:2px 2px 8px #0003;z-index:2}.fee-details-main-title-decoration{animation:titleUnderline 3s ease-in-out infinite alternate;background:#ffffff4d;border-radius:6px;bottom:5px;height:12px;left:0;position:absolute;transform:rotate(-1deg);width:70%;z-index:1}@keyframes titleUnderline{0%{width:70%}to{width:75%}}.fee-details-main-back-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#4a6fa5;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1rem;transition:all .3s ease}.fee-details-main-back-button:hover{background-color:#f1f5f9;box-shadow:0 4px 6px #0000000d;transform:translateX(-3px)}.fee-details-main-back-button:active{transform:translateY(0)}.fee-details-main-content{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1400px}@media (max-width:1024px){.fee-details-main-container{padding:25px}}@media (max-width:768px){.fee-details-main-header{align-items:flex-start;flex-direction:column;gap:20px}.fee-details-main-title{font-size:2rem}.fee-details-main-back-button{justify-content:center;width:100%}}@media (max-width:480px){.fee-details-main-container{padding:20px 15px}.fee-details-main-title{font-size:1.8rem}.fee-details-main-title-decoration{bottom:3px;height:8px}}.student-invoices-container{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1rem}.student-invoices-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.student-invoices-title-section{flex:1 1}.student-invoices-title{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 .5rem}.student-invoices-title-icon{color:#3b82f6;height:24px;width:24px}.student-invoices-subtitle{color:#64748b;font-size:.875rem;font-weight:400;margin:0}.student-invoices-actions{display:flex;flex-wrap:wrap;gap:.75rem}.student-invoices-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.student-invoices-btn:before{display:none}.student-invoices-btn-primary{background:#3b82f6;color:#fff}.student-invoices-btn-primary:hover{background:#2563eb}.student-invoices-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.student-invoices-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.student-invoices-btn-icon{height:16px;width:16px}.student-invoices-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.student-invoices-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:1rem;padding:1rem}.student-invoices-stat-card:before{display:none}.student-invoices-stat-card:hover{background:#f9fafb}.student-invoices-stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.student-invoices-stat-total .student-invoices-stat-icon{background:#3b82f6;color:#fff}.student-invoices-stat-paid .student-invoices-stat-icon{background:#10b981;color:#fff}.student-invoices-stat-pending .student-invoices-stat-icon{background:#f59e0b;color:#fff}.student-invoices-stat-overdue .student-invoices-stat-icon{background:#ef4444;color:#fff}.student-invoices-stat-content{flex:1 1}.student-invoices-stat-value{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.student-invoices-stat-label{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.student-invoices-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.student-invoices-filter-container,.student-invoices-search-container{align-items:center;display:flex;position:relative}.student-invoices-search-container{flex:1 1;max-width:400px}.student-invoices-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;margin:0!important;padding:.5rem .75rem .5rem 2.5rem;width:100%}.student-invoices-search-input:focus{border-color:#3b82f6;outline:none}.student-invoices-search-icon{color:#9ca3af;height:16px;left:.75rem;position:absolute;width:16px;z-index:1}.student-invoices-filter-select{background:#fff;background-image:none!important;border:1px solid #d1d5db;border-radius:4px;color:#475569;cursor:pointer;font-size:.875rem;margin:0!important;min-width:140px;padding:.5rem .75rem .5rem 2.5rem}.student-invoices-filter-select:focus{border-color:#3b82f6;outline:none}.student-invoices-filter-icon{color:#9ca3af;height:16px;left:.75rem;position:absolute;width:16px;z-index:1}.student-invoices-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;overflow-x:auto}.student-invoices-table{border-collapse:collapse;width:100%}.student-invoices-table-header{background:#f9fafb}.student-invoices-table-th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.student-invoices-table-th:first-child{width:50px}.student-invoices-table-body{background:#fff}.student-invoices-table-row{border-bottom:1px solid #f1f5f9}.student-invoices-table-row:hover{background:#f9fafb}.student-invoices-table-td{color:#475569;font-size:.875rem;padding:.75rem 1rem;vertical-align:middle}.student-invoices-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.student-invoices-invoice-id{color:#3b82f6;font-family:JetBrains Mono,monospace;font-weight:600}.student-invoices-student-info{align-items:center;display:flex;gap:.75rem}.student-invoices-student-icon{background:#e0e7ff;border-radius:4px;color:#3b82f6;flex-shrink:0;height:32px;padding:6px;width:32px}.student-invoices-student-name{color:#1e293b;font-weight:600;margin-bottom:2px}.student-invoices-student-id{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.75rem}.student-invoices-amount,.student-invoices-paid-amount{color:#059669;font-size:.875rem;font-weight:600}.payment-progress-mini{align-items:center;display:flex;gap:.5rem;min-width:120px}.payment-progress-bar-mini{background-color:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.payment-progress-fill-mini{background:#10b981;border-radius:3px;height:100%;transition:width .2s ease}.payment-progress-fill-mini:after{display:none}.payment-progress-text-mini{color:#374151;font-size:.75rem;font-weight:500;min-width:35px;text-align:right}.student-invoices-remaining-amount{color:#dc2626;font-size:.875rem;font-weight:600}.student-invoices-date{align-items:center;color:#64748b;display:flex;gap:.5rem}.student-invoices-date-icon{color:#9ca3af;height:14px;width:14px}.student-invoices-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem;text-transform:capitalize}.student-invoices-status-paid{background:#d1fae5;color:#065f46}.student-invoices-status-pending{background:#fef3c7;color:#92400e}.student-invoices-status-overdue{background:#fee2e2;color:#991b1b}.student-invoices-status-partial{background:#fef3c7;color:#92400e}.student-invoices-status-icon{height:12px;width:12px}.student-invoices-description{color:#64748b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-invoices-table-actions{display:flex;gap:.5rem}.student-invoices-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.student-invoices-action-btn:hover{background:#e5e7eb}.student-invoices-view-btn:hover{background:#3b82f6;color:#fff}.student-invoices-download-btn:hover{background:#10b981;color:#fff}.student-invoices-payment-btn{background-color:#10b981;color:#fff}.student-invoices-payment-btn:hover{background:#059669}.student-invoices-history-btn{background-color:#8b5cf6;color:#fff}.student-invoices-history-btn:hover{background:#7c3aed}.student-invoices-action-icon{height:14px;width:14px}.student-invoices-empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.student-invoices-empty-icon{color:#cbd5e1;height:48px;margin:0 auto 1rem;width:48px}.student-invoices-empty-title{color:#475569;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.student-invoices-empty-description{color:#94a3b8;font-size:.875rem;margin:0}.invoice-detail-container{background:#f8fafb;min-height:100vh;padding:1rem}.invoice-detail-header{margin-bottom:1.5rem}.student-invoices-container .back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.student-invoices-container .back-button:hover{background:#f9fafb;border-color:#d1d5db}.student-invoices-container .back-icon{height:16px;width:16px}.invoice-detail-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1.5rem}.invoice-detail-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.invoice-detail-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.invoice-detail-id{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.invoice-status-container{align-items:center;display:flex}.invoice-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-transform:capitalize}.invoice-status:before{display:none}.invoice-status-paid{background:#d1fae5;color:#065f46}.invoice-status-pending{background:#fef3c7;color:#92400e}.invoice-status-overdue{background:#fee2e2;color:#991b1b}.invoice-status-partial{background:#fef3c7;color:#92400e}.invoice-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.detail-card:before{display:none}.detail-card:hover{background:#f9fafb}.detail-card-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem}.detail-card-icon{color:#3b82f6;height:18px;width:18px}.detail-field{margin-bottom:1rem}.detail-field:hover{background:#0000}.detail-label{color:#6b7280;display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.detail-value{color:#374151;font-size:.875rem;line-height:1.5;margin:0}.detail-value-strong{color:#1f2937;font-size:.875rem;font-weight:600}.detail-value-large{color:#3b82f6;font-size:1.25rem;font-weight:600}.detail-value-with-icon{align-items:center;display:flex;gap:.5rem}.detail-value-overdue{color:#ef4444;font-weight:600}.detail-field-icon{color:#9ca3af;flex-shrink:0;height:14px;width:14px}.payment-summary-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.payment-summary-item:hover{background:#0000;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.payment-summary-item:last-child{border-bottom:none;margin-bottom:.5rem}.payment-summary-label{color:#6b7280;font-size:.875rem;font-weight:500}.payment-summary-value{color:#1f2937;font-size:.875rem;font-weight:600}.payment-summary-total .payment-summary-value{color:#3b82f6;font-size:1rem}.payment-summary-value-paid{color:#10b981}.payment-summary-value-remaining{color:#f59e0b}.payment-progress{background:#e5e7eb;border-radius:3px;height:6px;margin:.75rem 0 .5rem;overflow:hidden;width:100%}.payment-progress-bar{background:#10b981;border-radius:3px;height:100%;transition:width .2s ease}.payment-progress-bar:after{display:none}.payment-progress-text{color:#6b7280;font-size:.75rem;font-weight:400;margin:0;text-align:center}.payment-history-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.payment-history-table-container{border:1px solid #e5e7eb;border-radius:4px;margin-top:1rem;overflow-x:auto}.payment-history-table{background:#fff;border-collapse:collapse;width:100%}.payment-history-th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.payment-history-row{border-bottom:1px solid #f1f5f9}.payment-history-row:nth-child(odd){background:#fafafa}.payment-history-row:hover{background:#f3f4f6}.payment-history-td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:.75rem}.payment-history-amount{color:#10b981;font-size:.875rem;font-weight:600}.payment-history-method{font-weight:500;text-transform:capitalize}.invoice-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.action-button{align-items:center;border:none;display:inline-flex;gap:.5rem;justify-content:center;min-width:120px}.action-button:before{display:none}.action-button-primary{background:#3b82f6;color:#fff}.action-button-primary:hover{background:#2563eb}.action-button-success{background:#10b981;color:#fff}.action-button-success:hover{background:#059669}.action-button-icon{height:16px;width:16px}.phm-modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.phm-modal-popup{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90vw}.phm-animate-modal{animation:none}.phm-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.phm-modal-close:hover{color:#374151}.phm-modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0;padding:1.5rem 1.5rem 0;text-align:center}.phm-invoice-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin:1.5rem;padding:1rem}.phm-invoice-info h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem}.phm-invoice-details{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.phm-invoice-details span{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:.875rem;font-weight:500;padding:.4rem .75rem}.phm-payments-section{margin:1.5rem}.phm-section-title{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.phm-payments-list{display:flex;flex-direction:column;gap:.75rem}.phm-payment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.phm-payment-item:hover{border-color:#d1d5db}.phm-payment-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.phm-payment-amount{color:#059669;font-size:1rem;font-weight:600}.phm-payment-method{align-items:center;display:flex}.phm-method-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.phm-method-cash{background:#dcfce7;color:#166534}.phm-method-bank{background:#dbeafe;color:#1e40af}.phm-method-online{background:#fef3c7;color:#92400e}.phm-payment-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem}.phm-payment-date{align-items:center;display:flex;gap:.25rem}.phm-icon{height:14px;width:14px}.phm-payment-ref{color:#374151;font-weight:500}.phm-payment-remarks{color:#6b7280;font-style:italic}.phm-no-payments{color:#6b7280;padding:2rem;text-align:center}.phm-no-payments-icon{color:#d1d5db;height:48px;margin:0 auto 1rem;width:48px}.phm-modal-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:1rem}.phm-modal-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1.5rem}.phm-modal-btn-primary{background:#3b82f6;color:#fff}.phm-modal-btn-primary:hover{background:#2563eb}@media (max-width:640px){.bpm-modal-popup,.phm-modal-popup{max-width:none;width:95vw}}.bpm-modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.bpm-modal-popup{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90vw}.bpm-animate-modal{animation:none}.bpm-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.bpm-modal-close:hover{color:#374151}.bpm-modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0;padding:1.5rem 1.5rem 0;text-align:center}.bpm-invoices-summary{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;margin:1.5rem;padding:1rem}.bpm-invoices-summary h3{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 1rem}.bpm-invoices-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.bpm-invoice-item{align-items:center;background:#fff;border:1px solid #f59e0b;border-radius:4px;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem}.bpm-invoice-no{color:#92400e;font-weight:500}.bpm-invoice-amount{color:#1f2937;font-weight:600}.bpm-invoice-remaining{color:#dc2626;font-weight:500}.bpm-total-summary{align-items:center;background:#fff;border:1px solid #f59e0b;border-radius:4px;display:flex;font-weight:600;justify-content:space-between;padding:1rem}.bpm-total-label{color:#92400e;font-size:.875rem}.bpm-total-amount{color:#dc2626;font-size:1rem}.bpm-modal-form{margin:1.5rem}.bpm-modal-form-group{margin-bottom:1rem}.bpm-modal-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.bpm-modal-form-group input,.bpm-modal-form-group select,.bpm-modal-form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem .75rem;width:100%}.bpm-modal-form-group input:focus,.bpm-modal-form-group select:focus,.bpm-modal-form-group textarea:focus{border-color:#3b82f6;outline:none}.bpm-modal-form-group small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.bpm-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem}.bpm-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:center;padding:1rem}.bpm-modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.5rem}.bpm-modal-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.bpm-modal-btn-secondary:hover{background:#e5e7eb}.bpm-modal-btn-primary{background:#10b981;color:#fff}.bpm-modal-btn-primary:hover{background:#059669}.bpm-modal-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.student-invoices-container{padding:.75rem}.student-invoices-header{flex-direction:column}.student-invoices-title{font-size:1.25rem}.student-invoices-stats-grid{grid-template-columns:1fr}.invoice-detail-header-content{flex-direction:column;text-align:center}.invoice-detail-title{font-size:1.25rem}.invoice-detail-grid{gap:1rem;grid-template-columns:1fr}.invoice-detail-actions{align-items:center;flex-direction:column}.action-button{max-width:300px;width:100%}.payment-history-table-container{font-size:.75rem}.payment-history-td,.payment-history-th{padding:.5rem}}@media print{.invoice-detail-container{background:#fff;padding:0}.invoice-detail-actions,.student-invoices-container .back-button{display:none}.detail-card{break-inside:avoid;page-break-inside:avoid}.detail-card,.invoice-detail-header-card{border:1px solid #d1d5db;box-shadow:none}}.invoice-modal-overlay{align-items:center;background:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:1000}.invoice-modal-popup{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin:0;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90vw}.invoice-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.invoice-modal-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.invoice-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.invoice-modal-close:hover{background:#f3f4f6;color:#374151}.invoice-modal-form{padding:1rem}.invoice-form-section,.invoice-modal-form{display:flex;flex-direction:column;gap:1rem}.invoice-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.invoice-form-group{display:flex;flex-direction:column;gap:.4rem}.invoice-form-group label{color:#374151;font-size:.875rem;font-weight:500}.invoice-form-group input,.invoice-form-group select,.invoice-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;font-size:.875rem;padding:.5rem .75rem}.invoice-form-group input:focus,.invoice-form-group select:focus,.invoice-form-group textarea:focus{border-color:#3b82f6;outline:none}.invoice-form-group textarea{min-height:80px;resize:vertical}.invoice-form-group input:disabled,.invoice-form-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.invoice-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem;padding:.75rem}.invoice-error-message:before{display:none}.invoice-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.invoice-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.invoice-btn:disabled{cursor:not-allowed;opacity:.6}.invoice-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.invoice-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.invoice-btn-primary{background:#3b82f6;color:#fff}.invoice-btn-primary:hover:not(:disabled){background:#2563eb}@media (max-width:640px){.invoice-modal-popup{max-height:95vh;max-width:none;width:95vw}.invoice-form-row{grid-template-columns:1fr}.invoice-modal-form,.invoice-modal-header{padding:.75rem}.invoice-modal-actions{flex-direction:column}.invoice-btn{justify-content:center;width:100%}}.rpm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.rpm-modal-popup{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;position:relative;width:90vw}.rpm-animate-modal{animation:none}.rpm-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;position:absolute;right:1rem;top:1rem;width:28px}.rpm-modal-close:hover{background:#f3f4f6;color:#374151}.rpm-modal-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.rpm-payment-summary-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1rem;padding:1rem}.rpm-payment-summary-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.rpm-payment-summary-item:last-child{border-bottom:none;padding-bottom:0}.rpm-payment-summary-label{color:#374151;font-size:.875rem;font-weight:500}.rpm-payment-summary-value{color:#1e293b;font-size:.875rem;font-weight:600}.rpm-payment-summary-value-paid{color:#059669}.rpm-payment-summary-value-remaining{color:#dc2626}.rpm-payment-suggestions{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;margin-bottom:1rem;padding:1rem}.rpm-suggestions-title{color:#92400e;font-size:.875rem;font-weight:600;margin:0 0 .75rem;text-align:center}.rpm-suggestions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.rpm-suggestion-btn{align-items:center;background:#fff;border:1px solid #f59e0b;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-height:60px;padding:.75rem}.rpm-suggestion-btn:hover{background:#fef3c7;border-color:#d97706}.rpm-suggestion-label{color:#92400e;font-size:.75rem;font-weight:500;text-align:center}.rpm-suggestion-amount{color:#1f2937;font-size:.875rem;font-weight:600;text-align:center}.rpm-modal-form-group{margin-bottom:1rem}.rpm-modal-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.rpm-modal-form-group input,.rpm-modal-form-group select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;font-size:.875rem;padding:.5rem .75rem;width:100%}.rpm-modal-form-group input:focus,.rpm-modal-form-group select:focus{border-color:#3b82f6;outline:none}.rpm-modal-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1e293b;font-family:inherit;font-size:.875rem;min-height:80px;padding:.5rem .75rem;resize:vertical;width:100%}.rpm-modal-form textarea:focus{border-color:#3b82f6;outline:none}.rpm-modal-form select[name=method]{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.rpm-modal-form-row{display:flex;gap:1rem}.rpm-modal-form-row .rpm-modal-form-group{flex:1 1}.rpm-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.rpm-modal-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem}.rpm-modal-btn:disabled{cursor:not-allowed;opacity:.6}.rpm-modal-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rpm-modal-btn-secondary:hover:not(:disabled){background:#e5e7eb}.rpm-modal-btn-primary{background:#3b82f6;color:#fff}.rpm-modal-btn-primary:hover:not(:disabled){background:#2563eb}.rpm-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}@media (max-width:640px){.rpm-modal-popup{max-height:95vh;max-width:none;padding:1rem;width:95vw}.rpm-modal-form-row{gap:0}.rpm-modal-actions,.rpm-modal-form-row{flex-direction:column}.rpm-payment-summary-section{padding:.75rem}.rpm-payment-summary-item{align-items:flex-start;flex-direction:column;gap:.25rem}.rpm-suggestions-grid{grid-template-columns:repeat(2,1fr)}}.bim-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.bim-container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90vw}.bim-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.bim-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.bim-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.bim-close:hover{background:#f3f4f6;color:#374151}.bim-form{padding:1rem}.bim-section{margin-bottom:1.5rem}.bim-section:last-child{margin-bottom:0}.bim-section-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem}.bim-subsection-title{color:#374151;font-size:.875rem;font-weight:500;margin:1rem 0 .75rem}.bim-group{margin-bottom:1rem}.bim-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.bim-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.bim-input,.bim-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:.875rem;padding:.5rem .75rem;width:100%}.bim-input:focus,.bim-select:focus{border-color:#3b82f6;outline:none}.bim-input-sm{font-size:.8125rem;padding:.4rem .6rem}.bim-fee-types{grid-gap:.75rem;display:grid;gap:.75rem}.bim-fee-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.bim-fee-card:hover{background:#f9fafb}.bim-fee-header{margin-bottom:.75rem}.bim-fee-amount{margin-top:.75rem}.bim-installments-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.bim-installments-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bim-installment-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.bim-installment-card:hover{background:#f9fafb}.bim-installment-header{margin-bottom:.75rem}.bim-installment-amount{margin-top:.75rem}.bim-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem}.bim-checkbox-input{height:0;opacity:0;position:absolute;width:0}.bim-checkbox-custom{border:2px solid #d1d5db;border-radius:3px;flex-shrink:0;height:18px;position:relative;width:18px}.bim-checkbox-input:checked+.bim-checkbox-custom{background:#3b82f6;border-color:#3b82f6}.bim-checkbox-input:checked+.bim-checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.bim-checkbox-text{color:#374151;font-size:.875rem;font-weight:500}.bim-message{border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}.bim-message-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.bim-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.bim-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.bim-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:80px;padding:.5rem 1rem}.bim-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.bim-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.bim-btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.bim-btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.bim-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.bim-overlay{padding:.75rem}.bim-container{max-width:none;width:95vw}.bim-form,.bim-header{padding:.75rem}.bim-row{gap:0}.bim-installments-grid,.bim-row{grid-template-columns:1fr}.bim-actions{flex-direction:column-reverse}.bim-btn{width:100%}}@media (max-width:480px){.bim-form,.bim-header{padding:.75rem}.bim-title{font-size:1rem}.bim-section{margin-bottom:1rem}}.student-passwords-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;min-height:100vh;min-width:100vw;overflow-y:auto;width:100%}.passwords-content{background:#fff;box-shadow:0 20px 60px #0000004d;margin:0 auto;min-height:100vh;min-width:100vw;padding:30px;width:100%}.passwords-content h1{color:#1e293b;font-size:32px;margin-bottom:30px;text-align:center}.verification-step{margin:0 auto;max-width:500px;text-align:center}.info-text{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:30px}.send-code-btn,.verify-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:10px;padding:14px 32px;transition:background .2s}.send-code-btn:hover:not(:disabled),.verify-btn:hover:not(:disabled){background:#1d4ed8}.send-code-btn:disabled,.verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.code-input{border:2px solid #e5e7eb;border-radius:8px;font-family:Courier New,monospace;font-size:24px;letter-spacing:8px;margin:20px 10px;padding:14px;text-align:center;transition:border-color .2s;width:200px}.code-input:focus{border-color:#2563eb;outline:none}.back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px;transition:background .2s}.back-btn:hover{background:#4b5563}.error-text{color:#dc2626;font-size:14px;margin-top:20px}.error-message{background:#fff;border-radius:16px;margin:0 auto;max-width:600px;padding:40px;text-align:center}.loading-spinner{color:#fff;font-size:18px;text-align:center}.passwords-display{margin-top:30px}.passwords-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.passwords-header h2{color:#1e293b;margin:0}.export-btn{background:#10b981;border-radius:6px;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.export-btn:hover{background:#059669}.passwords-table-container{border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;overflow-x:auto}.passwords-table{background:#fff;border-collapse:collapse;width:100%}.passwords-table thead{background:#f8fafc}.passwords-table th{border-bottom:2px solid #e5e7eb;color:#1e293b;font-weight:600;padding:12px;text-align:left}.passwords-table td{border-bottom:1px solid #e5e7eb;color:#475569;padding:12px}.passwords-table tbody tr:hover{background:#f8fafc}.passwords-table tbody tr:last-child td{border-bottom:none}.password-cell{color:#2563eb;font-family:Courier New,monospace;font-size:16px;font-weight:600}.passwords-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.password-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.password-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.password-card-header{border-bottom:2px solid #e5e7eb;margin-bottom:15px;padding-bottom:12px}.password-card-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.password-card-detail{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.password-card-detail label{color:#64748b;font-size:14px;font-weight:600}.password-card-detail span{color:#1e293b;flex:1 1;font-size:14px;margin-left:10px;text-align:right}.password-card-password{background:#f0f9ff;border:2px dashed #2563eb;border-radius:8px;margin-top:15px;padding:12px;text-align:center}.password-card-password .password-label{color:#64748b;display:block;font-size:12px;margin-bottom:5px}.password-card-password .password-value{color:#2563eb;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:2px}.view-toggle{align-items:center;display:flex;gap:10px}.view-toggle-btn{background:#f1f5f9;border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s}.view-toggle-btn.active{background:#2563eb;border-color:#2563eb}.view-toggle-btn:hover{background:#e2e8f0}.view-toggle-btn.active:hover{background:#1d4ed8}.passwords-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.passwords-filters>div{flex:1 1;min-width:200px}.passwords-filters label{color:#1e293b;display:block;font-weight:600;margin-bottom:5px}.passwords-filters input,.passwords-filters select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.passwords-filters input:focus,.passwords-filters select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}@media (max-width:768px){.student-passwords-container{padding:10px}.passwords-content{padding:20px}.passwords-header{align-items:flex-start;gap:15px}.passwords-filters,.passwords-header{flex-direction:column}.passwords-filters>div{min-width:100%;width:100%}.passwords-table-container{font-size:14px;overflow-x:auto}.passwords-table td,.passwords-table th{font-size:12px;padding:8px}.passwords-cards-container{grid-template-columns:1fr}.password-card{padding:15px}}.teacher-registration-personal-info{animation:teacher-registration-slideInLeft .6s cubic-bezier(.4,0,.2,1)}@keyframes teacher-registration-slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.teacher-registration-form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.teacher-registration-form-group{margin-bottom:1.5rem}.teacher-registration-label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;position:relative}.teacher-registration-required{color:#e74c3c;margin-left:.25rem}.teacher-registration-input,.teacher-registration-textarea{background-color:#fafbfc;border:2px solid #e9ecef;border-radius:12px;color:#495057;font-family:inherit;font-size:1rem;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.teacher-registration-input:focus,.teacher-registration-textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;color:#495057;outline:none;transform:translateY(-1px)}.teacher-registration-input{color:#495057!important}.teacher-registration-input.error,.teacher-registration-textarea.error{background-color:#fdf2f2;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c1a}.teacher-registration-input::placeholder,.teacher-registration-textarea::placeholder{color:#a0aec0;font-style:italic}.teacher-registration-textarea{font-family:inherit;min-height:80px;resize:vertical}.teacher-registration-radio-group{display:flex;flex-wrap:wrap;gap:2rem;margin-top:.5rem}.teacher-registration-radio-label{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;justify-content:center;min-width:80px;padding:.75rem 1rem;position:relative;transition:all .3s ease}.teacher-registration-radio-label:hover{background-color:#e9ecef;transform:translateY(-1px)}.teacher-registration-radio{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.teacher-registration-radio-custom{background-color:#fff;border:2px solid #dee2e6;border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.teacher-registration-radio-label:hover .teacher-registration-radio-custom{border-color:#667eea;transform:scale(1.05)}.teacher-registration-radio:checked~.teacher-registration-radio-custom{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.teacher-registration-radio:checked+.teacher-registration-radio-custom+.teacher-registration-radio-text{color:#667eea;font-weight:600}.teacher-registration-radio-custom:after{background:#fff;border-radius:50%;content:"";display:none;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.teacher-registration-radio:checked~.teacher-registration-radio-custom:after{display:block}.teacher-registration-radio:checked~.teacher-registration-radio-custom{animation:teacher-registration-radioCheck .3s ease}@keyframes teacher-registration-radioCheck{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.teacher-registration-radio-text{color:#495057;font-weight:500;transition:all .3s ease;-webkit-user-select:none;user-select:none}.teacher-registration-button-icon{margin-left:.5rem;transition:transform .3s ease}.teacher-registration-button:hover .teacher-registration-button-icon{transform:translateX(3px)}.teacher-registration-error{animation:teacher-registration-errorSlide .3s ease-out}@keyframes teacher-registration-errorSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.teacher-registration-form-row{gap:1rem;grid-template-columns:1fr}.teacher-registration-radio-group{gap:1rem}.teacher-registration-radio-label{flex:1 1;min-width:70px}}@media (max-width:480px){.teacher-registration-input,.teacher-registration-textarea{font-size:.95rem;padding:.875rem}.teacher-registration-radio-group{flex-direction:column;gap:.75rem}.teacher-registration-radio-label{justify-content:flex-start;padding:.75rem}}.teacher-registration-academic-info{animation:teacher-registration-slideInRight .6s cubic-bezier(.4,0,.2,1)}@keyframes teacher-registration-slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.teacher-registration-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:16px;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.teacher-registration-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.teacher-registration-section-subtitle{color:#495057;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-left:1rem;position:relative}.teacher-registration-section-subtitle:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.teacher-registration-qualifications-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.teacher-registration-qualification-item{align-items:center;animation:teacher-registration-fadeInUp .4s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s ease}@keyframes teacher-registration-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.teacher-registration-qualification-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.teacher-registration-qualification-content{flex:1 1}.teacher-registration-qualification-main{color:#2c3e50;font-size:1rem;margin-bottom:.25rem}.teacher-registration-qualification-details{color:#6c757d;font-size:.875rem}.teacher-registration-remove-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.teacher-registration-remove-btn:hover{background:#c0392b;transform:scale(1.1)}.teacher-registration-qualification-form{background:#fff;border:2px dashed #dee2e6;border-radius:12px;padding:1.5rem;transition:all .3s ease}.teacher-registration-qualification-form:hover{background:#f8f9ff;border-color:#667eea}.teacher-registration-select{-webkit-appearance:none;appearance:none;background-color:#fafbfc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2rem;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.teacher-registration-select:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;color:#495057;outline:none;transform:translateY(-1px)}.teacher-registration-select.error{border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c1a}.teacher-registration-checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.teacher-registration-checkbox-label{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .3s ease}.teacher-registration-checkbox-label:hover{background-color:#e9ecef;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.teacher-registration-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.teacher-registration-checkbox-custom{background-color:#fff;border:2px solid #dee2e6;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.teacher-registration-checkbox-label:hover .teacher-registration-checkbox-custom{border-color:#667eea;transform:scale(1.05)}.teacher-registration-checkbox:checked~.teacher-registration-checkbox-custom{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.teacher-registration-checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.teacher-registration-checkbox:checked~.teacher-registration-checkbox-custom:after{animation:teacher-registration-checkmark .3s ease;display:block}@keyframes teacher-registration-checkmark{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}.teacher-registration-checkbox:checked~.teacher-registration-checkbox-custom{animation:teacher-registration-checkboxCheck .3s ease}@keyframes teacher-registration-checkboxCheck{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.teacher-registration-checkbox-text{color:#495057;font-weight:500;transition:all .3s ease;-webkit-user-select:none;user-select:none}.teacher-registration-checkbox:checked~.teacher-registration-checkbox-text{color:#667eea;font-weight:600}.teacher-registration-file-upload{position:relative}.teacher-registration-file-input-hidden{height:0;opacity:0;position:absolute;width:0}.teacher-registration-file-label{align-items:center;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:1rem;padding:1.25rem;transition:all .3s ease}.teacher-registration-file-label:hover{background-color:#f0f3ff;border-color:#667eea;transform:translateY(-1px)}.teacher-registration-file-icon{font-size:1.5rem}.teacher-registration-documents-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.teacher-registration-document-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.75rem;padding:.875rem;transition:all .3s ease}.teacher-registration-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;padding:0 1rem}.teacher-registration-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 20px 40px #667eea4d;color:#fff;margin-bottom:1.5rem;overflow:hidden;padding:1rem;position:relative;text-align:center}.teacher-registration-header:before{animation:teacher-registration-float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes teacher-registration-float{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.teacher-registration-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.teacher-registration-subtitle{font-size:1.1rem;margin-bottom:0;opacity:.9;position:relative;z-index:1}.teacher-registration-progress{position:relative;z-index:1}.teacher-registration-progress-bar{background-color:#ffffff4d;border-radius:2px;height:4px;margin-bottom:1.5rem;overflow:hidden;width:100%}.teacher-registration-progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.teacher-registration-steps{align-items:center;display:flex;gap:10px;justify-content:space-between;position:relative}.teacher-registration-step{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:relative}.teacher-registration-step-number{align-items:center;background-color:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#ffffffb3;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;transition:all .4s ease;width:50px}.teacher-registration-step.active .teacher-registration-step-number{background-color:#fff;box-shadow:0 8px 20px #ffffff4d;color:#667eea;transform:scale(1.1)}.teacher-registration-step.completed .teacher-registration-step-number{background-color:#4facfe;border-color:#4facfe;color:#fff}.teacher-registration-step-label{font-size:.9rem;font-weight:500;opacity:.8;transition:opacity .3s ease}.teacher-registration-step.active .teacher-registration-step-label{font-weight:600;opacity:1}.teacher-registration-step-title{font-size:1.8rem;font-weight:600;margin:0;position:relative;z-index:1}.teacher-registration-form{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:3rem;position:relative}.teacher-registration-form:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.teacher-registration-button-group{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:3rem}.teacher-registration-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.teacher-registration-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.teacher-registration-button:hover:before{left:100%}.teacher-registration-button:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-2px)}.teacher-registration-button:active{transform:translateY(0)}.teacher-registration-button.next{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d;color:#fff}.teacher-registration-button.prev{background-color:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.teacher-registration-button.prev:hover{background-color:#e9ecef;border-color:#dee2e6}.teacher-registration-button.submit{background:linear-gradient(135deg,#56ab2f,#a8e6cf);box-shadow:0 8px 20px #56ab2f4d;color:#fff;position:relative}.teacher-registration-button.submit:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.teacher-registration-button.submit:disabled:hover{box-shadow:0 8px 20px #56ab2f4d}.teacher-registration-loading{animation:teacher-registration-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:.5rem;width:20px}@keyframes teacher-registration-spin{to{transform:rotate(1turn)}}.teacher-registration-error{align-items:center;color:#dc3545;display:flex;font-size:.875rem;gap:.25rem;margin-top:.25rem}.teacher-registration-error:before{content:"⚠";font-size:.75rem}@media (max-width:768px){.teacher-registration-container{margin:1rem auto;padding:0 .5rem}.teacher-registration-header{margin-bottom:2rem;padding:2rem 1.5rem}.teacher-registration-title{font-size:2rem}.teacher-registration-form{padding:2rem 1.5rem}.teacher-registration-button-group{flex-direction:column}.teacher-registration-button{width:100%}.teacher-registration-steps{gap:1rem}.teacher-registration-step-number{font-size:1rem;height:40px;width:40px}}@media (max-width:480px){.teacher-registration-header{padding:1.5rem 1rem}.teacher-registration-title{font-size:1.8rem}.teacher-registration-form{padding:1.5rem 1rem}}.teacher-detailing-profile-container{background:#fff;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.teacher-detailing-profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.teacher-detailing-profile-header h2{font-size:1.8rem;font-weight:700;margin:0}.teacher-detailing-profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.teacher-detailing-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.teacher-detailing-info-item{border-bottom:1px solid #f7fafc;padding:12px 0}.teacher-detailing-info-item:last-child{border-bottom:none}.teacher-detailing-info-label{color:#4a5568;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.teacher-detailing-info-value{color:#2d3748;font-size:14px;font-weight:500}.teacher-detailing-info-value-with-action{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.teacher-detailing-dropdown{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px}.teacher-detailing-dropdown-actions{display:flex;gap:8px;margin-top:12px}.teacher-detailing-info-list{list-style:none;margin:8px 0 0;padding:0}.teacher-detailing-info-list li{color:#4a5568;font-size:14px;padding:6px 0 6px 16px;position:relative}.teacher-detailing-info-list li:before{color:#667eea;content:"▸";font-weight:700;left:0;position:absolute}.teacher-detailing-subjects-section h4{color:#667eea;font-size:16px;font-weight:600;margin:16px 0 8px}.teacher-detailing-attendance-stats{display:flex;gap:16px;justify-content:space-around;margin-top:16px}.teacher-detailing-attendance-stat{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e2e8f0;border-radius:12px;flex:1 1;min-width:80px;padding:20px;text-align:center}.teacher-detailing-stat-value{color:#2d3748;display:block;font-size:28px;font-weight:700;margin-bottom:4px}.teacher-detailing-stat-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.teacher-detailing-performance-notes{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-left:4px solid #48bb78;border-radius:8px;color:#2d3748;font-style:italic;line-height:1.6;padding:16px}@media (max-width:768px){.teacher-detailing-info-grid,.teacher-detailing-profile-grid{grid-template-columns:1fr}.teacher-detailing-profile-header{flex-direction:column;gap:16px;text-align:center}.teacher-detailing-attendance-stats{flex-direction:column}}.teacher-detailing-list-container{background:#fff;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.teacher-detailing-filters{grid-gap:20px;align-items:end;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px;padding:20px}.teacher-detailing-search{position:relative}.teacher-detailing-search:before{content:"🔍";left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.teacher-detailing-search input{padding-left:40px}.teacher-detailing-filter-group{display:flex;flex-direction:column}.teacher-detailing-table-container{border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.teacher-detailing-table{background:#fff;border-collapse:collapse;width:100%}.teacher-detailing-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.teacher-detailing-table th:first-child{border-top-left-radius:8px}.teacher-detailing-table th:last-child{border-top-right-radius:8px}.teacher-detailing-table td{border-bottom:1px solid #f1f3f4;color:#4a5568;font-size:14px;padding:14px 12px}.teacher-detailing-table tr:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);transition:all .2s ease}.teacher-detailing-table tr:last-child td{border-bottom:none}.teacher-detailing-no-results{color:#a0aec0;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.teacher-detailing-filters{gap:16px;grid-template-columns:1fr}.teacher-detailing-table td,.teacher-detailing-table th{font-size:12px;padding:10px 8px}}.teacher-detailing-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:24px}.teacher-detailing-header{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:32px;text-align:center;text-shadow:0 2px 4px #0000004d}.teacher-detailing-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.teacher-detailing-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.teacher-detailing-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.teacher-detailing-button-secondary{background:#6c757d;color:#fff;margin-bottom:20px}.teacher-detailing-button-success{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff}.teacher-detailing-button-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.teacher-detailing-button-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.teacher-detailing-button-small{font-size:12px;padding:6px 12px}.teacher-detailing-form-control{border:1px solid #e1e5e9;border-radius:8px;color:#495057;font-size:14px;margin:0!important;padding:12px 16px;transition:all .2s ease;width:100%}.teacher-detailing-form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;color:#495057;outline:none}.teacher-detailing-form-label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.teacher-detailing-card{background:#fff;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:24px}.teacher-detailing-card-header{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.teacher-detailing-status-active{background:linear-gradient(135deg,#48bb78,#38a169)}.teacher-detailing-status-active,.teacher-detailing-status-inactive{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.teacher-detailing-status-inactive{background:#a0aec0}.teacher-detailing-status-resigned{background:linear-gradient(135deg,#f56565,#e53e3e)}.teacher-detailing-status-resigned,.teacher-detailing-status-retired{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.teacher-detailing-status-retired{background:linear-gradient(135deg,#ed8936,#dd6b20)}.teacher-detailing-pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}.teacher-detailing-page-link{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;padding:8px 12px;text-decoration:none;transition:all .2s ease}.teacher-detailing-page-link:hover{background:#f7fafc;border-color:#667eea}.teacher-detailing-page-active .teacher-detailing-page-link{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@media (max-width:768px){.teacher-detailing-container{padding:16px}.teacher-detailing-header{font-size:2rem}}.teacher-detailing-edit-form{background:#fff;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.teacher-detailing-edit-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#2d3748;color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:24px;padding:20px;text-align:center}.teacher-detailing-edit-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:32px;padding:20px}.teacher-detailing-edit-section h3{border-bottom:2px solid #667eea;color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:8px}.teacher-detailing-edit-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.teacher-detailing-form-group{margin-bottom:16px}.teacher-detailing-array-input{display:flex;gap:12px;margin-bottom:12px}.teacher-detailing-array-input input,.teacher-detailing-array-input select{flex:1 1}.teacher-detailing-array-items{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.teacher-detailing-array-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:12px 16px}.teacher-detailing-array-item span{color:#4a5568;flex:1 1;font-weight:500}.teacher-detailing-schedule-form{grid-gap:16px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.teacher-detailing-schedule-list{margin-top:24px}.teacher-detailing-schedule-list h4{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:16px}.teacher-detailing-schedule-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.teacher-detailing-schedule-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;padding:12px;text-align:left}.teacher-detailing-schedule-table td{border-bottom:1px solid #f1f3f4;color:#4a5568;font-size:14px;padding:12px}.teacher-detailing-schedule-table tr:hover{background:#f8f9ff}.teacher-detailing-form-actions{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding:24px}textarea.teacher-detailing-form-control{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}@media (max-width:768px){.teacher-detailing-edit-grid,.teacher-detailing-schedule-form{grid-template-columns:1fr}.teacher-detailing-array-input,.teacher-detailing-form-actions{flex-direction:column}.teacher-detailing-edit-header{font-size:1.5rem}}.teacher-detailing-button-secondary-cancel{margin:0!important}.teachers-salary-container{background-color:#f8f9fa;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;min-height:100vh;padding:20px}.teachers-salary-header{background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:8px 8px 0 0;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:30px;padding:25px 30px}.teachers-salary-title{font-size:28px;font-weight:600;letter-spacing:.5px;margin:0;text-align:center}.teachers-salary-tabs{display:flex;gap:10px;justify-content:center;margin-top:20px}.teachers-salary-tab{background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.teachers-salary-tab:hover{background-color:#ffffff4d;transform:translateY(-2px)}.teachers-salary-tab-active{background-color:#fff;box-shadow:0 4px 8px #0000001a;color:#2c3e50}.teachers-salary-main{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex:1 1;padding:25px}.teachers-salary-footer{background-color:#2c3e50;border-radius:0 0 8px 8px;color:#ecf0f1;font-size:14px;margin-top:30px;padding:15px;text-align:center}.teachers-salary-footer-text{margin:0;opacity:.8}.teachers-salary-overview{display:flex;flex-direction:column;gap:30px}.teachers-salary-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.teachers-salary-summary-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;padding:20px;transition:transform .3s ease}.teachers-salary-summary-card:hover{transform:translateY(-5px)}.teachers-salary-summary-card h3{font-size:16px;font-weight:500;margin-bottom:10px;margin-top:0;opacity:.9}.teachers-salary-summary-card p{font-size:24px;font-weight:600;margin:0}.teachers-salary-card-total{background:linear-gradient(135deg,#3498db,#2980b9)}.teachers-salary-card-paid{background:linear-gradient(135deg,#2ecc71,#27ae60)}.teachers-salary-card-pending{background:linear-gradient(135deg,#e74c3c,#c0392b)}.teachers-salary-card-amount{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.teachers-salary-section-title{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:20px;margin-bottom:15px;padding-bottom:10px}.teachers-salary-chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px}.teachers-salary-department-chart{display:flex;flex-direction:column;gap:15px}.teachers-salary-chart-item{display:flex;flex-direction:column;gap:5px}.teachers-salary-chart-label{color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between}.teachers-salary-chart-bar-container{background-color:#ecf0f1;border-radius:5px;height:10px;overflow:hidden}.teachers-salary-chart-bar{background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:5px;height:100%}.teachers-salary-transaction-table{border-collapse:collapse;font-size:14px;width:100%}.teachers-salary-transaction-table td,.teachers-salary-transaction-table th{border-bottom:1px solid #ecf0f1;padding:12px 15px;text-align:left}.teachers-salary-transaction-table th{background-color:#f8f9fa;color:#7f8c8d;font-size:12px;font-weight:600;text-transform:uppercase}.teachers-salary-transaction-table tr:hover{background-color:#f8f9fa}.teachers-salary-status{border-radius:20px;font-size:12px;font-weight:500;padding:5px 10px}.teachers-salary-status-paid{background-color:#d5f5e3;color:#27ae60}.teachers-salary-status-pending{background-color:#fadbd8;color:#e74c3c}.teachers-salary-management{display:flex;flex-direction:column;gap:20px}.teachers-salary-management-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1.5fr}.teachers-salary-teacher-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;padding:20px}.teachers-salary-search-container{border:1px solid #ddd;border-radius:4px;display:flex;margin-bottom:15px;overflow:hidden}.teachers-salary-search-input{border:none;flex:1 1;font-size:14px;margin:0!important;padding:10px 15px}.teachers-salary-search-input:focus{outline:none}.teachers-salary-search-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;padding:0 15px}.teachers-salary-teacher-items{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.teachers-salary-teacher-item{align-items:center;border-bottom:1px solid #ecf0f1;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s ease}.teachers-salary-teacher-item:hover{background-color:#f8f9fa}.teachers-salary-teacher-item-active{background-color:#e3f2fd;border-left:3px solid #3498db}.teachers-salary-teacher-info{flex:1 1}.teachers-salary-teacher-name{color:#2c3e50;font-size:15px;margin:0 0 5px}.teachers-salary-teacher-dept{color:#7f8c8d;font-size:13px;margin:0}.teachers-salary-teacher-salary{align-items:flex-end;display:flex;flex-direction:column}.teachers-salary-teacher-amount{color:#2c3e50;font-size:14px;font-weight:600}.teachers-salary-teacher-status{border-radius:10px;font-size:12px;margin-top:5px;padding:3px 8px}.teachers-salary-pay-all-button{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px 15px;transition:background-color .2s ease}.teachers-salary-pay-all-button:hover{background-color:#27ae60}.teachers-salary-edit-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px}.teachers-salary-form{display:flex;flex-direction:column;gap:15px}.teachers-salary-form-group{display:flex;flex-direction:column;gap:5px}.teachers-salary-form-label{color:#7f8c8d;font-size:14px;font-weight:500}.teachers-salary-form-input,.teachers-salary-form-select{border:1px solid #ddd;border-radius:4px;color:#7f8c8d;font-size:14px;padding:10px 15px}.teachers-salary-form-input:focus,.teachers-salary-form-select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.teachers-salary-form-summary{background-color:#f8f9fa;border-radius:6px;margin-top:10px;padding:15px}.teachers-salary-summary-title{color:#2c3e50;font-size:16px;margin-bottom:10px;margin-top:0}.teachers-salary-summary-row{color:#34495e;display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.teachers-salary-summary-total{border-top:1px solid #ddd;color:#2c3e50;font-weight:600;margin-top:8px;padding-top:8px}.teachers-salary-form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.teachers-salary-form-cancel,.teachers-salary-form-submit{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.teachers-salary-form-submit{background-color:#3498db;color:#fff;flex:1 1}.teachers-salary-form-submit:hover{background-color:#2980b9}.teachers-salary-form-cancel{background-color:#ecf0f1;color:#7f8c8d}.teachers-salary-form-cancel:hover{background-color:#bdc3c7}.teachers-salary-form-placeholder{align-items:center;color:#95a5a6;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.teachers-salary-placeholder-icon{font-size:50px;margin-bottom:20px}.teachers-salary-placeholder-text{line-height:1.5;max-width:300px}.finance-salary-management{background:#f8fafb;min-height:100vh;padding:1rem}.finance-salary-header{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.finance-salary-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.header-description{color:#64748b;font-size:.875rem;margin:0 0 1rem}.post-to-accounting-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.post-to-accounting-btn:hover:not(:disabled){background:#2563eb}.post-to-accounting-btn:disabled{background:#9ca3af;cursor:not-allowed}.finance-salary-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.voucher-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:4px;height:-webkit-fit-content;height:fit-content;padding:1rem}.voucher-form-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.voucher-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.form-group label{color:#374151;margin-bottom:.4rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:4px;color:#1f2937;padding:.5rem .75rem}.form-error{color:#dc2626;font-size:.75rem;font-weight:500;margin-top:.25rem}.form-actions{gap:.75rem;margin-top:1rem}.submit-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.submit-btn:hover:not(:disabled){background:#2563eb}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.cancel-btn:hover{background:#4b5563}.vouchers-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.vouchers-header{gap:.75rem;margin-bottom:1rem}.vouchers-header h3{color:#1f2937;font-size:1.1rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters select{border:1px solid #d1d5db;font-size:.875rem;min-width:120px;padding:.5rem .75rem}.vouchers-table{border:1px solid #e5e7eb;border-radius:4px}.vouchers-table td,.vouchers-table th{font-size:.875rem;padding:.75rem}.vouchers-table th{background:#f9fafb;color:#374151}.vouchers-table tr:hover{background:#f9fafb}.edit-btn{background:#3b82f6;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem .75rem}.edit-btn:hover:not(:disabled){background:#2563eb}.edit-btn:disabled{background:#9ca3af;cursor:not-allowed}.pay-btn{font-weight:500;padding:.4rem .75rem}.pay-btn:disabled{background:#9ca3af}.delete-btn{font-weight:500;padding:.4rem .75rem}.delete-btn:disabled{background:#9ca3af}.loading{color:#64748b;font-size:.875rem;padding:2rem;text-align:center}@media (max-width:1200px){.finance-salary-content{grid-template-columns:1fr}.voucher-form-section{order:2}.vouchers-list-section{order:1}}@media (max-width:768px){.finance-salary-management{padding:.75rem}.finance-salary-header h2{font-size:1.25rem}.vouchers-header{align-items:stretch;flex-direction:column}.filters{justify-content:stretch}.filters select{flex:1 1;min-width:auto}.action-buttons,.form-actions{flex-direction:column}.action-buttons button{width:100%}}@media (max-width:480px){.finance-salary-management{padding:.5rem}.finance-salary-header,.voucher-form-section,.vouchers-list-section{padding:.75rem}.finance-salary-header h2{font-size:1.1rem}.vouchers-table td,.vouchers-table th{font-size:.75rem;padding:.5rem}}.staff-salary-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem}.staff-salary-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.staff-salary-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.header-actions{align-items:center;gap:.75rem}.dashboard-link{align-items:center;background-color:#3b82f6;border-radius:4px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.dashboard-link:hover{background-color:#2563eb}.error-message{background-color:#fef2f2;color:#dc2626}@media (max-width:768px){.staff-salary-header{align-items:flex-start;flex-direction:column;gap:1rem}}.general-ledger-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.ledger-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.filter-section{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:.75rem;margin-top:20px}.filter-group{align-items:start}.load-button{background:#3b82f6;border-color:#3b82f6;color:#fff}.clear-button{background:#fff;color:#374151}.stat-value{font-size:1.125rem}.actions-section{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.action-buttons{margin-top:20px}.export-button,.print-button,.print-page-button{background:#fff;border:1px solid #d1d5db;color:#374151}.reference-badge{background:#fff;border:1px solid #e5e7eb;border-radius:3px;font-size:.75rem;padding:.2rem .5rem}.ledger-table{border-collapse:collapse;width:100%}.ledger-table th{background:#f9fafb;font-weight:600;text-align:left}.ledger-table td,.ledger-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.balance-column,.credit-column,.debit-column{text-align:right}.balance-cell,.credit-cell,.debit-cell{color:#1f2937;text-align:right}.analysis-section{margin-top:1rem}.analysis-card{border:1px solid #e5e7eb;padding:1rem}@media (max-width:768px){.analysis-grid,.filter-grid,.stats-grid{grid-template-columns:1fr}.action-buttons,.filter-actions{flex-direction:column}.action-button{width:100%}}@media print{.actions-section,.filter-section{display:none}}.accounts-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.accounts-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.filters-grid{margin-bottom:.75rem}.filter-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.filter-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem}.filter-input:focus{border-color:#3b82f6;outline:none}.account-form{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.form-grid{margin-bottom:.75rem}.form-label{margin-bottom:.25rem}.form-label,.form-submit-button{font-size:.875rem;font-weight:500}.form-submit-button{background:#3b82f6;border:1px solid #3b82f6;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.form-submit-button:disabled{cursor:not-allowed;opacity:.5}.form-cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.accounts-table{border-collapse:collapse;width:100%}.accounts-table th{background:#f9fafb;font-weight:600;text-align:left}.accounts-table td,.accounts-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.account-type-badge{color:#374151;font-weight:500}.account-date{color:#64748b}.table-actions{display:flex;gap:.5rem;justify-content:center}.edit-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.75rem;padding:.4rem .75rem}.empty-table-message{color:#64748b;padding:2rem;text-align:center}.summary-card-header{margin-bottom:.5rem}.summary-count{font-size:1rem;font-weight:600;margin-bottom:.25rem}.summary-percentage{color:#64748b;font-size:.75rem}@media (max-width:768px){.filters-grid,.form-grid,.stats-grid,.summary-grid{grid-template-columns:1fr}.table-actions{flex-direction:column}.delete-button,.edit-button{width:100%}}@media print{.account-form,.action-buttons,.quick-actions-section{display:none}.accounts-container{padding:0}}.journal-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.journal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.journal-header h2{font-size:1.5rem;font-weight:600;margin:0}.header-actions{display:flex;gap:.5rem}.journal-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;width:100%}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem}.stat-value{font-size:1rem}.day-status-message{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1rem;padding:1rem}.day-status-message.success{background:#f0fdf4;border-color:#bbf7d0}.day-status-message.warning{background:#fffbeb;border-color:#fde68a}.day-status-message.error{background:#fef2f2;border-color:#fecaca}.status-content{flex:1 1}.status-title{font-weight:600;margin-bottom:.25rem}.status-message,.status-title{font-size:.875rem}.section-header{margin-bottom:1rem}.section-header h3{font-size:1rem}.form-control{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem}.form-control:focus{border-color:#3b82f6;outline:none}.entry-section{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.entry-form{display:flex;flex-direction:column;gap:1rem}.form-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.journal-lines{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.lines-header{background:#f9fafb;font-size:.875rem;font-weight:600}.line-row,.lines-header{grid-gap:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 2fr auto;padding:.75rem}.line-row{align-items:center}.line-row:last-child{border-bottom:none}.form-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1rem}.form-actions{gap:.5rem}.balance-summary{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.balance-item{display:flex;flex-direction:column;gap:.25rem}.balance-item .label{color:#64748b;font-size:.75rem}.balance-item .value{font-size:.875rem;font-weight:600}.balance-status .status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.balance-status .status.balanced{background:#f0fdf4;color:#166534}.balance-status .status.unbalanced{background:#fef2f2;color:#991b1b}.journal-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.journal-btn:disabled{cursor:not-allowed;opacity:.5}.journal-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.journal-btn-outline{background:#fff;color:#374151}.journal-btn-danger{background:#fff;border-color:#d1d5db;color:#dc2626}.journal-btn-sm{font-size:.75rem;padding:.25rem .5rem}.journal-btn-lg{font-size:1rem;padding:.75rem 1.5rem}.entries-section{border:1px solid #e5e7eb;padding:1rem}.entries-table{border-collapse:collapse;width:100%}.entries-table th{background:#f9fafb;font-weight:600;text-align:left}.entries-table td,.entries-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:90vh;max-width:800px;overflow:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-body{padding:1rem}.entry-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1rem;padding:1rem}.detail-row{display:flex;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-row .label{font-size:.875rem;font-weight:500;margin-right:1rem;min-width:100px}.detail-row .value{font-size:.875rem}.entry-lines-table{overflow-x:auto}.entry-lines-table h4{font-size:1rem;font-weight:600;margin:0 0 .75rem}.entry-lines-table table{border:1px solid #e5e7eb;border-collapse:collapse;width:100%}.entry-lines-table th{background:#f9fafb;font-weight:600;text-align:left}.entry-lines-table td,.entry-lines-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.entry-lines-table .credit,.entry-lines-table .debit{text-align:right}@media (max-width:768px){.journal-header{flex-direction:column}.journal-stats{justify-content:flex-start}.filters-grid,.form-header,.line-row,.lines-header{grid-template-columns:1fr}.line-row,.lines-header{gap:.5rem}.form-footer{align-items:stretch;flex-direction:column}.balance-summary{justify-content:flex-start}}.trial-balance-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.trial-balance-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.stat-meta{color:#64748b;font-size:.75rem}.summary-section{margin-bottom:1rem}.summary-card{border:1px solid #e5e7eb;padding:1rem}.summary-type{font-size:.875rem;font-weight:600;margin-bottom:.25rem;text-transform:capitalize}.summary-meta{color:#64748b;font-size:.75rem}.trial-balance-table{border-collapse:collapse;width:100%}.trial-balance-table th{background:#f9fafb;font-weight:600;text-align:left}.trial-balance-table td,.trial-balance-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.account-code{font-weight:500}.account-type-badge{background:#f3f4f6;border-radius:4px;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}@media (max-width:768px){.analysis-grid,.filters-grid,.stats-grid,.summary-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.action-button{width:100%}}.profit-loss-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.profit-loss-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.stat-value{margin-bottom:.25rem}.stat-growth{color:#64748b;font-size:.75rem}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.category-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.category-item:last-child{border-bottom:none}.category-amount,.empty-category{font-size:.875rem}.empty-category{color:#64748b;padding:1rem;text-align:center}.monthly-table,.profit-loss-table{border-collapse:collapse;width:100%}.monthly-table th,.profit-loss-table th{background:#f9fafb;font-weight:600;text-align:left}.monthly-table td,.monthly-table th,.profit-loss-table td,.profit-loss-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.category-cell{font-weight:500}.type-badge{background:#f3f4f6;border-radius:4px;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.analysis-section{border:1px solid #e5e7eb;padding:1rem}.analysis-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analysis-item{border:1px solid #e5e7eb;padding:1rem}.analysis-label{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.analysis-value{font-size:1rem;font-weight:600}@media (max-width:768px){.analysis-grid,.categories-grid,.filters-grid,.stats-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.action-button{width:100%}}.expenses-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.expenses-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.expense-form{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.expenses-table,.monthly-table{border-collapse:collapse;width:100%}.expenses-table th,.monthly-table th{background:#f9fafb;font-weight:600;text-align:left}.expenses-table td,.expenses-table th,.monthly-table td,.monthly-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.incomes-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.incomes-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.stats-grid{grid-gap:1rem;gap:1rem;margin-bottom:1rem}.stat-card{padding:1rem}.stat-label{margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:600}.filters-section{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.section-title{margin:0 0 .75rem}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.875rem;font-weight:500}.form-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem}.form-input:focus{border-color:#3b82f6;outline:none}.filter-actions{display:flex;flex-wrap:wrap;gap:.5rem}.submit-button{background:#3b82f6;border-color:#3b82f6;color:#fff}.income-form{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-group{gap:.25rem}.form-group label{font-size:.875rem;font-weight:500}.category-section{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.category-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{border:1px solid #e5e7eb;padding:1rem}.category-name{font-size:.875rem}.category-amount,.category-name{font-weight:600;margin-bottom:.25rem}.category-amount{font-size:1rem}.category-percentage{color:#64748b;font-size:.75rem}.monthly-section{padding:1rem}.monthly-section,.table-container{border:1px solid #e5e7eb;margin-bottom:1rem}.incomes-table,.monthly-table{border-collapse:collapse;width:100%}.incomes-table th,.monthly-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.text-center{text-align:center}.incomes-table td,.monthly-table td{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.numeric-cell{text-align:right}.description-cell{font-weight:500}.account-cell{color:#64748b;font-size:.875rem}.category-badge{background:#f3f4f6;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.delete-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.75rem;padding:.4rem .75rem}.totals-row{background:#f9fafb;font-weight:600}.totals-label{text-align:right}.quick-actions-section{border:1px solid #e5e7eb;padding:1rem}.quick-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-action-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none}@media (max-width:768px){.category-grid,.filters-grid,.form-grid,.stats-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.action-button{width:100%}.quick-action-buttons{flex-direction:column}.quick-action-button{text-align:center;width:100%}}.overview-container{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;padding:1rem}.overview-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.date-filter-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.date-filter-group{display:flex;flex-direction:column}.date-filter-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.date-filter-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem .75rem}.date-filter-input:focus{border-color:#3b82f6;outline:none}.date-filter-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.date-filter-button:hover:not(:disabled){background-color:#e5e7eb}.date-filter-button:disabled{cursor:not-allowed;opacity:.6}.print-button{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.print-button:hover{background-color:#2563eb;border-color:#2563eb}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:1.5rem}.financial-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1rem;position:relative}.card-title{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.card-value{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.trend-indicator{font-size:.75rem;font-weight:500;position:absolute;right:.75rem;top:.75rem}.trend-up{color:#059669}.trend-down{color:#dc2626}.card-details{color:#64748b;font-size:.875rem;line-height:1.5;margin-top:.5rem}.expense-highlight{color:#dc2626;font-weight:500}.profit-status{font-size:.875rem;font-weight:500;margin-top:.5rem}.profit-status.positive{color:#059669}.profit-status.negative{color:#dc2626}.summary-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.summary-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.summary-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-label{font-size:.875rem;margin-bottom:.4rem}.summary-value{color:#1f2937;font-weight:600}.salary-paid{color:#dc2626}.salary-pending{color:#f59e0b}.payment-rate{color:#059669}.expense-amount{color:#dc2626}.positive{color:#059669}.negative{color:#dc2626}.action-buttons{gap:.75rem}.action-button{background-color:#f3f4f6;text-decoration:none}.action-button:hover{background-color:#e5e7eb}@media (max-width:768px){.card-grid,.summary-grid{grid-template-columns:1fr}.date-filter-container{align-items:stretch;flex-direction:column}.date-filter-button,.date-filter-group{width:100%}}@media print{.action-buttons,.date-filter-container{display:none}.overview-container{padding:0}.financial-card,.summary-section{break-inside:avoid;page-break-inside:avoid}}.daybook-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem}.daybook-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.current-open-day-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1rem;padding:1rem}.info-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.info-title{font-size:.875rem;font-weight:500}.open-day-date{font-size:.875rem;font-weight:600}.warning-message{background:#fffbeb;border:1px solid #fde68a;border-radius:4px;font-size:.875rem;margin-top:.5rem;padding:.75rem}.daybook-controls{align-items:center;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.date-control{align-items:center;display:flex;gap:.5rem}.date-label{font-size:.875rem;font-weight:500}.date-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem}.date-input:focus{border-color:#3b82f6;outline:none}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.action-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.action-button:disabled{cursor:not-allowed;opacity:.5}.open-button{background:#3b82f6;border-color:#3b82f6;color:#fff}.close-button,.export-button,.refresh-button,.reopen-button{background:#fff;color:#374151}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#991b1b}.error-message,.info-message{font-size:.875rem;margin-bottom:1rem;padding:.75rem}.info-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#166534}.daybook-content{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.daybook-summary{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.status-indicator{font-size:.875rem}.status-closed,.status-open{font-weight:600}.totals-summary{display:flex;flex-wrap:wrap;gap:1rem}.payments-total,.receipts-total{font-size:.875rem}.table-container{overflow-x:auto}.daybook-table{border-collapse:collapse;width:100%}.daybook-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.account-column{min-width:250px;text-align:left}.numeric-column{min-width:120px;text-align:right}.daybook-table td{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem}.account-cell{text-align:left}.empty-message{color:#64748b;padding:2rem;text-align:center}.transactions-section{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1rem;overflow:hidden}.section-title{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:1rem;font-weight:600;margin:0;padding:1rem}.no-transactions{color:#64748b;padding:2rem;text-align:center}.no-transactions p{font-size:.875rem;margin:0}.transactions-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding:1rem}.transaction-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.transaction-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.transaction-number{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.transaction-time{color:#64748b;font-size:.875rem}.transaction-status{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.transaction-description{margin-bottom:.75rem}.transaction-description strong{display:block;font-size:.875rem;margin-bottom:.25rem}.transaction-memo{color:#64748b;font-size:.875rem;margin:0}.transaction-lines{display:flex;flex-direction:column;gap:.5rem}.transaction-line{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.line-account{flex:1 1;font-size:.875rem;font-weight:500;min-width:200px}.line-amount{font-size:.875rem;font-weight:600}@media (max-width:768px){.daybook-controls{align-items:stretch;flex-direction:column}.action-buttons{justify-content:flex-start}.daybook-summary{flex-direction:column}.transaction-header,.transaction-line{align-items:flex-start;flex-direction:column}.line-account{min-width:auto}.transactions-list{max-height:400px}}@media print{.daybook-controls{display:none}.daybook-container{padding:0}}.staff-personalinfo-card{background:#fff;border-radius:18px;box-shadow:0 6px 32px #2563eb1a,0 1.5px 8px #0000000a;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:32px auto 0;padding:36px 32px 28px}.staff-personalinfo-title{color:#1e293b;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:28px;text-align:center}.staff-personalinfo-form-grid{grid-gap:24px 32px;display:grid;gap:24px 32px;grid-template-columns:1fr 1fr;margin-bottom:36px}@media (max-width:900px){.staff-personalinfo-form-grid{gap:18px 0;grid-template-columns:1fr}.staff-personalinfo-card{padding:18px 6vw 16px}}.staff-registration-form-group .input-icon{color:#2563eb;font-size:1.1em;margin-bottom:20px!important;margin-left:0!important;margin-right:10px!important;position:relative!important;vertical-align:middle}.staff-personalinfo-actions{display:flex;justify-content:flex-end;margin-top:32px}.qualification-field-group{display:flex;flex-direction:column;gap:4px}.qualification-label{color:#374151;font-size:12px;font-weight:500;margin-bottom:2px}.qualification-form-row input[type=number]:focus,.qualification-form-row input[type=text]:focus{border-color:#374151;outline:none}.qualification-inline-form-grouped{align-items:end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;flex-wrap:wrap;gap:10px;max-width:100%;padding:16px}.qualification-add-btn:hover,.qualification-fab-btn:hover{background:#1f2937}.qualification-cancel-btn:hover{background:#4b5563}.qualification-collapsible-form{margin-bottom:16px;padding:16px}.qualification-collapsible-header{color:#374151;font-size:14px;font-weight:500}.qualification-close-btn{color:#6b7280;font-size:20px;padding:4px;transition:color .15s}.qualification-close-btn:hover{color:#dc2626}.custom-file-upload-btn:hover{background:#1f2937}.qualification-card{flex-direction:column;gap:8px}.qualification-card-degree{font-size:14px}.qualification-card-actions{gap:8px;margin-top:8px}.qualification-card-edit,.qualification-card-remove{background:#0000;border:1px solid #d1d5db;border-radius:2px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s ease}.qualification-card-edit:hover{background:#374151;border-color:#374151;color:#fff}.qualification-card-remove:hover{background:#dc2626;border-color:#dc2626;color:#fff}.qualifications-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;margin-bottom:16px;padding:16px}.qualifications-section-title{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.qualifications-section-helper{color:#6b7280;font-size:12px}.qualification-inline-form{align-items:flex-end;background:#f8fafc;border:1px solid #e0e7ef;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:flex;flex-wrap:wrap;gap:14px 12px;margin-bottom:10px;max-width:100%;padding:16px 12px 8px}.qualification-add-btn{background:#374151;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-left:8px;padding:6px 14px;transition:background-color .15s ease}.qualification-add-btn:disabled{background:#9ca3af;color:#fff;cursor:not-allowed}.qualification-cancel-btn{background:#6b7280;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-left:8px;padding:6px 14px;transition:background-color .15s ease}.qualification-doc-list{font-size:12px;margin-bottom:4px;margin-top:0;padding-left:18px}.qualification-error-msg{color:#ef4444;font-size:.95rem;margin-top:4px}.qualification-empty-msg{color:#888;font-size:13px;margin-top:8px}.qualifications-list{display:flex;flex-direction:column;gap:8px;margin-bottom:0;margin-top:12px;padding-left:0;width:100%}.qualification-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:2px;box-shadow:none;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;padding:12px;position:relative;width:100%}.qualification-card:hover{background:#fff}.qualification-card-details{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.qualification-card-degree{color:#374151;font-weight:500;margin-right:8px;word-break:break-word}.qualification-card-meta{color:#6b7280;font-size:13px;word-break:break-word}.qualification-card-edit{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:2px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;justify-content:center;margin-left:8px;padding:4px 8px;transition:background-color .15s,color .15s,border-color .15s}.qualification-card-edit:focus,.qualification-card-edit:hover{background:#374151;border-color:#374151}.qualification-card-remove{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:2px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:12px;justify-content:center;margin-left:8px;padding:4px 8px;transition:background-color .15s,color .15s,border-color .15s}.qualification-card-remove:focus,.qualification-card-remove:hover{background:#dc2626;border-color:#dc2626}@media (max-width:900px){.qualification-inline-form{align-items:stretch;flex-direction:column;gap:10px;padding:12px 6px 6px}.qualification-add-btn,.qualification-cancel-btn{margin-left:0;min-width:0;width:100%}.qualification-card-details{align-items:flex-start;flex-direction:column;gap:4px;min-width:0}.qualification-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 8px 10px}}@media (max-width:600px){.qualifications-section{padding:12px 3vw 10px}.qualification-inline-form{gap:8px;padding:8px 2vw 4px}.qualification-card{font-size:14px;padding:10px 4vw 8px}.qualification-card-meta{font-size:13px}.qualifications-section-title{font-size:1.05rem}}.staff-registration-label{align-items:center;display:flex;font-size:1rem;margin-bottom:7px}.staff-registration-input{background:#f9fafb;border-radius:10px;box-shadow:0 2px 4px #0000000a;padding:13px 16px 13px 38px}.staff-registration-input:focus{background:#fff;box-shadow:0 0 0 3px #3b82f614,0 4px 12px #00000014}.staff-registration-input:hover{box-shadow:0 4px 12px #0000000f}.staff-registration-error{font-size:.93rem;margin-top:4px}.staff-registration-btn{box-shadow:0 4px 15px #3b82f62e;margin-top:0}.staff-registration-btn:hover{box-shadow:0 8px 25px #3b82f638}.qualifications-section-helper{color:#64748b;font-size:.98rem;margin-bottom:12px;margin-top:-2px;padding-left:2px}.qualification-inline-form-grouped{display:flex}.qualification-form-row{display:contents}.qualification-form-row input[type=number],.qualification-form-row input[type=text]{flex:0 0 50%;max-width:100%;min-width:0}@media (max-width:900px){.qualification-form-row{flex-direction:column;flex-wrap:wrap;gap:8px}.qualification-form-row input[type=number],.qualification-form-row input[type=text]{flex:1 1 100%;width:100%}}.qualification-form-field{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1 120px;max-width:220px;min-width:120px;padding:0 8px}.qualification-form-field input[type=file],.qualification-form-field input[type=number],.qualification-form-field input[type=text]{background:#0000;border:none;font-size:15px;outline:none;padding:8px 0;width:100%}.qualification-form-field input[type=file]{display:none}.file-upload-field{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1 120px;gap:8px;height:40px;max-width:220px;min-width:120px;padding:0 8px}.custom-file-upload-btn{background:#374151;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-left:0;outline:none;padding:6px 14px;transition:background-color .15s ease}.custom-file-upload-btn:focus,.custom-file-upload-btn:hover{background:#1f2937}.qualification-doc-badges{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 0}.qualification-doc-badge{align-items:center;background:#e0e7ef;border-radius:12px;color:#1e293b;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:2px;margin-right:4px;padding:3px 10px 3px 7px}.qualification-doc-display{cursor:default}.qualification-doc-remove,.qualification-doc-view{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;line-height:1;padding:2px 4px;transition:transform .2s}.qualification-doc-remove:hover{color:#dc2626;transform:scale(1.2)}.qualification-doc-view{color:#3b82f6;margin-left:4px}.qualification-doc-view:hover{color:#2563eb;transform:scale(1.2)}.qualification-doc-badge{box-shadow:0 1px 2px #2563eb12}.qualification-doc-badge.removing{opacity:.6;pointer-events:none}.qualification-doc-name{margin-left:6px}.qualification-doc-status{color:#6b7280;font-size:12px;margin-left:8px}.qualification-image-thumb{border:1px solid #e5e7eb;height:44px;width:44px}.image-preview-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.image-preview-modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000040;max-height:88vh;max-width:92vw;padding:12px;position:relative}.image-preview-modal img{border-radius:6px;display:block;max-height:82vh;max-width:90vw}.image-preview-close{background:#0000;border:none;color:#1f2937;cursor:pointer;font-size:22px;line-height:1;position:absolute;right:8px;top:6px}.qualification-divider{border:none;border-top:1.5px solid #e5e7eb;margin:14px 0 18px}.qualification-card.enhanced{border-left:none;padding-left:12px;position:relative;transition:none}.qualification-card-accent{display:none}.qualification-card.enhanced:hover{border-left:5px solid #1d4ed8;box-shadow:0 8px 28px #2563eb21;transform:translateY(-2px) scale(1.01)}@media (max-width:900px){.qualification-form-row{flex-direction:column;gap:8px}.qualification-form-field{max-width:100%;min-width:0}}.qualifications-list-grid{grid-gap:18px 18px;display:grid;gap:18px 18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-bottom:18px}.qualification-empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;margin-bottom:18px;min-height:90px}.qualification-add-btn-row{display:flex;justify-content:flex-end;margin-bottom:10px}.qualification-fab-btn{background:#374151;border-radius:2px;display:inline-flex;font-size:13px;font-weight:500;padding:8px 20px;transition:background-color .15s ease}.qualification-fab-btn:focus,.qualification-fab-btn:hover{background:#1f2937}.qualification-collapsible-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;margin-bottom:12px;margin-top:0;padding:12px;position:relative}.qualification-collapsible-header{align-items:center;color:#1e293b;display:flex;font-size:1.13rem;font-weight:600;justify-content:space-between;margin-bottom:12px}.qualification-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:background .18s,color .18s;width:36px}.qualification-close-btn:focus,.qualification-close-btn:hover{background:#ef4444;color:#fff}.qualification-card-actions{align-items:flex-end;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;margin-left:10px}.qualification-card-edit,.qualification-card-remove{align-items:center;background:none;border:none;border-radius:50%;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .18s,color .18s;width:32px}.qualification-card-edit{color:#2563eb}.qualification-card-edit:focus,.qualification-card-edit:hover{background:#2563eb;color:#fff}.qualification-card-remove{color:#ef4444}.qualification-card-remove:focus,.qualification-card-remove:hover{background:#ef4444;color:#fff}@media (max-width:900px){.qualifications-list-grid{gap:12px;grid-template-columns:1fr}.qualification-collapsible-form{padding:12px 4vw 10px}}.qualifications-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.qualifications-timeline{display:flex;flex-direction:column;gap:32px;margin-bottom:18px;margin-top:18px;position:relative}.qualification-timeline-item{align-items:flex-start;display:flex;min-height:80px;position:relative}.timeline-connector,.timeline-dot{display:none}.timeline-card{align-items:center;background:#0000;border-left:none;border-radius:2px;box-shadow:none;display:flex;flex:1 1;flex-direction:row;gap:12px;margin:0;padding:0;position:relative;transition:none}.timeline-card:hover{border-left:5px solid #1d4ed8;box-shadow:0 8px 28px #2563eb21;transform:translateY(-2px) scale(1.01)}.timeline-form{background:#f8fafc;border-left:5px solid #2563eb;border-radius:10px;box-shadow:0 2px 12px #2563eb12;margin-bottom:32px;padding:22px 18px 14px;position:relative}.qualification-fab-btn{align-items:center;background:linear-gradient(90deg,#2563eb 60%,#1d4ed8);border:none;border-radius:24px;box-shadow:0 2px 8px #2563eb1a;color:#fff;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;margin-left:18px;padding:10px 28px;transition:background .2s,box-shadow .2s,transform .15s}.qualification-fab-btn:focus,.qualification-fab-btn:hover{background:#1d4ed8;transform:translateY(-2px) scale(1.03)}@media (max-width:900px){.qualifications-timeline{gap:18px}.timeline-card{align-items:flex-start;flex-direction:column;padding:14px 8px}.timeline-dot{height:14px;margin-right:12px;width:14px}.qualification-fab-btn{justify-content:center;margin-left:0;margin-top:10px;width:100%}}@media (max-width:600px){.timeline-card{font-size:14px;padding:10px 2vw}.timeline-dot{height:10px;margin-right:8px;width:10px}}.staff-personal-info{margin:0 auto;padding:20px}.staff-form-input,.staff-form-select,.staff-form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.staff-form-input:focus,.staff-form-select:focus,.staff-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.staff-form-textarea{min-height:80px;resize:vertical}.staff-form-footer{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;justify-content:center;margin-top:32px;padding:20px}.staff-form-footer-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.staff-form-footer-btn-back{background-color:#4b5563}.staff-form-footer-btn-back:hover{background-color:#374151}.staff-form-footer-btn-next{background-color:#1f2937}.staff-form-footer-btn-next:hover{background-color:#111827}.staff-form-footer-btn:active{transform:scale(.98)}.staff-form-footer-btn:disabled{background-color:#9ca3af!important;cursor:not-allowed;opacity:.5}.staff-form-footer-btn:disabled:hover{background-color:#9ca3af!important;transform:none}@media (max-width:640px){.staff-form-footer{flex-direction:column;gap:10px}.staff-form-footer-btn{width:100%}}.staff-faculty-info-container{margin:0 auto;padding:24px}.staff-faculty-info-title{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:32px;text-align:center}.staff-faculty-info-form{display:flex;flex-wrap:wrap;gap:20px}.staff-faculty-info-field{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;max-width:250px;min-width:200px}.staff-faculty-info-field-full{flex:1 1 100%;max-width:520px;width:100%}.staff-faculty-info-label{color:#374151;font-size:14px;font-weight:500}.staff-faculty-info-label .required{color:#ef4444;margin-left:4px}.staff-faculty-info-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.staff-faculty-info-input:focus{border-color:#3b82f6;outline:none}.staff-faculty-info-input-readonly{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.staff-faculty-info-error{color:#ef4444;font-size:13px;margin-top:4px}@media (max-width:768px){.staff-faculty-info-field{max-width:100%;min-width:100%}.staff-faculty-info-field-full{max-width:100%}}@media (max-width:640px){.staff-faculty-info-container{padding:16px}.staff-faculty-info-title{font-size:20px;margin-bottom:24px}.staff-faculty-info-form{gap:16px}}.staff-admin-info{margin:0 auto;padding:20px}.staff-form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.staff-form-section-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:24px;text-align:center}.staff-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.staff-form-group{display:flex;flex-direction:column}.staff-form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:8px}.staff-form-icon{color:#6b7280;font-size:.875rem}.staff-form-input,.staff-form-select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.multi-select{background:#fafafa;border:1px solid #d1d5db;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:8px}.multi-select-disabled{opacity:.6}.multi-select-chips{display:flex;flex-wrap:wrap;gap:6px}.multi-select-placeholder{color:#6b7280;font-size:.85rem}.multi-select-chip{align-items:center;background:#e5f0ff;border:1px solid #c7dcff;border-radius:16px;color:#1f2937;display:inline-flex;gap:6px;max-width:100%;padding:4px 8px}.chip-remove{color:#1f2937;font-size:16px;line-height:1}.chip-remove,.chips-clear{background:#0000;border:none;cursor:pointer}.chips-clear{color:#2563eb;margin-left:auto}.multi-select-controls{display:flex}.multi-select-search{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 10px;width:100%}.multi-select-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-height:180px;overflow:auto;padding:6px}.multi-select-option{align-items:center;border-radius:4px;display:flex;gap:8px;padding:6px 4px}.multi-select-option:hover{background:#f3f4f6}.multi-select-empty{color:#6b7280;font-size:.85rem;padding:8px}.staff-form-input:focus,.staff-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.staff-form-error{color:#dc2626;font-size:.75rem;margin-top:4px}.staff-form-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:32px;padding-top:20px}.staff-form-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.staff-form-btn-primary{background-color:#3b82f6;color:#fff}.staff-form-btn-primary:hover{background-color:#2563eb}.staff-form-btn-secondary{background-color:#6b7280;color:#fff}.staff-form-btn-secondary:hover{background-color:#4b5563}@media (max-width:768px){.staff-form-row{gap:16px;grid-template-columns:1fr}.staff-form-section{padding:16px}.staff-form-actions{flex-direction:column;gap:12px}}.administration-info-checkbox{margin:0!important;width:16px!important}.admin-type-dropdown-container{position:relative;width:100%}.admin-type-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:2px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.admin-type-option{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .15s ease}.admin-type-option:hover{background-color:#f3f4f6}.admin-type-option:last-child{border-bottom:none}.admin-type-option.no-results{color:#6b7280;cursor:default;font-style:italic}.admin-type-option.no-results:hover{background-color:initial}.form-help-text{color:#6b7280;display:block}.officer-id-input-container{align-items:stretch;display:flex;gap:8px}.officer-id-input{flex:1 1;margin-bottom:0}.auto-generate-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.auto-generate-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.auto-generate-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auto-generate-btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.officer-id-input-container{flex-direction:column;gap:8px}.auto-generate-btn{justify-content:center;width:100%}}.staff-registration-section{animation:fadeInUp .6s ease-out;border-radius:18px;box-shadow:0 6px 32px #2563eb1a,0 1.5px 8px #0000000a;margin:32px auto 0;padding:36px 32px 28px}.staff-registration-section-title{color:#1e293b;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:28px}.staff-registration-form-grid{grid-gap:24px 32px;display:grid;gap:24px 32px;grid-template-columns:1fr 1fr;margin-bottom:36px}@media (max-width:900px){.staff-registration-form-grid{gap:18px 0;grid-template-columns:1fr}.staff-registration-section{padding:18px 6vw 16px}}.staff-registration-form-group{display:flex;flex-direction:column;margin-bottom:0;position:relative}.staff-registration-label{color:#1e293b;font-size:.95rem;font-weight:600;letter-spacing:.025em;margin-bottom:8px;position:relative}.staff-registration-label:after{color:#ef4444;content:"*";font-weight:700;margin-left:4px}.staff-registration-input{background:#fff;background-image:none;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:14px 16px;position:relative;transition:all .3s ease;width:100%}.staff-registration-input:focus{background-image:none;background-repeat:no-repeat;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.staff-registration-input:hover{background-image:none;background-repeat:no-repeat;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.staff-registration-input::placeholder{color:#94a3b8;font-style:italic}.staff-registration-error{animation:shake .5s ease-in-out;color:#ef4444;display:block;font-size:.875rem;margin-top:6px;padding-left:20px;position:relative}.staff-registration-error:before{content:"⚠";font-size:1rem;left:0;position:absolute;top:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.staff-registration-btn-group{align-items:center;border-top:1px solid #e2e8f0;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:30px}.staff-registration-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 15px #3b82f64d;font-size:1rem;font-weight:600;min-width:120px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.staff-registration-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.staff-registration-btn:hover:before{left:100%}.staff-registration-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.staff-registration-btn:active{transform:translateY(0)}.staff-registration-btn:disabled,.staff-registration-btn:disabled:hover{background:#cbd5e1;box-shadow:none;transform:none}.staff-registration-btn-group .staff-registration-btn:first-child{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 15px #64748b4d}.staff-registration-btn-group .staff-registration-btn:first-child:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 8px 25px #64748b66}@media (max-width:768px){.staff-registration-form-group{margin-bottom:20px}.staff-registration-input{font-size:.95rem;padding:12px 14px}.staff-registration-btn-group{flex-direction:column;gap:12px}.staff-registration-btn{padding:12px 24px;width:100%}}@media (max-width:480px){.staff-registration-input{font-size:.9rem;padding:10px 12px}.staff-registration-label{font-size:.9rem}}.designation-input-group{position:relative}.form-help-text{color:#666;font-size:12px;font-style:italic;margin-top:4px}.staff-registration-container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px #0000000d;margin:0 auto;padding:24px}.staff-registration-header{margin-bottom:24px;text-align:center}.staff-registration-title{color:#374151;font-size:22px;font-weight:500;margin-bottom:6px}.staff-registration-subtitle{color:#6b7280;font-size:14px;margin-bottom:20px}.staff-registration-stepper{align-items:center;display:flex;justify-content:center;margin:20px 0 16px;position:relative}.staff-registration-stepper:before{background:#d1d5db;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px;z-index:1}.staff-registration-step{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:2px;color:#6b7280;display:flex;font-size:12px;font-weight:500;height:32px;justify-content:center;margin:0 10px;position:relative;transition:all .15s ease;width:32px;z-index:2}.staff-registration-step.active{background:#374151;border-color:#374151;color:#fff}.staff-registration-step.completed{background:#059669;border-color:#059669;color:#fff}.staff-registration-step-info{margin-top:16px;text-align:center}.staff-registration-step-title{color:#374151;font-size:16px;font-weight:500;margin-bottom:4px}.staff-registration-step-description{color:#6b7280;font-size:13px}.staff-registration-form{margin-top:20px}.staff-registration-section{background:#fff;border:1px solid #e5e7eb;border-radius:2px;margin-bottom:16px;padding:20px}.staff-registration-section-title{color:#374151;font-size:16px;font-weight:500;margin-bottom:16px;text-align:center}.staff-registration-form-group{margin-bottom:16px}.staff-registration-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.staff-registration-select{background-color:#fff;border:1px solid #d1d5db;border-radius:2px;font-size:13px;padding:8px 10px;transition:border-color .15s;width:100%}.staff-registration-select:focus{border-color:#374151;outline:none}.staff-registration-select:disabled{background-color:#f9fafb;cursor:not-allowed}.staff-registration-btn{background:#374151;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin:0 6px;padding:8px 16px;transition:background-color .15s ease}.staff-registration-btn:hover{background:#1f2937}.staff-registration-btn:active{background:#111827}.staff-registration-btn:disabled{background:#9ca3af;cursor:not-allowed}.staff-registration-btn-group{display:flex;gap:8px;justify-content:center;margin-top:20px}.staff-registration-completion{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:2px;padding:24px;text-align:center}.staff-registration-success{color:#059669;font-weight:500}.staff-registration-error{color:#dc2626;font-weight:500;margin-bottom:12px;text-align:center}@media (max-width:768px){.staff-registration-container{margin:16px;padding:20px}.staff-registration-title{font-size:20px}.staff-registration-subtitle{font-size:13px}.staff-registration-stepper:before{width:140px}.staff-registration-step{font-size:11px;height:28px;margin:0 8px;width:28px}.staff-registration-btn{font-size:12px;padding:6px 12px}.staff-registration-section{padding:16px}}@media (max-width:480px){.staff-registration-container{padding:16px}.staff-registration-title{font-size:18px}.staff-registration-stepper:before{width:120px}.staff-registration-step{font-size:10px;height:24px;margin:0 6px;width:24px}.staff-registration-section{padding:12px}}.review-card-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;box-shadow:none;padding:16px}.review-header{color:#374151;font-size:16px;font-weight:500;letter-spacing:normal;margin-bottom:16px}.review-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:2px;box-shadow:none;padding:12px}.review-card-title{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:500;margin-bottom:8px;padding-bottom:4px}.review-list{list-style:none;margin:0;padding:0}.review-list-item{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;font-size:13px;gap:2px;padding:6px 0}.review-list-item:last-child{border-bottom:none}.review-list-item div{align-items:center;display:flex;justify-content:space-between}.review-list-item strong{color:#374151;font-weight:500;min-width:80px}.review-btn-group{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.review-submit-btn{background:#374151;color:#fff;font-weight:500}@media (max-width:768px){.review-summary-grid{grid-template-columns:1fr}.review-btn-group{flex-direction:column}}.display-staff-container{background:#fff;box-sizing:border-box;overflow-x:hidden;padding:20px;width:100%}.display-staff-title{color:#374151;font-size:1.8rem;font-weight:600;margin:0 0 24px;text-align:center}.display-staff-tab-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.display-staff-tab-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.display-staff-tab-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.display-staff-tab-active{background:#374151;border-color:#374151;color:#fff}.display-staff-tab-active:hover{background:#1f2937}.display-staff-search-container{display:flex;justify-content:center;margin-bottom:20px}.display-staff-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;max-width:400px;padding:10px 14px;transition:border-color .2s;width:100%}.display-staff-search-input:focus{border-color:#374151;outline:none}.display-staff-search-input::placeholder{color:#9ca3af}.display-staff-controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.display-staff-view-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:0;padding:4px}.display-staff-toggle-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.display-staff-toggle-icon-btn:hover{background:#f3f4f6;color:#374151}.display-staff-toggle-icon-btn.display-staff-toggle-active{background:#3b82f6;color:#fff}.display-staff-toggle-icon-btn.display-staff-toggle-active:hover{background:#2563eb}.display-staff-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.display-staff-pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s}.display-staff-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.display-staff-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.display-staff-pagination-page{color:#374151;font-size:.875rem;font-weight:500;padding:0 8px}.display-staff-pagination-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:6px 10px;transition:border-color .2s}.display-staff-pagination-select:focus{border-color:#3b82f6;outline:none}.display-staff-empty,.display-staff-error,.display-staff-loading{color:#666;font-size:1rem;padding:20px;text-align:center}.display-staff-error{color:#d32f2f}.display-staff-grid{display:none;gap:10px;grid-template-columns:1fr;justify-content:center;justify-items:center;max-width:100%;padding:4px 0}.display-staff-grid.active{display:grid}.display-staff-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:340px;overflow:hidden;padding:0;position:relative;transition:all .2s ease;width:100%}.display-staff-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #00000014;transform:translateY(-2px)}.display-staff-card-header-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:12px}.display-staff-card-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;width:44px}.display-staff-card-header-info{flex:1 1;min-width:0}.display-staff-card-name{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.2;margin-bottom:2px}.display-staff-card-designation,.display-staff-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-staff-card-designation{color:#64748b;font-size:.8rem;font-weight:400}.display-staff-card-status-badge{flex-shrink:0}.display-staff-card-main{display:flex;flex-direction:column;gap:6px;padding:12px}.display-staff-card-email,.display-staff-card-phone{align-items:center;color:#475569;display:flex;font-size:.82rem;gap:4px}.display-staff-card-info{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.display-staff-card-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;display:inline-block;font-size:.75rem;font-weight:500;padding:3px 8px}.display-staff-card-type{background:#f9fafb;border:1px solid #e5e7eb;border-radius:3px;color:#6b7280;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:4px;padding:3px 6px}.display-staff-card-salary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:3px;color:#059669;font-size:.85rem;font-weight:500;padding:4px 6px}.display-staff-table-container{display:none;overflow-x:auto;width:100%}.display-staff-table-container.active{display:block}.display-staff-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.display-staff-th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.display-staff-td{border-bottom:1px solid #f3f4f6;font-size:.9rem;padding:12px}.display-staff-row:nth-child(2n){background:#f9fafb}.display-staff-row:hover{background:#f3f4f6}.display-staff-salary-container{padding:8px 0}.display-staff-salary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.display-staff-salary-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:16px;position:relative;transition:all .2s ease}.display-staff-salary-card:hover{border-color:#374151;box-shadow:0 1px 3px #0000001a}.display-staff-salary-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}.display-staff-salary-name{color:#374151;font-size:1.1rem;font-weight:500;line-height:1.3;margin:0 0 6px}.display-staff-salary-designation{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;display:inline-block;font-size:.9rem;font-weight:500;padding:4px 8px}.display-staff-salary-details{display:flex;flex-direction:column;gap:12px}.display-staff-salary-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.display-staff-salary-item:last-child{border-bottom:none}.display-staff-salary-label{color:#374151;font-size:.9rem;font-weight:500}.display-staff-salary-value{color:#059669;font-size:.9rem;font-weight:500}.display-staff-salary-allowances{display:flex;flex-direction:column;gap:6px;margin-top:6px}.display-staff-salary-allowance-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 8px}.display-staff-salary-allowance-item span:first-child{color:#6b7280;font-weight:400}.display-staff-salary-allowance-item span:last-child{color:#059669;font-weight:500}.display-staff-salary-total{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;margin-top:6px;padding:12px}.display-staff-salary-total .display-staff-salary-label{color:#059669;font-size:.95rem}.display-staff-salary-total .display-staff-salary-value{color:#047857;font-size:1rem}@media (min-width:600px){.display-staff-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.display-staff-salary-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.display-staff-container{padding:16px}.display-staff-card-header-section,.display-staff-card-main{padding:14px}.display-staff-salary-card{padding:12px}}@media (min-width:964px){.display-staff-grid,.display-staff-salary-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,320px))}.display-staff-table{font-size:.9rem}.display-staff-td,.display-staff-th{padding:12px}}@media (min-width:1200px){.display-staff-container{padding:16px}.display-staff-grid,.display-staff-salary-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,340px))}}@media (max-width:964px){.display-staff-controls-bar{align-items:stretch;flex-direction:column}.display-staff-pagination,.display-staff-view-toggle{justify-content:center;width:100%}}@media (max-width:400px){.display-staff-card-actions{flex-direction:column;gap:6px}.display-staff-more-btn{width:100%}.display-staff-card-header-section,.display-staff-card-main{padding:10px}.display-staff-card-avatar{font-size:1rem;height:38px;width:38px}.display-staff-salary-card{padding:8px}}.display-staff-card-id{display:inline-block}.display-staff-card-id span{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-family:Courier New,monospace;font-size:.72rem;font-weight:500;padding:3px 6px}.display-staff-card-phone a{color:#374151;text-decoration:none;transition:color .2s ease}.display-staff-card-phone a:hover{color:#1f2937;text-decoration:underline}.display-staff-td .staff-id-badge{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:3px;color:#6b7280;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;min-width:60px;padding:2px 6px;text-align:center}.display-staff-td .phone-link{color:#374151;text-decoration:none;transition:color .2s ease}.display-staff-td .phone-link:hover{color:#1f2937;text-decoration:underline}.notification{border-radius:4px;position:relative}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.unified-staff-salary-management{background:#f8fafb;margin:0 auto;min-height:100vh;padding:16px}.management-header{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:16px}.management-header h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px;text-align:center}.tab-navigation{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:0}.tab-navigation button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.tab-navigation button svg{font-size:.9rem}.tab-navigation button:hover:not(.active){background-color:#f8fafc;color:#334155}.tab-navigation button.active{background-color:#eff6ff;border-bottom-color:#3b82f6;color:#3b82f6}.overview-tab{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#1e293b;padding:16px;transition:transform .2s ease}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.stat-card h3{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-card p{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.quick-actions{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.quick-actions h3{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:12px}.unified-staff-salary-management .action-buttons{border:none!important;display:flex;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important}.unified-staff-salary-management .action-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.unified-staff-salary-management .action-btn:hover:not(:disabled){background:#2563eb}.unified-staff-salary-management .action-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.basic-salary-tab{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.sub-tab-navigation{border-bottom:1px solid #e5e7eb;display:flex;gap:6px;margin-bottom:16px}.sub-tab-navigation button{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.sub-tab-navigation button:hover:not(.active){background-color:#f8fafc;color:#334155}.sub-tab-navigation button.active{background-color:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6}.staff-selection{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:12px}.staff-selection label{color:#334155;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.staff-selection select{background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.85rem;padding:8px 10px;transition:border-color .2s ease;width:100%}.staff-selection select:focus{border-color:#3b82f6;outline:none}.salary-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px}.salary-form-container h3{border-bottom:2px solid #e5e7eb;color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:12px}.salary-form{display:flex;flex-direction:column;gap:16px}.unified-staff-salary-management form{display:block!important}.form-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:0;width:100%}.form-group{display:flex;flex:1 1 220px;flex-direction:column;gap:6px;max-width:calc(33.333% - 10px);min-width:220px}.form-group label{align-items:center;color:#334155;display:flex;font-size:.85rem;font-weight:600;gap:4px}.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input[type=checkbox]{align-self:flex-start;cursor:pointer;height:20px;width:20px}.form-group-checkbox{align-items:center;flex-direction:row;gap:8px}.form-group-checkbox label{cursor:pointer;margin:0}.form-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px}.save-btn{background:#10b981;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;min-width:140px;padding:8px 20px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #10b98133;transform:translateY(-1px)}.save-btn:disabled{background:#94a3b8}.salary-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin-top:16px;padding:12px}.salary-preview h4{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:10px}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preview-item{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:8px 10px}.preview-item.highlight{background:#eff6ff;border-color:#3b82f6;font-weight:600}.preview-item span:first-child{color:#64748b;font-weight:500}.preview-item span:last-child{color:#1e293b;font-weight:600}.bulk-generate-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.bulk-generate-section h3{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:12px}.bulk-form{display:flex;flex-direction:column;gap:12px}.bulk-generate-btn{align-self:flex-start;background:#06b6d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.bulk-generate-btn:hover:not(:disabled){background:#0891b2}.bulk-generate-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.monthly-vouchers-tab{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.vouchers-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.vouchers-header h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.unified-staff-salary-management .filters{display:flex;flex-wrap:wrap;gap:8px;width:100%}.filters select{background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem;min-width:110px;padding:8px 10px}.filters select:focus{border-color:#3b82f6;outline:none}.vouchers-table{border:1px solid #cbd5e1;border-radius:6px;overflow-x:auto}.vouchers-table table{background:#fff;border-collapse:collapse;width:100%}.vouchers-table td,.vouchers-table th{border-bottom:1px solid #e5e7eb;font-size:.85rem;padding:10px;text-align:left}.vouchers-table th{background:#f8fafc;color:#334155;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.vouchers-table tr:hover{background:#f8fafc}.status{border-radius:12px;font-weight:600;padding:3px 8px;text-transform:uppercase}.status.paid{background:#d1fae5;color:#065f46}.pay-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 10px}.pay-btn:hover:not(:disabled){background:#059669}.pay-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.delete-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 10px}.delete-btn:hover:not(:disabled){background:#dc2626}.delete-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.reports-tab{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.reports-tab h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:16px}.reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.report-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:14px}.report-card h4{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:10px}.report-content p{color:#334155;font-size:.85rem;margin:6px 0}@media (max-width:768px){.unified-staff-salary-management{padding:12px}.management-header h1{font-size:1.3rem}.tab-navigation{flex-direction:column}.tab-navigation button{justify-content:center;text-align:center}.form-group{flex:1 1 100%;max-width:100%}.stats-grid{grid-template-columns:1fr}.action-buttons,.vouchers-header{flex-direction:column}.vouchers-header{align-items:stretch}.filters{justify-content:stretch}.filters select{flex:1 1;min-width:auto}.reports-grid{grid-template-columns:1fr}}@media (max-width:480px){.unified-staff-salary-management{padding:8px}.basic-salary-tab,.management-header,.monthly-vouchers-tab,.overview-tab,.reports-tab{padding:12px}.management-header h1{font-size:1.2rem}.stat-card{padding:12px}.stat-card p{font-size:1.3rem}}.staff-mgmt-container{margin:0 auto;padding:16px}.staff-mgmt-header-section{margin-bottom:20px}.staff-mgmt-title{color:#374151;font-size:1.5rem;font-weight:500;margin-bottom:16px}.staff-mgmt-tab-nav{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:16px}.staff-mgmt-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.staff-mgmt-tab-active,.staff-mgmt-tab-btn:hover:not(:disabled){background-color:#f9fafb;color:#374151}.staff-mgmt-tab-active{border-bottom-color:#374151}.staff-mgmt-tab-btn:disabled{color:#9ca3af;cursor:not-allowed}.staff-list-view{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:16px}.staff-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.staff-search-container{flex:0 1 280px;min-width:200px}.staff-search-input{border:1px solid #e5e7eb;border-radius:4px;font-size:.85rem;padding:8px 12px;transition:border-color .2s ease;width:100%}.staff-search-input:focus{border-color:#374151;outline:none}.staff-filter-controls{display:flex;flex-wrap:nowrap;gap:10px}.staff-filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.85rem;max-width:180px;min-width:140px;padding:8px 12px;transition:border-color .2s ease}.staff-filter-select:focus{border-color:#374151;outline:none}.staff-grid-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.staff-card-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:12px;transition:all .2s ease}.staff-card-item:hover{border-color:#374151;box-shadow:0 1px 3px #0000001a}.staff-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.staff-card-name{color:#374151;font-size:1rem;font-weight:500;margin:0}.staff-status{border-radius:3px;font-size:.8rem;font-weight:500;padding:3px 8px;text-transform:uppercase}.staff-status-active{background:#f0fdf4;color:#166534}.staff-status-inactive{background:#fef2f2;color:#991b1b}.staff-card-details{margin-bottom:8px}.staff-card-details p{color:#6b7280;font-size:.84rem;line-height:1.35;margin:4px 0}.staff-card-details strong{color:#374151;font-weight:500}.staff-card-actions{margin-bottom:8px}.staff-salary-btn{background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.84rem;font-weight:500;padding:8px 12px;transition:background-color .2s ease;width:100%}.staff-salary-btn:hover{background:#1f2937}.staff-salary-preview{background:#f9fafb;border-left:3px solid #10b981;border-radius:4px;padding:6px}.staff-salary-preview p{color:#6b7280;font-size:.8rem;margin:3px 0}.staff-salary-preview strong{color:#374151}.staff-empty-state,.staff-loading-state{color:#6b7280;font-size:.88rem;padding:18px;text-align:center}.staff-empty-state{grid-column:1/-1}.salary-management-view{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:16px}.selected-staff-header{background:#f9fafb;border-left:3px solid #374151;border-radius:4px;margin-bottom:20px;padding:16px}.selected-staff-title{color:#374151;font-size:1.2rem;font-weight:500;margin:0 0 8px}.selected-staff-info{color:#6b7280;font-size:.9rem;margin:0 0 12px}.staff-back-btn{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.staff-back-btn:hover{background:#4b5563}@media (max-width:768px){.staff-mgmt-container{padding:12px}.staff-mgmt-title{font-size:1.3rem}.staff-filter-section{align-items:stretch;flex-direction:column}.staff-search-container{min-width:auto}.staff-filter-controls{justify-content:stretch}.staff-filter-select{flex:1 1;min-width:auto}.staff-grid-layout{grid-template-columns:1fr}.staff-mgmt-tab-nav{flex-wrap:wrap}.staff-mgmt-tab-btn{flex:1 1;min-width:100px}}@media (max-width:480px){.staff-mgmt-container{padding:8px}.salary-management-view,.staff-list-view{padding:12px}.staff-mgmt-title{font-size:1.2rem}.selected-staff-title{font-size:1.1rem}}.session-management-container{background:#fff;padding:32px 24px}.session-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.session-management-title{color:#1f2937;font-size:1.75rem;font-weight:600;margin-bottom:0}.session-management-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.session-management-form-group{display:flex;flex:1 1 200px;flex-direction:column;margin-bottom:0}.session-management-label{color:#333;font-weight:500;margin-bottom:6px}.session-management-input{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:8px 12px}.session-management-input:focus{border-color:#3b82f6;outline:none}.session-management-checkbox-group{align-items:center;flex-direction:row;gap:8px}.session-management-checkbox{height:18px;margin-left:8px;width:18px}.session-management-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-right:8px;padding:8px 18px}.session-management-btn:hover{background:#2563eb}.session-management-btn-cancel{background:#ef4444}.session-management-btn-cancel:hover{background:#dc2626}.session-management-error{color:#e53935;font-size:.98rem;margin-bottom:8px;margin-top:4px;text-align:left}.session-management-list-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:32px 0 12px}.session-management-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.session-management-td,.session-management-th{padding:12px 10px;text-align:left}.session-management-th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600}.session-management-row:nth-child(2n){background:#f9fafb}.session-management-row:hover{background:#f3f4f6}.session-management-loading{color:#3949ab;font-size:1.1rem;margin:20px 0;text-align:center}.session-management-status{border-radius:4px;font-size:.9rem;font-weight:500;padding:4px 8px}.session-management-status-active{background:#e8f5e8;color:#2e7d32}.session-management-status-inactive{background:#ffebee;color:#c62828}.session-management-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.session-management-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.session-management-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.session-management-modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.session-management-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.session-management-modal-close:hover{background:#f3f4f6;color:#374151}.session-management-modal-form{padding:24px}.session-management-modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.session-management-modal-form .session-management-form-group{margin-bottom:16px}.session-management-modal-form .session-management-form-group:last-of-type{margin-bottom:0}.session-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.session-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.session-card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.session-card-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:capitalize}.session-badge.active{background:#dcfce7;color:#166534}.session-badge.inactive{background:#f3f4f6;color:#6b7280}.session-card-body{grid-gap:8px;display:grid;gap:8px;padding:12px 14px}.session-card-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.session-card-label{color:#6b7280}.session-card-value{color:#374151;font-weight:600}.session-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 14px}.session-card-action{align-items:center;display:inline-flex;flex:1 1;justify-content:center}.session-card-action.outline{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb}@media (max-width:768px){.session-management-table{display:none}}.course-management-container{background:#fff;padding:32px 24px}.course-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.course-management-title{color:#1f2937;font-size:1.75rem;font-weight:600;margin-bottom:0}.course-management-type-filter-group{align-items:end;display:flex;flex-direction:column;margin-bottom:24px}.course-management-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.course-management-form-group{display:flex;flex:1 1 220px;flex-direction:column;margin-bottom:0}.course-management-label{color:#333;font-weight:500;margin-bottom:6px}.course-management-input{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;max-width:250px;padding:8px 12px}.course-management-modal-overlay input{max-width:100%;width:100%}.course-management-input:focus{border-color:#3b82f6;outline:none}.course-management-checkbox-group{align-items:center;flex-direction:row;gap:8px}.course-management-checkbox{height:18px;margin-left:8px;width:18px}.course-management-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-right:8px;padding:8px 18px}.course-management-btn:hover{background:#2563eb}.course-management-btn-cancel{background:#ef4444}.course-management-btn-cancel:hover{background:#dc2626}.course-management-error{color:#e53935;font-size:.98rem;margin-bottom:8px;margin-top:4px;text-align:left}.course-management-list-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:32px 0 12px}.course-management-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.course-management-td,.course-management-th{padding:12px 10px;text-align:left}.course-management-th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600}.course-management-row:nth-child(2n){background:#f9fafb}.course-management-row:hover{background:#f3f4f6}.course-management-loading{color:#3949ab;font-size:1.1rem;margin:20px 0;text-align:center}.course-management-outline-preview{border:1px solid #bdbdbd;border-radius:6px;margin-top:8px;max-height:120px;max-width:120px;object-fit:contain}.course-management-status{border-radius:4px;font-size:.9rem;font-weight:500;padding:4px 8px}.course-management-status-Active{background:#e8f5e8;color:#2e7d32}.course-management-status-Inactive{background:#ffebee;color:#c62828}.course-management-status-Archived{background:#f3e5f5;color:#7b1fa2}.course-management-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.course-management-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.course-management-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.course-management-modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.course-management-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.course-management-modal-close:hover{background:#f3f4f6;color:#374151}.course-management-modal-form{padding:24px}.course-management-modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.course-management-modal-form .course-management-form-group{margin-bottom:16px}.course-management-modal-form .course-management-form-group:last-of-type{margin-bottom:0}.course-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.course-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.course-card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 14px}.course-card-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:capitalize}.course-badge.Active{background:#dcfce7;color:#166534}.course-badge.Inactive{background:#f3f4f6;color:#6b7280}.course-badge.Archived{background:#f3e5f5;color:#7b1fa2}.course-card-body{grid-gap:8px;display:grid;gap:8px;padding:12px 14px}.course-card-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.course-card-label{color:#6b7280}.course-card-value{color:#374151;font-weight:600}.course-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 14px}.course-card-action{align-items:center;display:inline-flex;flex:1 1;justify-content:center}.course-card-action.outline{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb}@media (max-width:768px){.course-management-table{display:none}}.staff-details-root{background:#f8fafc;color:#1a202c;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.staff-details-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.staff-details-back-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.staff-details-back-btn:hover{background:#5b5bf6;transform:translateY(-1px)}.staff-details-actions{align-items:center;display:flex;gap:10px}.staff-details-edit-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.staff-details-edit-btn.save{background:#10b981}.staff-details-edit-btn:hover{transform:translateY(-1px)}.staff-details-edit-btn.save:hover{background:#059669}.staff-details-cancel-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.staff-details-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.staff-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.staff-profile-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.staff-avatar-container{position:relative}.staff-avatar{background:#3b82f6;border-radius:12px;color:#fff;font-size:24px;font-weight:600;height:70px;width:70px}.staff-avatar,.staff-status-indicator{align-items:center;display:flex;justify-content:center}.staff-status-indicator{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-2px;height:20px;position:absolute;right:-2px;width:20px}.staff-status-indicator .status-active{color:#10b981;font-size:12px}.staff-status-indicator .status-inactive{color:#ef4444;font-size:12px}.staff-status-indicator .status-on-leave{color:#f59e0b;font-size:12px}.staff-profile-info{flex:1 1}.staff-profile-name{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 6px}.staff-profile-designation{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px;margin-bottom:12px}.staff-badges{display:flex;flex-wrap:wrap;gap:8px}.staff-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;padding:4px 10px}.staff-badge.type{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.staff-badge.status.status-active{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.staff-badge.status.status-inactive{background:#fee2e2;border-color:#fecaca;color:#991b1b}.staff-badge.status.status-on-leave{background:#fef3c7;border-color:#fde68a;color:#92400e}.staff-profile-contact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:10px 12px}.contact-item svg{color:#64748b;font-size:14px}.contact-item span{color:#374151;font-size:13px;font-weight:500}.staff-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.staff-details-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto}.staff-details-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:14px 20px;transition:all .2s ease;white-space:nowrap}.staff-details-tab:hover{background:#f1f5f9;color:#374151}.staff-details-tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.staff-details-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;margin:10px;padding:10px 14px;width:calc(100% - 20px)}.staff-details-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.staff-details-section{padding:24px}.staff-details-content{max-width:100%}.section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.section-icon{color:#3b82f6;font-size:18px}.section-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.detail-item-full,.detail-item.full-width{grid-column:1/-1}.detail-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-label svg{color:#3b82f6;font-size:12px}.detail-value{color:#1e293b;font-size:14px;font-weight:500;line-height:1.4}.staff-details-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;font-size:14px;font-weight:400;padding:10px 12px;transition:all .2s ease;width:100%}.staff-details-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.staff-details-input::placeholder{color:#9ca3af}.staff-type-badge{background:#3b82f6;border-radius:6px;color:#fff}.staff-type-badge,.status-badge{font-size:12px;font-weight:500;padding:4px 10px}.status-badge{align-items:center;display:flex;gap:4px}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-inactive{background:#fee2e2;color:#991b1b}.status-badge.status-on-leave{background:#fef3c7;color:#92400e}.salary-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.staff-details-salary-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.staff-details-salary-label{color:#64748b;font-size:12px;font-weight:600}.staff-details-salary-value{color:#059669;font-size:14px;font-weight:600}.staff-details-salary-total{background:#d1fae5;border-color:#a7f3d0;grid-column:1/-1}.staff-details-salary-total .staff-details-salary-label,.staff-details-salary-total .staff-details-salary-value{color:#065f46}.no-data-message{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:32px}.no-data-message svg{color:#94a3b8;font-size:16px}.staff-details-qual-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.staff-details-qual-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.staff-details-qual-icon{color:#3b82f6;font-size:16px;margin-right:10px}.staff-qual-fields-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}.staff-qual-fields-display>div{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px}.qualification-image-thumb{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:40px;object-fit:cover;width:40px}.staff-courses-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.staff-courses-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.staff-course-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.staff-course-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.staff-courses-course-title{color:#1e293b;font-size:16px;font-weight:600}.staff-courses-course-code-badge{background:#3b82f6;color:#fff}.staff-course-status-badge,.staff-courses-course-code-badge{border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px}.staff-courses-fields-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.staff-courses-fields-grid>div{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:6px;padding:10px}.staff-details-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:13px;font-weight:500;margin-top:8px;padding:10px 12px}.staff-details-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:200px;margin:20px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.staff-details-root{padding:16px}.details-grid{grid-template-columns:1fr}.staff-profile-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.staff-profile-contact{grid-template-columns:1fr}}@media (max-width:768px){.staff-details-header{align-items:stretch;flex-direction:column;gap:12px}.staff-details-actions{justify-content:center}.staff-details-tabs{display:none}.staff-details-dropdown{display:block}.staff-details-section{padding:16px}.staff-profile-card{padding:20px}.staff-avatar{height:60px;width:60px}.staff-avatar,.staff-profile-name{font-size:20px}}@media (min-width:769px){.staff-details-dropdown{display:none}}@media (max-width:480px){.staff-details-root{padding:12px}.staff-profile-card{padding:16px}.staff-details-section{padding:12px}.contact-item{gap:6px}.contact-item,.staff-badges,.staff-course-header{align-items:flex-start;flex-direction:column}.staff-course-header{gap:8px}}.staff-details-cancel-btn:disabled,.staff-details-edit-btn:disabled{cursor:not-allowed;opacity:.6}.staff-details-cancel-btn:disabled:hover,.staff-details-edit-btn:disabled:hover{transform:none!important}body{background-color:#f8fafc;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}button{background-color:initial;font-size:inherit}.fine-heads-dashboard{display:flex;flex-direction:column;min-height:100vh}.fine-heads-header{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;overflow:hidden;position:relative}.fine-heads-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:0}.fine-heads-container{margin:0 auto;max-width:1200px;padding:1rem 2rem;position:relative;z-index:1}.fine-heads-title{align-items:center;display:flex;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.fine-heads-title-icon{stroke-width:1.5;margin-right:.75rem}.fine-heads-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400;max-width:600px}.fine-heads-main{flex:1 1;margin:0 auto;padding:2rem;width:100%}.fine-heads-feedback{align-items:center;animation:slideDown .3s ease-out forwards;border-radius:8px;display:flex;margin-bottom:16px;padding:12px 16px}.fine-heads-feedback.success{background-color:#f0fdf4;border-left:4px solid #16a34a;color:#166534}.fine-heads-feedback.error{background-color:#fef2f2;border-left:4px solid #dc2626;color:#991b1b}.fine-heads-feedback-icon{height:20px;margin-right:12px;width:20px}.fine-heads-error{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#b91c1c;display:flex;margin-bottom:20px;padding:12px 16px}.fine-heads-error-icon{stroke-width:2;flex-shrink:0;height:20px;margin-right:12px;width:20px}.fine-heads-error-text{flex-grow:1;font-size:14px;font-weight:500;line-height:1.5;margin:0}.fine-heads-error-close{align-items:center;background:none;border:none;border-radius:4px;color:#b91c1c;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:background-color .2s}.fine-heads-error-close:hover{background-color:#b91c1c1a}.fine-heads-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.fine-heads-search{flex:1 1;max-width:400px;position:relative}.fine-heads-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease-in-out;width:100%}.fine-heads-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.fine-heads-search-icon{color:#9ca3af;height:1.25rem;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.fine-heads-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.fine-heads-view-toggles{border:1px solid #d1d5db;border-radius:.375rem;display:flex;overflow:hidden}.fine-heads-view-toggle{background-color:#fff;border:none;color:#4b5563;padding:.5rem;transition:all .2s ease-in-out}.fine-heads-view-toggle:first-child{border-right:1px solid #d1d5db}.fine-heads-view-toggle.active{background-color:#2563eb;color:#fff}.fine-heads-btn-icon{height:1.25rem;margin-right:.5rem;width:1.25rem}.fine-heads-arrow-icon{height:1rem;margin-left:.25rem;width:1rem}.fine-heads-filter-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#374151;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.fine-heads-filter-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.fine-heads-export-btn{align-items:center;background-color:#10b981;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.fine-heads-export-btn:hover{background-color:#059669}.fine-heads-add-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.fine-heads-add-btn:hover{background-color:#1d4ed8}.fine-heads-filters{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;margin-bottom:1.5rem;padding:1.5rem}.fine-heads-filters-container{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fine-heads-filter-group{display:flex;flex-direction:column}.fine-heads-filter-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.fine-heads-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:all .2s ease-in-out}.fine-heads-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.fine-heads-filter-actions{display:flex;justify-content:flex-end}.fine-heads-filter-reset-btn{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;display:flex;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.fine-heads-filter-reset-btn:hover{background-color:#e5e7eb}.fine-heads-reset-icon{height:1rem;margin-right:.25rem;width:1rem}.fine-heads-loading-container{align-items:center;background-color:#fffc;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;height:300px;justify-content:center;width:100%}.fine-heads-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem 0}.fine-heads-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:280px;overflow:hidden;transition:all .2s ease-in-out}.fine-heads-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.fine-heads-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1.25rem 1.25rem .75rem}.fine-heads-card-title-container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.fine-heads-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.fine-heads-status-badge{border-radius:4px;display:inline-block;flex-shrink:0;font-size:.625rem;font-weight:600;padding:.125em .5em;text-transform:capitalize}.fine-heads-status-badge.active{background:#dcfce7;color:#166534}.fine-heads-status-badge.inactive{background:#f3f4f6;color:#6b7280}.fine-heads-card-category{margin-top:.5rem}.fine-heads-category-tag{background:#2563eb1a;border-radius:4px;color:#2563eb;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.fine-heads-card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow:hidden;padding:1rem 1.25rem}.fine-heads-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.fine-heads-card-meta{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.fine-heads-meta-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.fine-heads-meta-icon{color:#2563eb;flex-shrink:0;height:1rem;width:1rem}.fine-heads-meta-label{color:#4b5563;flex-shrink:0;font-size:.75rem;font-weight:500}.fine-heads-meta-value{color:#111827;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fine-heads-card-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1.25rem}.fine-heads-card-actions{align-items:center;display:flex;gap:.5rem}.fine-heads-edit-btn{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease-in-out;width:32px}.fine-heads-edit-btn:hover{background:#1d4ed8}.fine-heads-status-switch{align-items:center;display:flex;gap:.25rem}.fine-heads-status-toggle{-webkit-appearance:none;appearance:none;background-color:#cbd5e1;border:none;border-radius:9px;cursor:pointer;height:18px;margin-bottom:0!important;outline:none;position:relative;transition:background .2s ease;width:32px}.fine-heads-status-toggle:checked{background-color:#10b981}.fine-heads-status-toggle:disabled{cursor:not-allowed;opacity:.5}.fine-heads-status-toggle:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:1px;position:absolute;top:1px;transition:transform .2s ease;width:16px}.fine-heads-status-toggle:checked:before{transform:translateX(14px)}.fine-heads-status-label{align-items:center;cursor:pointer;display:flex}.fine-heads-status-text{color:#4b5563;font-size:.625rem;font-weight:600;min-width:40px;text-align:center;text-transform:uppercase}.fine-heads-status-toggle:checked+.fine-heads-status-label .fine-heads-status-text{color:#10b981}.fine-heads-table-container{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;overflow:hidden}.fine-heads-table{border-collapse:collapse;width:100%}.fine-heads-table td,.fine-heads-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.fine-heads-table thead{background-color:#f9fafb}.fine-heads-table th{color:#374151;font-size:.875rem;font-weight:600}.fine-heads-table tbody tr{transition:all .2s ease-in-out}.fine-heads-table tbody tr:hover{background-color:#f9fafb}.fine-heads-table-title h4{color:#111827;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.fine-heads-table-title p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis}.fine-heads-table-actions{display:flex;gap:.5rem}.fine-heads-table-edit-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease-in-out;width:32px}.fine-heads-table-edit-btn:hover{background-color:#1d4ed8}.fine-heads-empty{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:3rem 1rem;text-align:center}.fine-heads-empty-icon{color:#9ca3af;height:4rem;margin:0 auto 1rem;width:4rem}.fine-heads-empty-icon svg{height:100%;width:100%}.fine-heads-empty-title{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.fine-heads-empty-description{color:#4b5563;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.fine-heads-empty-add-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;display:inline-flex;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.fine-heads-empty-add-btn:hover{background-color:#1d4ed8}.fine-heads-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.fine-heads-form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.fine-heads-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.fine-heads-form-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.fine-heads-form-close-btn{border-radius:.375rem;color:#6b7280;padding:.5rem;transition:all .2s ease-in-out}.fine-heads-form-close-btn:hover{background-color:#f3f4f6;color:#374151}.fine-heads-form{padding:1.5rem}.fine-heads-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.fine-heads-form-group{display:flex;flex-direction:column}.fine-heads-form-group.fine-heads-full-width{grid-column:1/-1}.fine-heads-form-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.fine-heads-form-input,.fine-heads-form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s ease-in-out;width:100%}.fine-heads-form-input:focus,.fine-heads-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.fine-heads-form-textarea{min-height:80px;resize:vertical}.fine-heads-checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.fine-heads-checkbox-container{align-items:center;cursor:pointer;display:flex}.fine-heads-checkbox{accent-color:#2563eb;height:1rem;margin-bottom:0!important;margin-right:.5rem;width:1rem}.fine-heads-checkbox-label{color:#374151;font-size:.875rem}.fine-heads-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.fine-heads-form-cancel-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.fine-heads-form-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.fine-heads-form-submit-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.fine-heads-form-submit-btn:hover{background-color:#1d4ed8}.fine-heads-footer{background-color:#1f2937;color:#d1d5db;margin-top:3rem;padding:2.5rem 0}.fine-heads-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.fine-heads-footer-info{flex:1 1}.fine-heads-copyright{font-size:.95rem;margin-bottom:.25rem}.fine-heads-footer-tagline{color:#9ca3af;font-size:.85rem}.fine-heads-footer-links ul{display:flex;gap:1.5rem;list-style:none}.fine-heads-footer-link{font-size:.9rem;transition:all .2s ease-in-out}.fine-heads-footer-link:hover{color:#fff}@media (max-width:768px){.fine-heads-title{font-size:1.75rem}.fine-heads-controls{align-items:stretch;flex-direction:column}.fine-heads-search{max-width:none}.fine-heads-actions{justify-content:space-between}.fine-heads-form-grid,.fine-heads-grid{grid-template-columns:1fr}.fine-heads-footer-content{flex-direction:column;text-align:center}.fine-heads-footer-links ul{justify-content:center}}@media (max-width:480px){.fine-heads-actions{align-items:stretch;flex-direction:column}.fine-heads-view-toggles{align-self:flex-start}.fine-heads-add-btn,.fine-heads-export-btn,.fine-heads-filter-btn{width:100%}.fine-heads-checkbox-group{flex-direction:column;gap:.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}button{border:none;cursor:pointer;font-family:inherit;outline:none}a,button{transition:all .2s ease-in-out}a{color:inherit;text-decoration:none}.fee-heads-dashboard{display:flex;flex-direction:column;min-height:100vh}.fee-heads-header{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;overflow:hidden;position:relative}.fee-heads-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:0}.fee-heads-container{margin:0 auto;max-width:1200px;padding:1rem 2rem;position:relative;z-index:1}.fee-heads-title{align-items:center;display:flex;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.fee-heads-title-icon{stroke-width:1.5;margin-right:.75rem}.fee-heads-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400;max-width:600px}.fee-heads-main{flex:1 1;margin:0 auto;padding:2rem;width:100%}.fee-heads-feedback{align-items:center;animation:slideDown .3s ease-out forwards;border-radius:8px;display:flex;margin-bottom:16px;padding:12px 16px}.fee-heads-feedback.success{background-color:#f0fdf4;border-left:4px solid #16a34a;color:#166534}.fee-heads-feedback.error{background-color:#fef2f2;border-left:4px solid #dc2626;color:#991b1b}.fee-heads-feedback-icon{height:20px;margin-right:12px;width:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fee-heads-error{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#b91c1c;display:flex;margin-bottom:20px;padding:12px 16px}.fee-heads-error-icon{stroke-width:2;flex-shrink:0;height:20px;margin-right:12px;width:20px}.fee-heads-error-text{flex-grow:1;font-size:14px;font-weight:500;line-height:1.5;margin:0}.fee-heads-error-close{align-items:center;background:none;border:none;border-radius:4px;color:#b91c1c;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:background-color .2s}.fee-heads-error-close:hover{background-color:#b91c1c1a}.fee-heads-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.fee-heads-search{flex:1 1;max-width:400px;position:relative}.fee-heads-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease-in-out;width:100%}.fee-heads-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.fee-heads-search-icon{color:#9ca3af;height:1.25rem;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.fee-heads-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.fee-heads-view-toggles{border:1px solid #d1d5db;border-radius:.375rem;display:flex;overflow:hidden}.fee-heads-view-toggle{background-color:#fff;border:none;color:#4b5563;padding:.5rem;transition:all .2s ease-in-out}.fee-heads-view-toggle:first-child{border-right:1px solid #d1d5db}.fee-heads-view-toggle.active{background-color:#2563eb;color:#fff}.fee-heads-btn-icon{height:1.25rem;margin-right:.5rem;width:1.25rem}.fee-heads-arrow-icon{height:1rem;margin-left:.25rem;width:1rem}.fee-heads-filter-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#374151;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.fee-heads-filter-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.fee-heads-export-btn{align-items:center;background-color:#10b981;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.fee-heads-export-btn:hover{background-color:#059669}.fee-heads-add-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.fee-heads-add-btn:hover{background-color:#1d4ed8}.fee-heads-filters{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;margin-bottom:1.5rem;padding:1.5rem}.fee-heads-filters-container{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fee-heads-filter-group{display:flex;flex-direction:column}.fee-heads-filter-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.fee-heads-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:all .2s ease-in-out}.fee-heads-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.fee-heads-filter-actions{display:flex;justify-content:flex-end}.fee-heads-filter-reset-btn{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;display:flex;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.fee-heads-filter-reset-btn:hover{background-color:#e5e7eb}.fee-heads-reset-icon{height:1rem;margin-right:.25rem;width:1rem}.fee-heads-loading-container{align-items:center;background-color:#fffc;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;height:300px;justify-content:center;width:100%}.fee-heads-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem 0}.fee-heads-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:280px;overflow:hidden;transition:all .2s ease-in-out}.fee-heads-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.fee-heads-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1.25rem 1.25rem .75rem}.fee-heads-card-title-container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.fee-heads-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.fee-heads-status-badge{border-radius:4px;display:inline-block;flex-shrink:0;font-size:.625rem;font-weight:600;padding:.125em .5em;text-transform:capitalize}.fee-heads-status-badge.active{background:#dcfce7;color:#166534}.fee-heads-status-badge.inactive{background:#f3f4f6;color:#6b7280}.fee-heads-card-category{margin-top:.5rem}.fee-heads-category-tag{background:#2563eb1a;border-radius:4px;color:#2563eb;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.fee-heads-card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow:hidden;padding:1rem 1.25rem}.fee-heads-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.fee-heads-card-meta{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.fee-heads-meta-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.fee-heads-meta-icon{color:#2563eb;flex-shrink:0;height:1rem;width:1rem}.fee-heads-meta-label{color:#4b5563;flex-shrink:0;font-size:.75rem;font-weight:500}.fee-heads-meta-value{color:#111827;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-heads-card-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1.25rem}.fee-heads-card-actions{align-items:center;display:flex;gap:.5rem}.fee-heads-edit-btn{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease-in-out;width:32px}.fee-heads-edit-btn:hover{background:#1d4ed8}.fee-heads-status-switch{align-items:center;display:flex;gap:.25rem}.fee-heads-status-toggle{-webkit-appearance:none;appearance:none;background-color:#cbd5e1;border:none;border-radius:9px;cursor:pointer;height:18px;margin-bottom:0!important;outline:none;position:relative;transition:background .2s ease;width:32px}.fee-heads-status-toggle:checked{background-color:#10b981}.fee-heads-status-toggle:disabled{cursor:not-allowed;opacity:.5}.fee-heads-status-toggle:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:1px;position:absolute;top:1px;transition:transform .2s ease;width:16px}.fee-heads-status-toggle:checked:before{transform:translateX(14px)}.fee-heads-status-label{align-items:center;cursor:pointer;display:flex}.fee-heads-status-text{color:#4b5563;font-size:.625rem;font-weight:600;min-width:40px;text-align:center;text-transform:uppercase}.fee-heads-status-toggle:checked+.fee-heads-status-label .fee-heads-status-text{color:#10b981}.fee-heads-table-container{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;overflow:hidden}.fee-heads-table{border-collapse:collapse;width:100%}.fee-heads-table td,.fee-heads-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.fee-heads-table thead{background-color:#f9fafb}.fee-heads-table th{color:#374151;font-size:.875rem;font-weight:600}.fee-heads-table tbody tr{transition:all .2s ease-in-out}.fee-heads-table tbody tr:hover{background-color:#f9fafb}.fee-heads-table-title h4{color:#111827;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.fee-heads-table-title p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis}.fee-heads-table-actions{display:flex;gap:.5rem}.fee-heads-table-edit-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease-in-out;width:32px}.fee-heads-table-edit-btn:hover{background-color:#1d4ed8}.fee-heads-empty{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:3rem 1rem;text-align:center}.fee-heads-empty-icon{color:#9ca3af;height:4rem;margin:0 auto 1rem;width:4rem}.fee-heads-empty-icon svg{height:100%;width:100%}.fee-heads-empty-title{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.fee-heads-empty-description{color:#4b5563;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.fee-heads-empty-add-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;display:inline-flex;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.fee-heads-empty-add-btn:hover{background-color:#1d4ed8}.fee-heads-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.fee-heads-form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.fee-heads-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.fee-heads-form-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.fee-heads-form-close-btn{border-radius:.375rem;color:#6b7280;padding:.5rem;transition:all .2s ease-in-out}.fee-heads-form-close-btn:hover{background-color:#f3f4f6;color:#374151}.fee-heads-form{padding:1.5rem}.fee-heads-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.fee-heads-form-group{display:flex;flex-direction:column}.fee-heads-form-group.fee-heads-full-width{grid-column:1/-1}.fee-heads-form-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.fee-heads-form-input,.fee-heads-form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s ease-in-out;width:100%}.fee-heads-form-input:focus,.fee-heads-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.fee-heads-form-textarea{min-height:80px;resize:vertical}.fee-heads-checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.fee-heads-checkbox-container{align-items:center;cursor:pointer;display:flex}.fee-heads-checkbox{accent-color:#2563eb;height:1rem;margin-bottom:0!important;margin-right:.5rem;width:1rem}.fee-heads-checkbox-label{color:#374151;font-size:.875rem}.fee-heads-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.fee-heads-form-cancel-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.fee-heads-form-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.fee-heads-form-submit-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.fee-heads-form-submit-btn:hover{background-color:#1d4ed8}.fee-heads-footer{background-color:#1f2937;color:#d1d5db;margin-top:3rem;padding:2.5rem 0}.fee-heads-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.fee-heads-footer-info{flex:1 1}.fee-heads-copyright{font-size:.95rem;margin-bottom:.25rem}.fee-heads-footer-tagline{color:#9ca3af;font-size:.85rem}.fee-heads-footer-links ul{display:flex;gap:1.5rem;list-style:none}.fee-heads-footer-link{font-size:.9rem;transition:all .2s ease-in-out}.fee-heads-footer-link:hover{color:#fff}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.fee-heads-title{font-size:1.75rem}.fee-heads-controls{align-items:stretch;flex-direction:column}.fee-heads-search{max-width:none}.fee-heads-actions{justify-content:space-between}.fee-heads-form-grid,.fee-heads-grid{grid-template-columns:1fr}.fee-heads-footer-content{flex-direction:column;text-align:center}.fee-heads-footer-links ul{justify-content:center}}@media (max-width:480px){.fee-heads-actions{align-items:stretch;flex-direction:column}.fee-heads-view-toggles{align-self:flex-start}.fee-heads-add-btn,.fee-heads-export-btn,.fee-heads-filter-btn{width:100%}.fee-heads-checkbox-group{flex-direction:column;gap:.5rem}}.course-assigning-container{background:#fff;padding:2rem}.course-assigning-title{color:#1f2937;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.course-assigning-subtitle{color:#6b7280;font-size:1rem;font-weight:400;margin-bottom:.5rem;text-align:center}.course-assigning-divider{border:0;border-top:1px solid #e5e7eb;margin:1rem 0 2rem}.course-assigning-form{display:flex;flex-direction:column;gap:1.25rem}.course-assigning-fields-grid{display:flex;flex-wrap:wrap;gap:1rem}.course-assigning-field{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;max-width:250px;min-width:200px}.course-assigning-row{display:flex;flex-direction:column;gap:.5rem}.course-assigning-row-full{max-width:100%;width:100%}.course-assigning-label{color:#374151;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.course-assigning-input,.course-assigning-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.95rem;outline:none;padding:.6rem .85rem;width:100%}.course-assigning-days-container{display:flex;flex-direction:column;gap:.75rem}.course-assigning-day-row{align-items:flex-end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.course-assigning-day-row .course-assigning-select{flex:0 0 auto;max-width:150px;min-width:120px}.course-assigning-time-group{display:flex;flex:0 0 auto;flex-direction:column;gap:.25rem}.course-assigning-time-label{color:#6b7280;font-size:.75rem;font-weight:500;margin:0}.course-assigning-day-row .course-assigning-input[type=time]{flex:0 0 auto;max-width:140px;min-width:120px}.course-assigning-remove-day-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;font-weight:700;line-height:1;padding:.25rem .5rem;transition:color .2s}.course-assigning-remove-day-btn:hover:not(:disabled){color:#dc2626}.course-assigning-remove-day-btn:disabled{cursor:not-allowed;opacity:.5}.course-assigning-add-day-btn{align-self:flex-start;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.course-assigning-add-day-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.course-assigning-add-day-btn:disabled{cursor:not-allowed;opacity:.5}.course-assigning-input:focus,.course-assigning-select:focus{border-color:#3b82f6;outline:none}.course-assigning-input:disabled,.course-assigning-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.course-assigning-submit{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem}.course-assigning-submit:hover:not(:disabled){background:#2563eb}.course-assigning-submit:disabled{background:#9ca3af;cursor:not-allowed}.course-assigning-message{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#1e40af;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-align:center}@media (max-width:768px){.course-assigning-day-row .course-assigning-input,.course-assigning-day-row .course-assigning-select,.course-assigning-field{max-width:100%;min-width:100%}}@media (max-width:600px){.course-assigning-container{padding:1rem}.course-assigning-title{font-size:1.5rem}.course-assigning-form{gap:1rem}.course-assigning-fields-grid{gap:.75rem}}.assigned-courses-container{background:#fff;min-height:100vh;overflow-x:hidden;padding:.75rem}.assigned-courses-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-align:center}.assigned-courses-subtitle{color:#6b7280;font-size:.75rem;font-weight:400;margin-bottom:.25rem;text-align:center}.assigned-courses-divider{border:0;border-top:1px solid #e5e7eb;margin:1rem 0 2rem}.assigned-courses-filteration{display:flex;gap:5px;width:100%}.assigned-courses-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 auto;padding:.75rem}.assigned-courses-filters{gap:.5rem;justify-content:center;margin-bottom:.5rem}.assigned-courses-filters>div{min-width:120px}.assigned-courses-label{font-weight:500;margin-bottom:.2rem}.assigned-courses-select{border:1px solid #d1d5db;color:#111827}.assigned-courses-select:focus{border-color:#3b82f6;outline:none}.assigned-courses-select:disabled{background:#f3f4f6}.assigned-courses-table-wrapper{overflow-x:auto}.assigned-courses-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;font-size:.75rem;margin-top:.5rem;overflow:hidden;width:100%}.assigned-courses-table td,.assigned-courses-table th{padding:.4rem .5rem;text-align:left}.assigned-courses-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.8rem;font-weight:600}.assigned-courses-table tr:nth-child(2n){background:#f9fafb}.assigned-courses-table tr:hover{background:#f3f4f6}.assigned-courses-filters-helper{color:#6b7280;font-size:.7rem;font-weight:400;margin-bottom:.5rem;text-align:center}.assigned-courses-action-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-right:.3rem;padding:.3rem .5rem}.assigned-courses-action-btn:disabled{background:#9ca3af;cursor:not-allowed}.assigned-courses-action-btn:hover:not(:disabled){background:#2563eb}.assigned-courses-message{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#1e40af;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.6rem .85rem;text-align:center}.assigned-courses-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assigned-courses-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:3vh 0;max-height:94vh;max-width:95vw;min-width:320px;overflow-y:auto;padding:1.25rem;width:50vw}.assigned-courses-modal-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.assigned-courses-modal-form{display:flex;flex-direction:column;gap:1rem}.assigned-courses-modal-row{display:flex;flex-direction:column;gap:.5rem}.assigned-courses-modal-row label{color:#374151;font-size:.875rem;font-weight:500}.assigned-courses-modal-row input,.assigned-courses-modal-row select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;margin-bottom:0;outline:none;padding:.5rem .75rem}.assigned-courses-modal-row input:focus,.assigned-courses-modal-row select:focus{border-color:#3b82f6;outline:none}.assigned-courses-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.assigned-courses-modal-message{color:#1e40af;font-size:.875rem;font-weight:500;margin-top:.75rem;text-align:center}.assigned-courses-status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.85rem;margin-bottom:0;margin-left:.4rem;outline:none;padding:.35rem .6rem}.assigned-courses-status-select:focus{border-color:#3b82f6;outline:none}.assigned-courses-status-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.assigned-courses-view-tabs{display:flex;gap:.5rem;justify-content:flex-end;margin:1rem 0}.assigned-courses-tab-btn{background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.assigned-courses-tab-active{background:#3b82f6;color:#fff}@media (max-width:900px){.assigned-courses-view-tabs{display:none!important}}.assigned-courses-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1rem}.assigned-courses-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;min-height:150px;padding:.75rem}.assigned-courses-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.assigned-courses-card-semester{color:#3b82f6;font-size:.8rem;font-weight:600}.assigned-courses-card-status{background:#f3f4f6;border-radius:6px;color:#374151;font-size:.7rem;font-weight:500;padding:.15rem .5rem;text-transform:capitalize}.assigned-courses-card-status-active{background:#d1fae5;color:#059669}.assigned-courses-card-status-inactive{background:#fef3c7;color:#b45309}.assigned-courses-card-status-completed{background:#dbeafe;color:#2563eb}.assigned-courses-card-status-cancelled{background:#fee2e2;color:#dc2626}.assigned-courses-card-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.assigned-courses-card-row{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.15rem}.assigned-courses-card-label{color:#6b7280;font-weight:500}.assigned-courses-card-value{color:#111827;font-weight:500}.assigned-courses-card-actions{align-items:center;display:flex;gap:.6rem;margin-top:.75rem}.assigned-courses-card-status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.8rem;margin-bottom:0;padding:.35rem .7rem}.assigned-courses-card-edit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .85rem}.assigned-courses-card-edit-btn:hover{background:#2563eb}@media (max-width:900px){.assigned-courses-grid{gap:1rem;grid-template-columns:1fr}.assigned-courses-card{min-width:0;padding:1rem}}.assigned-courses-search-bar-wrapper{display:flex;justify-content:flex-end;margin:1rem 0 .5rem}.assigned-courses-search-bar{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.8rem;max-width:350px;outline:none;padding:.4rem .7rem;width:100%}.assigned-courses-search-bar:focus{border-color:#3b82f6;outline:none}.assigned-courses-timetable-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assigned-courses-timetable-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:99vw;min-width:340px;padding:1.25rem;width:640px}.assigned-courses-timetable-modal-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.assigned-courses-timetable-modal-details{color:#374151;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem;margin-bottom:.75rem}.assigned-courses-timetable-modal-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;margin-bottom:1rem;overflow:hidden;width:100%}.assigned-courses-timetable-modal-table td,.assigned-courses-timetable-modal-table th{font-size:.85rem;padding:.5rem .75rem;text-align:left}.assigned-courses-timetable-modal-table th{background:#f9fafb;font-size:.875rem;font-weight:600}.assigned-courses-timetable-modal-table td,.assigned-courses-timetable-modal-table th{border-bottom:1px solid #e5e7eb;color:#374151}.assigned-courses-timetable-modal-table tr:last-child td{border-bottom:none}.assigned-courses-timetable-modal-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.assigned-courses-timetable-modal-close-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.4rem .85rem}.assigned-courses-timetable-modal-close-btn:hover{background:#2563eb}@media (max-width:600px){.assigned-courses-container{padding:1rem}.assigned-courses-title{font-size:1.5rem}.assigned-courses-filters{align-items:stretch;flex-direction:column;gap:.75rem}.assigned-courses-table td,.assigned-courses-table th{font-size:.9rem;padding:.5rem}.assigned-courses-timetable-modal{min-width:0;padding:1rem;width:95vw}.assigned-courses-timetable-modal-title{font-size:1.1rem}.assigned-courses-timetable-modal-table td,.assigned-courses-timetable-modal-table th{font-size:.9rem;padding:.5rem}}.assigned-courses-edit-timetable-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;margin-top:.5rem}.assigned-courses-edit-timetable-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;max-height:160px;overflow-y:auto;padding:.5rem}.assigned-courses-edit-timetable-row{align-items:center;display:flex;gap:.75rem;padding:.25rem 0}.assigned-courses-edit-timetable-day{color:#3b82f6;font-weight:500;min-width:90px}.assigned-courses-edit-timetable-slot{color:#374151;font-size:.95rem;min-width:120px}.assigned-courses-edit-timetable-remove{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.1rem;font-weight:700;margin-left:.5rem}.assigned-courses-edit-timetable-remove:hover{color:#b91c1c}.assigned-courses-edit-timetable-empty{color:#6b7280;font-style:italic;padding:.5rem .25rem}.assigned-courses-edit-timetable-add-row{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.assigned-courses-edit-timetable-add{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;width:40px}.assigned-courses-edit-timetable-add svg{display:block;height:20px;width:20px}.assigned-courses-edit-timetable-add:disabled{background:#9ca3af;cursor:not-allowed}.assigned-courses-edit-timetable-add:hover:not(:disabled){background:#059669}@media (max-width:600px){.assigned-courses-edit-timetable-list{max-height:100px;padding:.5rem}.assigned-courses-edit-timetable-day{font-size:.9rem;min-width:60px}.assigned-courses-edit-timetable-slot{font-size:.9rem;min-width:80px}.assigned-courses-edit-timetable-add-row{gap:.5rem}}.assigned-courses-materials-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.assigned-courses-materials-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.assigned-courses-materials-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;transition:background .2s ease;width:32px}.assigned-courses-materials-modal-close:hover{background:#e5e7eb;color:#374151}.assigned-courses-materials-modal-details{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;padding:1rem 1.5rem}.assigned-courses-materials-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.assigned-courses-materials-empty,.assigned-courses-materials-loading{color:#64748b;font-size:1rem;padding:3rem;text-align:center}.assigned-courses-materials-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.assigned-courses-material-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease}.assigned-courses-material-card:hover{box-shadow:0 4px 12px #0000001a}.assigned-courses-material-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.assigned-courses-material-file-type{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.assigned-courses-material-card-body{flex:1 1;padding:1rem}.assigned-courses-material-file-name{color:#1f2937;font-size:.9375rem;font-weight:600;margin:0 0 .5rem;word-break:break-word}.assigned-courses-material-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.assigned-courses-material-meta{margin-top:auto}.assigned-courses-material-date{color:#9ca3af;font-size:.75rem}.assigned-courses-material-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:.75rem 1rem}.assigned-courses-material-download-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem;transition:background .2s ease;width:100%}.assigned-courses-material-download-btn:hover{background:#2563eb}.assigned-courses-material-download-btn:active{background:#1d4ed8}@media (max-width:768px){.assigned-courses-materials-modal{max-height:90vh;width:95%}.assigned-courses-materials-grid{grid-template-columns:1fr}}.assigned-courses-filters{align-items:flex-start;background:#f8fafc;border:1px solid #e0e7ff;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.assigned-courses-filters>div{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:150px}.assigned-courses-label{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.15rem;text-transform:uppercase}.assigned-courses-select{background:#fff;border:1px solid #c7d2fe;border-radius:6px;box-shadow:0 1px 2px #6366f10d;color:#1f2937;font-size:.8rem;outline:none;padding:.4rem .6rem;transition:all .2s;width:100%}.assigned-courses-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.assigned-courses-select:disabled{background:#e5e7eb;border-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.assigned-courses-filters{flex-direction:column;gap:1rem}.assigned-courses-filters>div{min-width:0;min-width:auto;width:100%}}.schedule-container{padding:24px;width:100%}.schedule-header{margin-bottom:24px}.schedule-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.schedule-subtitle{color:#6b7280;font-size:14px;margin:0}.schedule-empty,.schedule-error,.schedule-loading{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px;text-align:center}.schedule-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.schedule-error p{color:#dc2626;font-size:16px;margin:0}.schedule-empty svg{color:#cbd5e1;margin-bottom:16px}.schedule-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.schedule-empty p{color:#6b7280;font-size:14px;margin:0}.schedule-courses{display:flex;flex-direction:column;gap:20px}.schedule-course-card{border-radius:12px;padding:24px}.course-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.course-title{font-size:20px}.course-code{font-size:14px}.cancel-btn,.edit-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.cancel-btn:hover{background:#e5e7eb}.edit-actions{display:flex;gap:12px}.save-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.save-message.success{background:#d1fae5;border:1px solid #86efac;color:#065f46}.save-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.course-schedule-content{gap:20px}.schedule-info-row{flex-wrap:wrap;gap:32px}.info-item{flex:1 1;gap:10px;min-width:200px}.info-label,.info-value{font-size:14px}.schedule-actions{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px}.view-toggle-btn,.view-toggle-group{display:flex;gap:8px}.view-toggle-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.view-toggle-btn:hover{border-color:#667eea;color:#667eea}.view-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.action-buttons-group{display:flex;flex-wrap:wrap;gap:12px}.edit-all-btn,.export-csv-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.edit-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-all-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.export-csv-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.export-csv-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.edit-actions-top{display:flex;gap:12px}.cancel-all-btn,.save-all-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.save-all-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-all-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.save-all-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-all-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.cancel-all-btn:hover{background:#e5e7eb}.save-message-top{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.save-message-top.success{background:#d1fae5;border:1px solid #86efac;color:#065f46}.save-message-top.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.schedule-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.schedule-table{border-collapse:collapse;min-width:1200px;width:100%}.schedule-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.schedule-table th{border-right:1px solid #fff3;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.schedule-table th:last-child{border-right:none}.schedule-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.schedule-table tbody tr:hover{background-color:#f9fafb}.schedule-table tbody tr:last-child{border-bottom:none}.schedule-table td{border-right:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:14px 12px;vertical-align:middle}.schedule-table td:last-child{border-right:none}.course-code-cell{color:#667eea;font-weight:600}.course-title-cell{font-weight:500;max-width:250px}.room-cell,.teacher-cell{min-width:150px}.day-cell{color:#64748b;font-size:12px;min-width:120px;text-align:center}.day-edit-cell{display:flex;justify-content:center}.edit-input-small,.edit-select-small,.time-input-small{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:13px;max-width:150px;padding:6px 10px;width:100%}.edit-input-small:focus,.edit-select-small:focus,.time-input-small:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.time-input-small{max-width:120px;text-align:center}.schedule-grid-container{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.schedule-course-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%;padding:16px;transition:all .2s ease}.schedule-course-card:hover{box-shadow:0 4px 12px #0000001a}.course-card-header{border-bottom:2px solid #f3f4f6;margin-bottom:12px;padding-bottom:12px}.course-info{flex:1 1}.course-title{color:#1f2937;font-size:16px;font-weight:700;line-height:1.3;margin:0 0 4px}.course-code{color:#6b7280;font-size:12px;margin:0}.course-schedule-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.schedule-info-row{display:flex;flex-direction:column;gap:10px}.info-item{align-items:center;display:flex;gap:8px}.info-item svg{color:#667eea;flex-shrink:0;height:16px;width:16px}.info-label{color:#374151;font-size:13px;font-weight:600;min-width:70px}.info-value{color:#1f2937;font-size:13px;font-weight:500}.edit-input,.edit-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;flex:1 1;font-size:14px;min-width:200px;padding:8px 12px}.edit-input:focus,.edit-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.timetable-section{margin-top:8px}.timetable-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.timetable-display{margin-top:8px}.days-grid{display:flex;flex-wrap:wrap;gap:12px}.day-badge{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;min-width:140px;padding:12px 16px}.day-name{color:#667eea;font-size:13px;font-weight:600;margin-bottom:4px}.day-time{color:#64748b;font-size:12px}.no-days-message,.no-schedule-message{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;color:#9ca3af;font-size:14px;padding:20px;text-align:center}.timetable-edit{display:flex;flex-direction:column;gap:12px}.day-edit-row{align-items:center;display:flex;gap:12px}.day-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;flex:1 1;font-size:14px;min-width:150px;padding:8px 12px}.day-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.time-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;flex:2 1;font-size:14px;padding:8px 12px}.time-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.remove-day-btn{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.remove-day-btn:hover{background:#fecaca;border-color:#f87171}.add-day-btn{align-self:flex-start;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.add-day-btn:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:1200px){.schedule-grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.schedule-container{padding:16px}.schedule-actions{align-items:stretch;flex-direction:column;gap:12px}.view-toggle-group{width:100%}.view-toggle-btn{flex:1 1;justify-content:center}.action-buttons-group{flex-direction:column;width:100%}.cancel-all-btn,.edit-all-btn,.export-csv-btn,.save-all-btn{justify-content:center;width:100%}.schedule-table-container{overflow-x:scroll}.schedule-grid-container{grid-template-columns:1fr}.course-card-header{flex-direction:column;gap:16px}.edit-actions{justify-content:flex-end;width:100%}.schedule-info-row{flex-direction:column;gap:16px}.day-edit-row{align-items:stretch;flex-direction:column}.day-select,.time-input{width:100%}}.main-dashboard-container{background:#f6f7f9;min-height:100vh;padding:32px 0}.main-dashboard-heading{color:#111827;font-size:2.2rem;font-weight:700;letter-spacing:.2px;margin-bottom:24px;padding:0 16px;text-align:left}.main-dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000f;margin:0 16px 32px;padding:20px}.main-dashboard-section-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:16px;position:relative}.main-dashboard-section-title:after{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:40px}.dashboard-tabs{background:#fff;display:flex;gap:8px;padding:0 4px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dashboard-tab{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;padding:10px 14px;position:relative;transition:all .2s ease}.dashboard-tab:hover{background:#eef2ff;border-color:#c7d2fe}.dashboard-tab.active{background:#111827;border-color:#111827;color:#fff}.dashboard-tab.active:after{background:#111827;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:16px}.dashboard-clear-filter{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px 10px}.dashboard-clear-filter:hover{border-color:#9ca3af;color:#374151}.dashboard-filter-row{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.dashboard-filter{display:flex;flex-direction:column;gap:6px}.dashboard-filter-label{color:#4b5563;font-size:.825rem}.dashboard-filter-select{-webkit-appearance:none;appearance:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;padding:8px 12px}.dashboard-activity-table-wrapper{overflow-x:auto;width:100%}.dashboard-activity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:320px 1fr}.dashboard-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.dashboard-activity-card-title{color:#111827;font-weight:600;margin-bottom:12px}.dashboard-activity-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.metric{align-items:center;display:flex;justify-content:space-between}.metric-label{font-size:.9rem}.metric-value{font-weight:700}.metric-value.success{color:#059669}.metric-value.danger{color:#dc2626}.dashboard-activity-actions{display:flex;gap:8px;margin-top:14px}.dashboard-activity-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;padding:8px 12px}.dashboard-activity-link:hover{background:#eef2ff;border-color:#c7d2fe}.dashboard-activity-card,.main-dashboard-chart-container,.overview-card{background:linear-gradient(180deg,#fff,#fcfcfc);border:1px solid #e5e7eb;border-radius:12px;padding:16px}.overview-widgets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.overview-card{border-radius:12px;padding:16px}.overview-card-title{color:#111827;font-weight:600;margin-bottom:12px}.top-cities-list{list-style:none;margin:0;padding:0}.top-cities-item{grid-gap:10px;align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;gap:10px;grid-template-columns:28px 1fr auto;padding:8px 0}.top-cities-item:last-child{border-bottom:none}.top-cities-item:hover .city-name{text-decoration:underline}.city-rank{align-items:center;background:#eef2ff;border-radius:999px;color:#3730a3;display:flex;font-size:.85rem;font-weight:700;height:24px;justify-content:center;width:24px}.city-name{color:#111827}.city-count{color:#6b7280;font-weight:600}.overview-card-actions{display:flex;gap:8px;margin-top:12px}.overview-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;padding:6px 10px}.overview-link:hover{background:#eef2ff;border-color:#c7d2fe}.inquiries-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:280px 1fr}.inquiries-officers{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.officer-list{list-style:none;margin:0;padding:0}.officer-item{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.officer-item:hover{background:#f9fafb}.officer-item.active{background:#eef2ff;border:1px solid #c7d2fe}.officer-name{color:#111827;font-weight:600}.officer-count{color:#6b7280;font-weight:600}.inquiries-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.inquiries-actions{display:flex;gap:8px;margin-bottom:10px}.overview-link.active{background:#111827;border-color:#111827;color:#fff}.dashboard-activity-table{border:1px solid #e5e7eb;border-collapse:collapse;width:100%}.dashboard-activity-table td,.dashboard-activity-table th{border-bottom:1px solid #f3f4f6;padding:10px 12px;text-align:left}.dashboard-activity-table thead th{background:#f9fafb;color:#374151;font-weight:600}.main-dashboard-stat-cards-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-bottom:20px}.main-dashboard-charts-row{display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-start}.main-dashboard-shortcuts-row{display:flex;flex-wrap:wrap;gap:22px}.inquiries-dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;margin-bottom:28px}.inquiries-stats-column{display:flex;flex-direction:column;gap:20px}.inquiries-chart-column,.stat-card-stat-group{width:100%}.inquiries-insights-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:28px}.inquiries-insight-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:20px}.insight-card-header{border-bottom:2px solid #f3f4f6;margin-bottom:16px;padding-bottom:12px}.insight-card-title{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}@media (max-width:900px){.main-dashboard-charts-row,.main-dashboard-shortcuts-row,.main-dashboard-stat-cards-row{flex-direction:column;gap:18px}.main-dashboard-section{padding:18px 6px}.dashboard-activity-grid,.inquiries-dashboard-grid,.inquiries-grid,.inquiries-insights-section,.overview-widgets-grid{grid-template-columns:1fr}}.inquiry-chart-container{background:linear-gradient(180deg,#fff,#fcfcfc);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;max-width:1200px;min-height:500px;padding:24px;width:100%}.chart-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.chart-title{color:#111827;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0;position:relative}.chart-title:after{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.chart-controls{align-items:flex-end;display:flex;flex-shrink:0;gap:12px}.chart-toggle-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.chart-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.chart-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.chart-toggle-btn.active:hover{background:#2563eb;border-color:#2563eb}.chart-filter{display:flex;flex-direction:column;gap:6px;min-width:140px}.chart-filter-label{color:#4b5563;font-size:.75rem;font-weight:500}.chart-filter-select{-webkit-appearance:none;appearance:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.chart-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.chart-clear-filter{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:4px;height:-webkit-fit-content;height:fit-content;padding:8px 10px;transition:all .2s ease}.chart-clear-filter:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.clear-icon{font-size:16px;font-weight:700}.chart-type-selector{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.chart-type-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.chart-type-btn:hover{background:#e5e7eb;color:#374151}.chart-type-btn.active{background:#111827;box-shadow:0 2px 4px #0000001a;color:#fff}.dashboard-btn-icon{font-size:14px}.chart-display-container{background:#fafbfc;border:1px solid #f1f3f4;border-radius:8px;flex:1 1;margin-bottom:20px;min-height:320px;width:100%}.chart-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;padding:16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.summary-item{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.summary-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#111827;font-size:1.125rem;font-weight:700}.summary-value.highlight{color:#10b981;font-size:1.25rem}@media (max-width:768px){.inquiry-chart-container{min-height:450px;padding:16px}.chart-header{gap:12px}.chart-controls,.chart-header{align-items:stretch;flex-direction:column}.chart-controls{gap:8px}.chart-filter{min-width:auto}.chart-title{font-size:1.125rem}.chart-type-selector{justify-content:center;width:100%}.chart-type-btn{flex:1 1;justify-content:center;padding:10px 8px}.btn-text{display:none}.chart-display-container{min-height:280px}.summary-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-item{gap:2px}.summary-value{font-size:1rem}.summary-value.highlight{font-size:1.125rem}}@media (max-width:480px){.inquiry-chart-container{min-height:400px;padding:12px}.chart-title{font-size:1rem}.chart-type-btn{font-size:.8rem;padding:8px 6px}.chart-display-container{min-height:250px}.summary-grid{gap:8px;grid-template-columns:1fr}.chart-summary{padding:12px}}@media (min-width:1200px){.inquiry-chart-container{min-height:600px;padding:32px}.chart-display-container{min-height:400px}.chart-title{font-size:1.375rem}.summary-grid{gap:24px}}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 10px 20px #0000000a;cursor:pointer;display:flex;flex:1 1 220px;flex-direction:column;min-width:220px;overflow:hidden;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#3b82f666;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;transform:translateY(-6px) scale(1.025)}.stat-card:hover:before{opacity:1}.stat-card:active{transform:translateY(-2px) scale(1.01)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 8px 20px #667eea4d;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.stat-card:hover .stat-card-icon{box-shadow:0 14px 36px #667eea73;transform:rotate(-8deg) scale(1.08)}.stat-trend{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:4px}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.stat-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#374151);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.stat-card-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.stat-progress{background:#f1f5f9;border-radius:2px;height:4px;margin-top:auto;overflow:hidden}.stat-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.stat-card.blue{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#3b82f633}.stat-card.blue .stat-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.stat-card.blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card.green{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-color:#10b98133}.stat-card.green .stat-card-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.stat-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.purple .stat-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf640}.stat-card.orange{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#f59e0b33}.stat-card.orange .stat-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b4d}.stat-card.orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.pink .stat-card-icon{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 8px 24px #ec489940}@media (max-width:768px){.stat-card{border-radius:14px;min-width:200px;padding:18px}.stat-card-value{font-size:1.75rem}.stat-card-icon{height:40px;width:40px}.stat-card-label{font-size:.8rem}}@media (prefers-color-scheme:dark){.stat-card{background:linear-gradient(145deg,#1f2937,#111827);border-color:#4b55634d;box-shadow:0 1px 3px #0000004d,0 10px 15px #0000001a}.stat-card:hover{border-color:#3b82f680;box-shadow:0 20px 40px #0000004d,0 4px 12px #0003}.stat-card-value{-webkit-text-fill-color:#0000;color:#2563eb}.stat-card-label{color:#9ca3af}.stat-progress{background:#374151}}.main-dashboard-chart{align-items:flex-start;background:linear-gradient(135deg,#f7f9fb 60%,#e0e7ff);background:#fff;border:2px solid #e0e7ff;border-radius:16px;border-radius:8px;box-shadow:0 4px 24px #2c3e501a;box-shadow:0 1px 2px #0000000f;display:flex;flex:1 1 320px;flex-direction:column;min-height:220px;min-width:260px;padding:16px;transition:box-shadow .2s,border .2s,transform .2s}.main-dashboard-chart:hover{border:2px solid #6c63ff;box-shadow:0 8px 32px #2c3e502e;transform:translateY(-4px) scale(1.03)}.main-dashboard-chart-title{border:1px solid #e5e7eb;color:#2d2e83;font-size:1.15rem;font-weight:700;letter-spacing:.2px;margin-bottom:18px}.main-dashboard-chart:hover{box-shadow:0 2px 6px #00000014}.main-dashboard-chart-title{color:#111827;font-size:.95rem;font-weight:600;margin-bottom:12px}.main-dashboard-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.main-dashboard-chart-meta{align-items:baseline;display:inline-flex;gap:8px}.metric-label{color:#6b7280;font-size:.85rem}.metric-value{color:#111827;font-size:1.25rem;font-weight:800}.main-dashboard-chart-placeholder{background:#e9ecef;background:#f3f4f6;border-radius:8px;border-radius:6px;color:#adb5bd;color:#6b7280;font-size:1.2rem;font-size:.95rem;font-weight:500;height:120px;letter-spacing:1px}.main-dashboard-chart-content,.main-dashboard-chart-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.main-dashboard-chart-content{height:180px;min-height:120px}.admission-officer-chart{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.officer-stats-table{margin-top:30px}.officer-stats-table h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:16px;text-align:center}.stats-table-container{border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto}.stats-table{border-collapse:collapse;font-size:.875rem;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.stats-table th{background-color:#f9fafb;color:#374151;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.stats-table td{color:#6b7280}.stats-table tr:hover{background-color:#f9fafb}.stats-table tr:last-child td{border-bottom:none}.chart-empty,.chart-error,.chart-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.retry-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}@media (max-width:768px){.stats-table{font-size:.75rem}.stats-table td,.stats-table th{padding:8px}.admission-officer-chart{padding:16px}}.main-dashboard-quick-shortcut{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000f;color:#111827;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:12px 16px}.main-dashboard-quick-shortcut:hover{box-shadow:0 2px 6px #00000014}.main-dashboard-shortcut-label{font-size:.95rem;font-weight:600}.role-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:24px;padding:24px}.role-dashboard-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.role-dashboard-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.role-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;padding:20px;text-align:center}.stat-number{color:#1e40af;font-size:2rem;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.role-dashboard-actions{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.initialize-roles-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.initialize-roles-btn:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.loading-spinner{align-items:center;color:#6b7280;display:flex;font-size:1rem;height:100px;justify-content:center}.no-stats{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.role-dashboard{padding:16px}.role-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:1.5rem}}@media (max-width:480px){.role-stats-grid{grid-template-columns:1fr}}.staff-salary-dashboard{background-color:#f8fafb;min-height:100vh;padding:1rem}.dashboard-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.dashboard-title-section{display:flex;flex-direction:column;gap:.5rem}.back-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none}.back-link:hover{color:#2563eb;text-decoration:underline}.dashboard-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.dashboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.dashboard-filters select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;min-width:120px;padding:.5rem .75rem}.dashboard-filters select:focus{border-color:#3b82f6;outline:none}.export-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.export-btn:hover{background:#2563eb}.dashboard-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1rem;text-align:center}.overview-card h3{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.overview-value{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.overview-value.paid{color:#059669}.overview-value.pending{color:#f59e0b}.overview-value.unpaid{color:#dc2626}.overview-value.allowance{color:#059669}.overview-value.deduction{color:#dc2626}.overview-value.bonus{color:#f59e0b}.overview-value.overtime{color:#3b82f6}.overview-value.performance{color:#8b5cf6}.dashboard-recent-salaries{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.dashboard-recent-salaries h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.recent-salaries-table{overflow-x:auto}.recent-salaries-table table{border-collapse:collapse;width:100%}.recent-salaries-table td,.recent-salaries-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;padding:.75rem;text-align:left}.recent-salaries-table th{background-color:#f9fafb;color:#374151;font-weight:600}.recent-salaries-table tr:hover{background-color:#f9fafb}.performance-bonus{margin-top:.25rem}.performance-bonus small{color:#64748b;font-size:.75rem}.no-data{color:#64748b;font-size:.875rem;font-style:italic;padding:2rem;text-align:center}.status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status.paid{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.cancelled{background:#fee2e2;color:#991b1b}.download-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem .75rem}.download-btn:hover{background-color:#2563eb}.dashboard-actions{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.dashboard-actions h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.staff-salary-dashboard .action-buttons{border:none!important;display:flex;flex-wrap:wrap;gap:.75rem;margin:0!important;padding:0!important}.staff-salary-dashboard .action-btn{align-items:center;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.staff-salary-dashboard .action-btn:hover{background:#2563eb}.dashboard-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.dashboard-breakdown h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.breakdown-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.breakdown-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:1rem}.breakdown-card h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem}.breakdown-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item span:first-child{color:#64748b;font-size:.875rem}.breakdown-item span:last-child{color:#1f2937;font-size:.875rem;font-weight:600}.dashboard-error,.dashboard-loading{color:#64748b;font-size:.875rem;padding:2rem;text-align:center}.dashboard-error{color:#dc2626}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-filters{flex-wrap:wrap;gap:.5rem}.dashboard-filters select{flex:1 1;min-width:100px}.dashboard-overview{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.breakdown-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-header,.staff-salary-dashboard{padding:.75rem}.dashboard-header h2{font-size:1.25rem}.overview-card{padding:.75rem}.overview-value{font-size:1.25rem}.recent-salaries-table td,.recent-salaries-table th{font-size:.75rem;padding:.5rem}}.announcements-dashboard-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;padding:2rem}.announcements-dashboard-page-header{margin-bottom:2rem}.announcements-dashboard-header-content{margin:0 auto}.announcements-dashboard-page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.announcements-dashboard-title-icon{color:#3b82f6;flex-shrink:0;height:1.75rem;width:1.75rem}.announcements-dashboard-page-subtitle{color:#4b5563;font-size:1rem;font-weight:400;margin:0}.announcements-dashboard-content-wrapper{display:flex;flex-direction:column;gap:2rem;margin:0 auto}.announcements-dashboard-announcement-form-section,.announcements-dashboard-announcements-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.announcements-dashboard-section-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.announcements-dashboard-section-title{align-items:center;color:#111827;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.announcements-dashboard-section-divider{background:linear-gradient(90deg,#0000,#e5e7eb 50%,#0000);flex:1 1;height:1px;margin-left:1rem}.announcements-dashboard-announcements-count{align-items:center;display:flex}.announcements-dashboard-count-badge{background:#dbeafe;border-radius:1rem;color:#1d4ed8;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.announcements-dashboard-announcement-form{padding:2rem}.announcements-dashboard-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.announcements-dashboard-form-group{display:flex;flex-direction:column;gap:.5rem}.announcements-dashboard-form-group.announcements-dashboard-full-width{grid-column:1/-1}.announcements-dashboard-form-group.announcements-dashboard-checkbox-group{justify-content:center}.announcements-dashboard-form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;letter-spacing:.025em;text-transform:uppercase}.announcements-dashboard-label-text{color:#374151}.announcements-dashboard-label-required{color:#dc2626;font-weight:700}.announcements-dashboard-form-input,.announcements-dashboard-form-select,.announcements-dashboard-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#111827;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease-in-out}.announcements-dashboard-form-input:focus,.announcements-dashboard-form-select:focus,.announcements-dashboard-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #bfdbfe;outline:none;transform:translateY(-1px)}.announcements-dashboard-form-textarea{line-height:1.6;min-height:120px;resize:vertical}.announcements-dashboard-form-input::placeholder,.announcements-dashboard-form-textarea::placeholder{color:#9ca3af}.announcements-dashboard-field-hint{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:.25rem}.announcements-dashboard-checkbox-label{align-items:center;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.5rem;transition:all .2s ease-in-out}.announcements-dashboard-checkbox-label:hover{background:#f3f4f6}.announcements-dashboard-checkbox-input{opacity:0;pointer-events:none;position:absolute}.announcements-dashboard-checkbox-custom{align-items:center;border:2px solid #e5e7eb;border-radius:.375rem;display:flex;height:1.25rem;justify-content:center;position:relative;transition:all .2s ease-in-out;width:1.25rem}.announcements-dashboard-checkbox-input:checked+.announcements-dashboard-checkbox-custom{background:#3b82f6;border-color:#3b82f6}.announcements-dashboard-checkbox-input:checked+.announcements-dashboard-checkbox-custom:after{color:#fff;content:"✓";font-size:.875rem;font-weight:700}.announcements-dashboard-checkbox-input:focus+.announcements-dashboard-checkbox-custom{box-shadow:0 0 0 3px #bfdbfe}.announcements-dashboard-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;padding-top:1rem}.announcements-dashboard-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.025em;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-transform:uppercase;transition:all .2s ease-in-out}.announcements-dashboard-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.announcements-dashboard-btn:active{transform:translateY(0)}.announcements-dashboard-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.announcements-dashboard-btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#4f46e5)}.announcements-dashboard-btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.announcements-dashboard-btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#4b5563}.announcements-dashboard-btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.announcements-dashboard-btn-spinner{animation:spin 1s linear infinite;height:1rem;width:1rem}.announcements-dashboard-announcements-list{max-height:70vh;overflow-y:auto;padding:0}.announcements-dashboard-announcements-list::-webkit-scrollbar{width:8px}.announcements-dashboard-announcements-list::-webkit-scrollbar-track{background:#e5e7eb}.announcements-dashboard-announcements-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.announcements-dashboard-announcements-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.announcements-dashboard-announcement-card{border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;position:relative;transition:all .2s ease-in-out}.announcements-dashboard-announcement-card:last-child{border-bottom:none}.announcements-dashboard-announcement-card:hover{background:#f3f4f6}.announcements-dashboard-announcement-card.announcements-dashboard-inactive{background:#f9fafb;opacity:.6}.announcements-dashboard-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.announcements-dashboard-card-title-section{flex:1 1}.announcements-dashboard-card-title{color:#111827;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.announcements-dashboard-card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.announcements-dashboard-audience-badge,.announcements-dashboard-status-badge{border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.announcements-dashboard-audience-badge.announcements-dashboard-students{background:#dbeafe;color:#1d4ed8}.announcements-dashboard-audience-badge.announcements-dashboard-staff{background:#fef3c7;color:#d97706}.announcements-dashboard-audience-badge.announcements-dashboard-both,.announcements-dashboard-status-badge.announcements-dashboard-active{background:#d1fae5;color:#065f46}.announcements-dashboard-status-badge.announcements-dashboard-inactive{background:#e5e7eb;color:#4b5563}.announcements-dashboard-card-content{margin-bottom:1rem}.announcements-dashboard-card-message{color:#374151;font-size:1rem;line-height:1.6;margin:0;white-space:pre-wrap}.announcements-dashboard-card-footer{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.announcements-dashboard-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.announcements-dashboard-meta-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:.5rem}.announcements-dashboard-meta-icon{stroke-width:2;flex-shrink:0;height:1rem;width:1rem}.announcements-dashboard-card-actions{display:flex;gap:.5rem}.announcements-dashboard-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:relative;transition:all .2s ease-in-out;width:2.5rem}.announcements-dashboard-action-btn svg{stroke-width:2;height:1.125rem;width:1.125rem}.announcements-dashboard-edit-btn{background:#dbeafe;color:#3b82f6}.announcements-dashboard-edit-btn:hover{background:#bfdbfe;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#3b82f6;transform:translateY(-2px)}.announcements-dashboard-delete-btn{background:#fee2e2;color:#991b1b}.announcements-dashboard-delete-btn:hover{background:#fecaca;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#991b1b;transform:translateY(-2px)}.announcements-dashboard-empty-state,.announcements-dashboard-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.announcements-dashboard-loading-state{color:#4b5563}.announcements-dashboard-loading-spinner{animation:spin 1s linear infinite;height:2rem;margin-bottom:1rem;width:2rem}.announcements-dashboard-empty-state{color:#6b7280}.announcements-dashboard-empty-icon{stroke-width:1.5;color:#9ca3af;height:4rem;margin-bottom:1rem;width:4rem}.announcements-dashboard-empty-state h3{color:#4b5563;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.announcements-dashboard-empty-state p{color:#6b7280;font-size:1rem;margin:0;max-width:400px}@media (max-width:1024px){.announcements-dashboard-container{padding:1.5rem}.announcements-dashboard-content-wrapper{gap:1.5rem}.announcements-dashboard-page-title{font-size:2rem}.announcements-dashboard-title-icon{height:2rem;width:2rem}}@media (max-width:768px){.announcements-dashboard-container{padding:1rem}.announcements-dashboard-page-header{margin-bottom:1.5rem}.announcements-dashboard-page-title{align-items:flex-start;flex-direction:column;font-size:1.75rem;gap:.5rem}.announcements-dashboard-section-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.announcements-dashboard-section-divider{display:none}.announcements-dashboard-announcement-form{padding:1.5rem}.announcements-dashboard-form-grid{gap:1rem;grid-template-columns:1fr}.announcements-dashboard-form-actions{flex-direction:column}.announcements-dashboard-btn{justify-content:center}.announcements-dashboard-announcement-card{padding:1rem 1.5rem}.announcements-dashboard-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.announcements-dashboard-card-actions{align-self:flex-end}.announcements-dashboard-card-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.announcements-dashboard-card-badges{gap:.375rem}}@media (max-width:480px){.announcements-dashboard-container{padding:.75rem}.announcements-dashboard-page-title{font-size:1.5rem}.announcements-dashboard-section-header{padding:.75rem 1rem}.announcements-dashboard-section-title{font-size:1.25rem}.announcements-dashboard-announcement-form{padding:1rem}.announcements-dashboard-announcement-card{padding:.75rem 1rem}.announcements-dashboard-card-title{font-size:1.125rem}.announcements-dashboard-action-btn{height:2.25rem;width:2.25rem}.announcements-dashboard-action-btn svg{height:1rem;width:1rem}}.announcements-dashboard-page-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#111827!important}.announcements-dashboard-title-icon{color:#3b82f6!important}.announcements-dashboard-section-title{color:#111827!important}.announcements-dashboard-label-text{color:#374151!important}.announcements-dashboard-label-required{color:#dc2626!important}.announcements-dashboard-checkbox-text{color:#374151!important}.announcements-dashboard-card-title{color:#111827!important}.announcements-dashboard-card-message{color:#374151!important}.announcements-dashboard-empty-state h3,.announcements-dashboard-meta-icon,.announcements-dashboard-meta-item{color:#4b5563!important}.announcements-dashboard-empty-state p{color:#6b7280!important}.announcements-dashboard-empty-icon{color:#9ca3af!important}.announcements-dashboard-loading-state,.announcements-dashboard-page-subtitle{color:#4b5563!important}.announcements-dashboard-field-hint{color:#6b7280!important}@media (prefers-color-scheme:dark){.announcements-dashboard-container{background:linear-gradient(135deg,#fff,#f9fafb)}.announcements-dashboard-announcement-form-section,.announcements-dashboard-announcements-list-section{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}.announcements-dashboard-section-header{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#e5e7eb}.announcements-dashboard-form-input,.announcements-dashboard-form-select,.announcements-dashboard-form-textarea{background:#fff;border-color:#e5e7eb;color:#111827}.announcements-dashboard-form-input:focus,.announcements-dashboard-form-select:focus,.announcements-dashboard-form-textarea:focus{background:#f9fafb;color:#111827}.announcements-dashboard-announcement-card:hover{background:#f3f4f6}.announcements-dashboard-btn-secondary{background:#fff;border-color:#e5e7eb;color:#4b5563}.announcements-dashboard-btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.announcements-dashboard-page-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#111827!important}.announcements-dashboard-card-title,.announcements-dashboard-section-title{color:#111827!important}.announcements-dashboard-checkbox-text,.announcements-dashboard-label-text{color:#374151!important}.announcements-dashboard-card-message,.announcements-dashboard-page-subtitle{color:#4b5563!important}.announcements-dashboard-meta-icon,.announcements-dashboard-meta-item{color:#6b7280!important}.announcements-dashboard-field-hint{color:#9ca3af!important}.announcements-dashboard-empty-state h3{color:#4b5563!important}.announcements-dashboard-empty-state p,.announcements-dashboard-loading-state{color:#6b7280!important}.announcements-dashboard-empty-icon{color:#9ca3af!important}}.announcements-dashboard-action-btn:focus,.announcements-dashboard-btn:focus,.announcements-dashboard-checkbox-label:focus-within,.announcements-dashboard-form-input:focus,.announcements-dashboard-form-select:focus,.announcements-dashboard-form-textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.announcements-create-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin-top:1.5rem;padding:12px 24px;transition:all .2s ease}.announcements-create-btn svg{height:20px;width:20px}.announcements-create-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 10px -1px #3b82f666;transform:translateY(-2px)}.announcements-create-btn:active{transform:translateY(0)}.announcements-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcements-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.announcements-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.announcements-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.announcements-modal-close{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.announcements-modal-close svg{height:24px;width:24px}.announcements-modal-close:hover{background:#f3f4f6;color:#111827}.announcements-modal-form{padding:24px}.announcements-modal-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.announcements-modal-form-group{display:flex;flex-direction:column;gap:8px}.announcements-modal-full-width{grid-column:1/-1}.announcements-modal-form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:4px}.announcements-modal-label-text{flex:1 1}.announcements-modal-label-required{color:#ef4444}.announcements-modal-form-input,.announcements-modal-form-select,.announcements-modal-form-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:all .2s}.announcements-modal-form-input:focus,.announcements-modal-form-select:focus,.announcements-modal-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.announcements-modal-form-textarea{min-height:100px;resize:vertical}.announcements-modal-field-hint{color:#6b7280;font-size:.75rem}.announcements-modal-checkbox-group{align-items:center;flex-direction:row}.announcements-modal-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px}.announcements-modal-checkbox-input{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.announcements-modal-checkbox-text{-webkit-user-select:none;user-select:none}.announcements-modal-form-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.announcements-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.announcements-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633;color:#fff}.announcements-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px #3b82f64d;transform:translateY(-1px)}.announcements-modal-btn-primary:disabled{cursor:not-allowed;opacity:.6}.announcements-modal-btn-secondary{background:#f3f4f6;color:#374151}.announcements-modal-btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.announcements-modal-content{max-height:95vh;max-width:100%}.announcements-modal-form-grid{grid-template-columns:1fr}.announcements-modal-header h2{font-size:1.25rem}.announcements-modal-form{padding:20px}}.announcements-list-wrapper{margin-top:2rem}.announcements-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.announcements-list-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.announcements-count-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 16px}.announcements-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.announcement-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:14px;padding:20px;transition:all .3s ease}.announcement-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.announcement-card.updating{opacity:.7;pointer-events:none;position:relative}.announcement-card-updating-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.announcement-card-updating-overlay span{color:#3b82f6;font-size:.875rem;font-weight:600}.updating-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.announcement-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.announcement-badges{display:flex;flex-wrap:wrap;gap:8px}.audience-badge{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.audience-badge.students{background:#dbeafe;color:#1e40af}.audience-badge.staff{background:#fef3c7;color:#92400e}.audience-badge.both{background:#e0e7ff;color:#4338ca}.status-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.announcement-actions{display:flex;gap:6px}.action-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.action-btn svg{height:16px;width:16px}.action-btn.edit-btn{color:#3b82f6}.action-btn.edit-btn:hover{background:#eff6ff;border-color:#3b82f6}.action-btn.delete-btn{color:#ef4444}.action-btn.delete-btn:hover{background:#fef2f2;border-color:#ef4444}.announcement-title{color:#111827;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0}.announcement-message{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0}.announcement-footer{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;padding-top:12px}.announcement-meta{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:6px}.announcement-meta.expires{color:#dc2626}.announcement-meta .meta-icon{height:14px;width:14px}@media (max-width:1200px){.announcements-cards-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.announcements-cards-grid{gap:1rem;grid-template-columns:1fr}.announcements-list-header{align-items:flex-start;flex-direction:column;gap:12px}.announcement-card{padding:16px}}@media print{.announcements-dashboard-container{background:#fff;padding:0}.announcements-create-btn,.announcements-dashboard-announcement-form-section,.announcements-dashboard-card-actions,.announcements-modal-overlay{display:none}.announcements-dashboard-announcement-card{break-inside:avoid;page-break-inside:avoid}.announcements-dashboard-page-title{-webkit-text-fill-color:initial;background:none;color:#000}}.student-quiz-container{margin:0 auto;padding:2rem}.student-quiz-title{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:2rem}.student-quiz-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.student-quiz-filters-row{display:flex;flex-wrap:wrap;gap:1rem}.student-quiz-search{flex:1 1;min-width:200px;position:relative}.student-quiz-search-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.student-quiz-search-icon{color:#6c757d;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.student-quiz-no-data{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:3rem;text-align:center}.student-quiz-no-data-icon{color:#6c757d;font-size:3rem;margin-bottom:1rem}.student-quiz-loading{padding:3rem;text-align:center}.student-quiz-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.quiz-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.quiz-card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.quiz-card-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.quiz-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.quiz-status.active{background:#28a745;color:#fff}.quiz-status.upcoming{background:#ffc107;color:#000}.quiz-status.completed{background:#6c757d;color:#fff}.quiz-card-body{padding:1.5rem}.quiz-card-body p{color:#6c757d;margin-bottom:1rem}.quiz-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quiz-detail-item{align-items:center;color:#495057;display:flex;gap:.5rem}.quiz-detail-item i{color:#007bff}.quiz-card-footer{border-top:1px solid #eee;padding:1.5rem;text-align:right}.quiz-action-btn{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.quiz-action-btn:hover{background:#0056b3}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.student-quiz-container{padding:1rem}.student-quiz-filters-row{flex-direction:column}.student-quiz-search{width:100%}.quiz-card{margin-bottom:1rem}}.university-exams-dashboard{background:#fff;margin:0 auto;min-height:100vh;padding:16px}.university-exams-title{font-size:1.5rem;margin:0 0 4px}.university-exams-subtitle{margin:0}.university-exams-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.university-exams-stat-card{color:inherit;text-decoration:none}.university-exams-section{margin-bottom:32px}.university-exams-section-title{font-size:.75rem;margin-bottom:16px}.university-exams-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.university-exams-action-card{background:#0000;border-bottom:1px solid #e5e7eb;color:inherit;padding:12px 0;text-decoration:none}.university-exams-action-icon{display:none}.university-exams-action-title{color:#111827;font-size:.9375rem;font-weight:500;margin:0 0 4px}.university-exams-action-description{color:#6b7280;font-size:.8125rem;line-height:1.4;margin:0}.university-exams-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.university-exams-view-all{color:#6b7280;font-size:.875rem;font-weight:400;text-decoration:none}.university-exams-recent-list{background:#0000;border:none}.university-exams-recent-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.university-exams-recent-item:last-child{border-bottom:none}.university-exams-recent-info{flex:1 1}.university-exams-recent-title{color:#111827;font-size:.9375rem;font-weight:500;margin:0 0 2px}.university-exams-recent-course{color:#6b7280;font-size:.8125rem;margin:0 0 2px}.university-exams-recent-date{color:#9ca3af;font-size:.75rem;margin:0}.university-exams-recent-status{color:#6b7280;font-size:.75rem;font-weight:400;padding:0}.university-exams-status-completed,.university-exams-status-upcoming{color:#6b7280}.university-exams-nav-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.university-exams-nav-item{background:#0000;border:none;border-bottom:1px solid #e5e7eb;color:#111827;padding:12px;text-align:left;text-decoration:none}.university-exams-nav-item svg{display:none}.university-exams-nav-item span{display:block;font-size:.875rem;font-weight:400}@media (max-width:768px){.university-exams-dashboard{padding:12px}.university-exams-title{font-size:1.25rem}.university-exams-actions-grid,.university-exams-nav-grid,.university-exams-stats-grid{grid-template-columns:1fr}.university-exams-recent-item{align-items:flex-start;flex-direction:column;gap:8px}}.university-exams-management{background:#fff;margin:0 auto;min-height:100vh;padding:16px}.university-exams-subtitle{color:#6b7280;font-size:.875rem;margin:4px 0 0}.university-exams-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.university-exams-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.university-exams-tab:hover{background:#f9fafb;color:#111827}.university-exams-tab-active{background:#0000;border-bottom-color:#111827;color:#111827}.university-exams-tab-active:hover{background:#0000}.university-exams-controls{margin-bottom:24px}.university-exams-search-icon{color:#9ca3af}.university-exams-search-input{border:1px solid #e5e7eb;border-radius:2px;font-size:.875rem;padding:8px 12px 8px 36px}.university-exams-search-input:focus{border-color:#111827}.university-exams-exam-title{color:#1e293b;font-weight:600}.university-exams-exam-type{border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 10px}.university-exams-type-mid-term{background-color:#dbeafe;color:#1e40af}.university-exams-type-final-term{background-color:#fef3c7;color:#92400e}.university-exams-type-quiz{background-color:#dcfce7;color:#166534}.university-exams-type-assignment{background-color:#f3e8ff;color:#7c3aed}.university-exams-type-project{background-color:#fef2f2;color:#dc2626}.university-exams-type-practical{background-color:#ecfdf5;color:#047857}.university-exams-type-viva{background-color:#fef7cd;color:#a16207}.university-exams-date,.university-exams-time{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.5rem}.university-exams-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.university-exams-status-active{background-color:#dcfce7;color:#166534}.university-exams-status-inactive{background-color:#fef2f2;color:#dc2626}.university-exams-delete-btn{background:#fff;color:#6b7280}.university-exams-delete-btn:hover{background:#f9fafb}.university-exams-pagination{gap:1rem;margin-top:2rem}.university-exams-page-btn{border-radius:6px;padding:.5rem 1rem;transition:all .3s ease}.university-exams-selector-container{background:#0000;border:none;display:flex;gap:16px;margin-bottom:24px;padding:0}.university-exams-selector-group{flex:1 1;min-width:200px}.university-exams-selector-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.university-exams-selector{background:#fff;border:1px solid #e5e7eb;border-radius:2px;color:#111827;font-size:.875rem;padding:8px 12px;width:100%}.university-exams-selector:focus{border-color:#111827;outline:none}.university-exams-selector:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.university-exams-course-code{color:#1f2937;font-family:Courier New,monospace;font-weight:600}.university-exams-course-title{color:#374151;font-weight:500;max-width:300px}.university-exams-course-type{color:#6b7280;font-size:.75rem;font-weight:400;padding:0}.university-exams-type-core{background:#dbeafe;color:#1e40af}.university-exams-type-elective{background:#fef3c7;color:#92400e}.university-exams-type-lab{background:#dcfce7;color:#166534}.university-exams-type-theory{background:#f3e8ff;color:#7c3aed}.university-exams-schedule-btn{background:#8b5cf6;color:#fff}.university-exams-schedule-btn:hover{background:#7c3aed}.university-exams-schedule-modal{max-height:90vh;max-width:1000px;overflow-y:auto}.university-exams-no-data{color:#6b7280;font-size:16px;padding:40px 20px;text-align:center}.university-exams-no-data p{margin:0}.university-exams-section-title{color:#111827;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}@media (max-width:1024px){.university-exams-table{font-size:.875rem}.university-exams-table td,.university-exams-table th{padding:10px 8px}}@media (max-width:768px){.university-exams-management{padding:16px}.university-exams-header{align-items:stretch;flex-direction:column;gap:12px}.university-exams-controls{flex-direction:column}.university-exams-filter,.university-exams-search{min-width:auto}.university-exams-table-container{overflow-x:auto}.university-exams-table{min-width:800px}.university-exams-form-row{grid-template-columns:1fr}.university-exams-actions{flex-direction:column;gap:4px}.university-exams-selector-container{flex-direction:column;gap:12px}.university-exams-selector-group{min-width:auto}.university-exams-schedule-modal{margin:10px;max-width:calc(100vw - 20px)}}.quiz-assignments-container{background:#fff;margin:0 auto;min-height:100vh;padding:24px}.quiz-assignments-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.quiz-assignments-title{color:#111827;font-size:1.875rem;font-weight:700;margin:0 0 8px}.quiz-assignments-subtitle{color:#6b7280;font-size:.875rem;margin:0}.quiz-assignments-selector-container{grid-gap:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.quiz-assignments-selector-group{display:flex;flex-direction:column;gap:8px}.quiz-assignments-selector-label{color:#374151;font-size:.875rem;font-weight:600}.quiz-assignments-selector{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.875rem;padding:10px 12px;transition:all .2s}.quiz-assignments-selector:hover:not(:disabled){border-color:#9ca3af}.quiz-assignments-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quiz-assignments-selector:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.quiz-assignments-empty-state{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:60px 20px;text-align:center}.quiz-assignments-empty-icon{color:#9ca3af;font-size:64px;margin-bottom:16px}.quiz-assignments-empty-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.quiz-assignments-empty-text{color:#6b7280;font-size:.875rem;margin:0 auto;max-width:600px}.quiz-assignments-content{margin-top:24px}.quiz-assignments-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.quiz-assignments-search-container{flex:1 1;min-width:250px;position:relative}.quiz-assignments-search-icon{color:#9ca3af;font-size:.875rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.quiz-assignments-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:10px 12px 10px 36px;transition:all .2s;width:100%}.quiz-assignments-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quiz-assignments-filters{align-items:center;display:flex;gap:16px}.quiz-assignments-filter-group{align-items:center;display:flex;gap:8px}.quiz-assignments-filter-icon{color:#6b7280;font-size:.875rem}.quiz-assignments-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.875rem;padding:10px 12px;transition:all .2s}.quiz-assignments-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quiz-assignments-view-toggle{border:1px solid #d1d5db;border-radius:6px;display:flex;gap:4px;padding:2px}.quiz-assignments-view-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.quiz-assignments-view-btn:hover{background:#f3f4f6;color:#111827}.quiz-assignments-view-btn-active{background:#3b82f6;color:#fff}.quiz-assignments-view-btn-active:hover{background:#2563eb}.quiz-assignments-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.quiz-assignments-spinner{animation:quiz-assignments-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@keyframes quiz-assignments-spin{to{transform:rotate(1turn)}}.quiz-assignments-no-data{color:#9ca3af;padding:60px 20px;text-align:center}.quiz-assignments-no-data-icon{font-size:48px;margin-bottom:16px}.quiz-assignments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.quiz-assignments-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:20px;transition:all .2s}.quiz-assignments-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quiz-assignments-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.quiz-assignments-card-title{color:#111827;flex:1 1;font-size:1.125rem;font-weight:600;margin:0}.quiz-assignments-card-type{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.quiz-assignments-card-type-quiz{background:#dbeafe;color:#1e40af}.quiz-assignments-card-type-assignment{background:#fef3c7;color:#92400e}.quiz-assignments-card-body{flex:1 1;margin-bottom:16px}.quiz-assignments-card-field{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:12px}.quiz-assignments-card-label{color:#6b7280;font-weight:500}.quiz-assignments-card-value{color:#111827;font-weight:600}.quiz-assignments-card-marks{color:#3730a3;font-size:1rem;font-weight:700}.quiz-assignments-card-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.quiz-assignments-card-status-active{background:#d1fae5;color:#065f46}.quiz-assignments-card-status-inactive{background:#fee2e2;color:#991b1b}.quiz-assignments-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;border-top:1px solid #e5e7eb;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-top:12px;overflow:hidden;padding-top:12px}.quiz-assignments-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding-top:16px}.quiz-assignments-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.quiz-assignments-action-btn-view{background:#3b82f6;color:#fff;flex:1 1;justify-content:center}.quiz-assignments-action-btn-view:hover{background:#2563eb}.quiz-assignments-list{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.quiz-assignments-table{background:#fff;border-collapse:collapse;width:100%}.quiz-assignments-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.quiz-assignments-table th{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.quiz-assignments-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.quiz-assignments-table tbody tr:hover{background:#f9fafb}.quiz-assignments-table tbody tr:last-child{border-bottom:none}.quiz-assignments-table td{color:#111827;font-size:.875rem;padding:12px 16px}.quiz-assignments-table-title{color:#111827;font-weight:600}.quiz-assignments-table-type{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.quiz-assignments-table-type-quiz{background:#dbeafe;color:#1e40af}.quiz-assignments-table-type-assignment{background:#fef3c7;color:#92400e}.quiz-assignments-table-marks{color:#3730a3;font-weight:600}.quiz-assignments-table-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.quiz-assignments-table-status-active{background:#d1fae5;color:#065f46}.quiz-assignments-table-status-inactive{background:#fee2e2;color:#991b1b}.quiz-assignments-back-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s}.quiz-assignments-back-btn:hover{background:#e5e7eb;border-color:#9ca3af}.quiz-assignments-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:20px}.quiz-assignments-info-header{margin-bottom:16px}.quiz-assignments-info-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.quiz-assignments-info-title{color:#111827;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.quiz-assignments-info-body{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quiz-assignments-info-item{display:flex;flex-direction:column;gap:4px}.quiz-assignments-info-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.quiz-assignments-info-value{color:#111827;font-size:.875rem;font-weight:600}.quiz-assignments-results-count{background:#f3f4f6;border-radius:6px;color:#374151;font-size:.875rem;font-weight:600;padding:10px 16px}.quiz-assignments-grade-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 10px}.quiz-assignments-status-passed{color:#10b981}.quiz-assignments-status-failed,.quiz-assignments-status-passed{align-items:center;display:inline-flex;font-size:.875rem;font-weight:600;gap:4px}.quiz-assignments-status-failed{color:#ef4444}.quiz-assignments-header-actions{align-items:center;display:flex;gap:12px}.quiz-assignments-edit-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.quiz-assignments-edit-btn:hover{background:#2563eb}.quiz-assignments-export-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.quiz-assignments-export-btn:hover{background:#059669}.quiz-assignments-edit-actions{align-items:center;display:flex;gap:12px}.quiz-assignments-save-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.quiz-assignments-save-btn:hover:not(:disabled){background:#059669}.quiz-assignments-save-btn:disabled{cursor:not-allowed;opacity:.6}.quiz-assignments-cancel-btn{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.quiz-assignments-cancel-btn:hover:not(:disabled){background:#4b5563}.quiz-assignments-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.quiz-assignments-marks-input{background:#fff;border:2px solid #3b82f6;border-radius:6px;color:#111827;font-size:.875rem;font-weight:600;padding:6px 10px;text-align:center;transition:all .2s;width:100px}.quiz-assignments-marks-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quiz-assignments-row-editing{background-color:#f0f9ff!important}.quiz-assignments-row-editing:hover{background-color:#e0f2fe!important}@media (max-width:768px){.quiz-assignments-container{padding:16px}.quiz-assignments-selector-container{grid-template-columns:1fr}.quiz-assignments-toolbar{align-items:stretch;flex-direction:column}.quiz-assignments-search-container{min-width:100%}.quiz-assignments-grid{grid-template-columns:1fr}.quiz-assignments-table{font-size:.75rem}.quiz-assignments-table td,.quiz-assignments-table th{padding:8px 12px}.quiz-assignments-info-body{grid-template-columns:1fr}.quiz-assignments-results-count{text-align:center;width:100%}}.university-exams-results{background:#fff;margin:0 auto;min-height:100vh;padding:16px}.university-exams-upload-btn{align-items:center;background:#111827;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:6px;padding:8px 16px}.university-exams-upload-btn:hover{background:#374151}.university-exams-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:20px}.university-exams-stat-card{background:#0000;border-bottom:1px solid #e5e7eb;padding:16px}.university-exams-stat-icon{display:none}.university-exams-stat-value{color:#111827;font-size:1.75rem;font-weight:500;margin:0 0 4px}.university-exams-stat-title{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.university-exams-filter{min-width:200px;position:relative}.university-exams-filter-icon{color:#64748b;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.university-exams-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.95rem;padding:10px 12px 10px 40px;width:100%}.university-exams-filter-select:focus{border-color:#111827;outline:none}.university-exams-table-container{background:#0000;border:none;margin-bottom:24px}.university-exams-table{border-collapse:collapse;width:100%}.university-exams-table th{background:#0000;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:12px 0;text-align:left;text-transform:uppercase}.university-exams-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:.875rem;padding:12px 0;vertical-align:middle}.university-exams-table tr:hover{background-color:initial}.university-exams-grade,.university-exams-marks,.university-exams-percentage,.university-exams-student-name{color:#111827;font-weight:500}.university-exams-grade{font-size:.75rem;padding:0}.university-exams-result-status{color:#6b7280;font-size:.75rem;font-weight:400;padding:0}.university-exams-status-absent,.university-exams-status-failed,.university-exams-status-passed{color:#6b7280}.university-exams-help-text{color:#6b7280;display:block;font-size:.875rem;margin-top:.25rem}.university-exams-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;width:100%}.university-exams-textarea:focus{border-color:#3b82f6;outline:none}.university-exams-disabled-input{border:1px solid #d1d5db;border-radius:6px;cursor:not-allowed;font-size:1rem;padding:.75rem;width:100%}.university-exams-form-group input[type=checkbox]{margin-right:.5rem;width:auto}.university-exams-form-group label{align-items:center;cursor:pointer;display:flex}.university-exams-actions{display:flex;gap:8px}.university-exams-action-btn{border:1px solid #e5e7eb;border-radius:2px;font-size:.75rem;padding:4px 8px}.university-exams-action-btn,.university-exams-view-btn{background:#fff;color:#6b7280}.university-exams-view-btn:hover{background:#f9fafb}.university-exams-edit-btn{background:#fff;color:#6b7280}.university-exams-edit-btn:hover{background:#f9fafb}.university-exams-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px}.university-exams-page-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.university-exams-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.university-exams-page-btn:disabled{cursor:not-allowed;opacity:.5}.university-exams-page-info{color:#374151;font-size:.875rem;font-weight:500}.university-exams-modal{max-width:600px}.university-exams-modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:600}.university-exams-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.university-exams-spinner{animation:university-exams-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes university-exams-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.university-exams-results{padding:16px}.university-exams-header{align-items:stretch;flex-direction:column;gap:12px}.university-exams-controls{flex-direction:column}.university-exams-filter,.university-exams-search{min-width:auto}.university-exams-table-container{overflow-x:auto}.university-exams-table{min-width:900px}.university-exams-form-row{grid-template-columns:1fr}.university-exams-actions{flex-direction:column;gap:4px}}@media (max-width:480px){.university-exams-title{font-size:1.25rem}.university-exams-modal{margin:10px;max-height:calc(100vh - 20px)}}.university-exams-schedule{background:#f9fafb;margin:0 auto;min-height:100vh;padding:24px}.university-exams-schedules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:20px}.university-exams-schedule-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.university-exams-schedule-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.university-exams-schedule-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.university-exams-schedule-title{color:#111827;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 1rem 0 0}.university-exams-schedule-actions{display:flex;gap:.5rem}.university-exams-schedule-details{flex:1 1;margin-bottom:16px}.university-exams-schedule-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:10px;margin-bottom:12px;padding:8px 0}.university-exams-schedule-item:last-child{margin-bottom:0}.university-exams-schedule-item svg{color:#6b7280;flex-shrink:0;width:18px}.university-exams-schedule-supervisors{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:16px;padding:12px}.university-exams-schedule-supervisors strong{color:#111827;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.university-exams-supervisors-list{display:flex;flex-wrap:wrap;gap:8px}.university-exams-supervisor{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;font-size:.8125rem;font-weight:500;padding:4px 10px}.university-exams-schedule-footer{border-top:1px solid #f3f4f6;display:flex;justify-content:center;margin-top:auto;padding-top:16px}.university-exams-view-details-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease;width:100%}.university-exams-view-details-btn:hover{background:#374151;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.university-exams-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.university-exams-title{color:#111827;font-size:1.25rem;font-weight:500;margin:0}.university-exams-create-btn{align-items:center;background:#111827;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:6px;padding:8px 16px}.university-exams-create-btn:hover{background:#374151}.university-exams-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.university-exams-search{flex:1 1;min-width:300px;position:relative}.university-exams-search-icon{color:#64748b;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.university-exams-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.95rem;padding:10px 12px 10px 40px;width:100%}.university-exams-search-input:focus{border-color:#3b82f6;outline:none}.university-exams-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.university-exams-modal{background:#fff;border:1px solid #e5e7eb;border-radius:2px;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.university-exams-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.university-exams-modal-header h2{color:#111827;font-size:1rem;font-weight:500;margin:0}.university-exams-modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s}.university-exams-modal-close:hover{color:#374151}.university-exams-form{padding:20px}.university-exams-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.university-exams-form-group{margin-bottom:16px}.university-exams-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.university-exams-form-group input,.university-exams-form-group select,.university-exams-form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:2px;color:#111827;font-size:.875rem;padding:8px 12px;width:100%}.university-exams-form-group input:focus,.university-exams-form-group select:focus,.university-exams-form-group textarea:focus{border-color:#111827;outline:none}.university-exams-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.university-exams-form-actions button{border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:background-color .2s}.university-exams-form-actions button:first-child{background:#fff;border:1px solid #d1d5db;color:#374151}.university-exams-form-actions button:first-child:hover{background:#f9fafb}.university-exams-submit-btn{background:#111827;border:none;color:#fff}.university-exams-submit-btn:hover{background:#374151}.university-exams-action-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:8px 12px;transition:all .2s ease}.university-exams-edit-btn{background-color:#fef3c7;color:#92400e}.university-exams-edit-btn:hover{background-color:#fde68a;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.university-exams-delete-btn{background-color:#fef2f2;color:#dc2626}.university-exams-delete-btn:hover{background-color:#fecaca;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.university-exams-disabled-input{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;color:#6b7280;display:flex;font-size:.875rem;min-height:38px;padding:8px 12px}.university-exams-form-section{background:#0000;border:none;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:0 0 16px}.university-exams-form-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}@media (max-width:768px){.university-exams-schedule{padding:16px}.university-exams-schedules-grid{grid-template-columns:1fr}.university-exams-schedule-header{flex-direction:column;gap:12px}.university-exams-schedule-actions{align-self:flex-end}.university-exams-header{align-items:stretch;flex-direction:column;gap:12px}.university-exams-controls{flex-direction:column}.university-exams-search{min-width:auto}.university-exams-form-row{grid-template-columns:1fr}}@media (max-width:480px){.university-exams-schedule-title{font-size:1rem}.university-exams-schedule-item{font-size:.85rem}.university-exams-title{font-size:1.25rem}.university-exams-modal{margin:10px;max-height:calc(100vh - 20px)}}.role-management-container{background:#fff;margin:0 auto;min-height:100vh;padding:2rem}.role-management-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.role-management-header h1{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.create-role-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.create-role-btn:hover{background:#1d4ed8}.roles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1.25rem}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.role-header h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.role-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.role-permissions-summary h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.permissions-grid{grid-gap:.5rem;display:grid;gap:.5rem}.permission-item{align-items:center;background:#f9fafb;border-radius:4px;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem}.page-name{color:#374151;font-weight:400}.permission-icons{align-items:center;display:flex;gap:.5rem}.permission-icons span{align-items:center;display:flex;font-size:.875rem}.permission-icons svg{height:.875rem;width:.875rem}.role-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.edit-role-btn{background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.edit-role-btn:hover{background:#047857}.delete-role-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.delete-role-btn:hover{background:#b91c1c}.system-role-note{color:#6b7280;font-size:.875rem}.role-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.role-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.role-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.role-modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.role-modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.role-modal-close-btn:hover{color:#111827}.role-modal-form{padding:1.5rem}.role-modal-form-group{margin-bottom:1.25rem}.role-modal-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.role-modal-form-group input,.role-modal-form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem;width:100%}.role-modal-form-group input:focus,.role-modal-form-group textarea:focus{border-color:#2563eb;outline:none}.role-modal-form-group textarea{min-height:80px;resize:vertical}.role-modal-permissions-section{margin-top:1.5rem}.role-modal-permissions-section h3{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.role-modal-permissions-table{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.role-modal-permissions-header{grid-gap:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:.75rem;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem}.role-modal-permissions-header span{text-align:center}.role-modal-permissions-header span:first-child{text-align:left}.role-modal-module-section{border-bottom:1px solid #e5e7eb}.role-modal-module-section:last-child{border-bottom:none}.role-modal-module-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.role-modal-module-header h4{color:#111827;font-size:.875rem;font-weight:600;margin:0}.role-modal-module-actions{display:flex;gap:.5rem}.role-modal-toggle-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.role-modal-toggle-btn.enable{background:#059669;border-color:#059669;color:#fff}.role-modal-toggle-btn.enable:hover{background:#047857}.role-modal-toggle-btn.disable{background:#dc2626;border-color:#dc2626;color:#fff}.role-modal-toggle-btn.disable:hover{background:#b91c1c}.role-modal-permission-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem}.role-modal-permission-row:last-child{border-bottom:none}.role-modal-page-name{color:#374151;font-size:.875rem;font-weight:400}.role-modal-permission-checkboxes{align-items:center;display:flex;gap:.5rem;justify-content:center}.role-modal-permission-checkboxes input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.role-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.role-modal-cancel-btn{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.role-modal-cancel-btn:hover{background:#4b5563}.role-modal-submit-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.role-modal-submit-btn:hover:not(:disabled){background:#1d4ed8}.role-modal-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.role-access-summary{background:#f3f4f6;border-radius:4px;margin:.75rem 0;padding:.5rem .75rem}.access-summary-text{color:#374151;font-size:.875rem;font-weight:400}.permissions-summary-stats{background:#f9fafb;border-radius:4px;display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem}.page-count,.permission-count{color:#6b7280;font-size:.875rem;font-weight:400}.no-permissions{border:1px solid #e5e7eb;margin:.5rem 0;padding:1rem}.more-permissions,.no-permissions{background:#f9fafb;border-radius:4px;color:#6b7280;text-align:center}.more-permissions{font-size:.875rem;margin-top:.5rem;padding:.5rem}@media (max-width:1024px){.role-modal-permission-row,.role-modal-permissions-header{gap:.75rem;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.role-modal-module-header{align-items:flex-start;flex-direction:column;gap:.75rem}.role-modal-module-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.role-management-container{padding:1rem}.role-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.roles-grid{grid-template-columns:1fr}.role-modal-content{margin:.5rem;max-height:95vh}.role-modal-permission-row,.role-modal-permissions-header{gap:.5rem;grid-template-columns:1fr}.role-modal-permissions-header{display:none}.role-modal-permission-row{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:.5rem;padding:.75rem}.role-modal-page-name{font-weight:600;margin-bottom:.5rem}.role-modal-permission-checkboxes{gap:1rem;justify-content:flex-start}.role-modal-actions{flex-direction:column}.role-modal-module-header{align-items:flex-start;flex-direction:column;gap:.75rem}.role-modal-module-actions{justify-content:flex-start;width:100%}.search-filter-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}}@media (max-width:480px){.role-card{padding:1rem}.role-header{gap:.5rem}.role-actions,.role-header{flex-direction:column}}.search-filter-section{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{align-items:center;color:#6b7280;display:flex;font-size:1rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem .75rem .5rem 2rem;width:100%}.search-box input:focus{border-color:#2563eb;outline:none}.search-box input::placeholder{color:#9ca3af}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:400;padding:.5rem 1rem;white-space:nowrap}.filter-btn:hover{background:#f9fafb}.filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.filter-btn.active:hover{background:#1d4ed8}.no-roles-found{background:#fff;border:1px solid #e5e7eb;border-radius:4px;grid-column:1/-1;margin:1rem 0;padding:3rem 2rem;text-align:center}.no-roles-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.no-roles-found h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .5rem}.no-roles-found p{color:#6b7280;font-size:.875rem;margin:0}.users-manag-container{margin:0 auto;padding:20px}.users-manag-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.users-manag-header h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.users-manag-create-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.users-manag-create-btn:hover{background-color:#2563eb}.users-manag-search-input{border:1px solid #d1d5db;border-radius:4px;font-size:.95rem;max-width:50vw;padding:8px 12px;width:300px}.users-manag-search-input:focus{border-color:#3b82f6;outline:none}.users-manag-view-toggle{background-color:#f3f4f6;border-radius:4px;display:inline-flex;gap:2px;padding:2px}.user-managment-cards-container{display:flex;flex-wrap:wrap;gap:16px}.users-manag-view-toggle button{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-weight:500;padding:6px 12px}.users-manag-view-toggle button.users-manag-active{background-color:#fff;color:#1f2937}.users-manag-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.users-manag-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex:0 1 auto;max-width:470px;min-width:380px;padding:20px;width:auto}.users-manag-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.users-manag-card-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.users-manag-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 10px}.users-manag-status.users-manag-active{background-color:#dcfce7;color:#166534}.users-manag-status.users-manag-inactive{background-color:#fee2e2;color:#991b1b}.users-manag-details{margin-bottom:16px}.users-manag-details p{color:#6b7280;font-size:.875rem;margin:6px 0}.users-manag-details strong{color:#374151;font-weight:500}.users-manag-actions{display:flex;gap:8px}.users-manag-delete-btn,.users-manag-edit-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.users-manag-edit-btn{background-color:#3b82f6;color:#fff}.users-manag-edit-btn:hover{background-color:#2563eb}.users-manag-delete-btn{background-color:#ef4444;color:#fff}.users-manag-delete-btn:hover{background-color:#dc2626}.users-manag-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.users-manag-modal-content{background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:650px;overflow-y:auto;padding:24px;width:100%}.users-manag-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.users-manag-modal-header h2{color:#252525;font-size:1.25rem;font-weight:600;margin:0}.users-manag-modal-close-btn{background:none;border:none;color:#222;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s}.users-manag-modal-form-group{margin-bottom:16px}.users-manag-modal-form-group label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.users-manag-modal-form-group input,.users-manag-modal-form-group select{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:10px;width:100%}.users-manag-modal-form-group input:focus,.users-manag-modal-form-group select:focus{border-color:#3b82f6;outline:none}.users-manag-modal-checkbox-group{align-items:center;display:flex;gap:8px}.users-manag-modal-checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.users-manag-modal-checkbox-group input[type=checkbox]{margin:0;width:auto}.users-manag-modal-form-group small{color:#6b7280;display:block;font-size:.875rem;margin-top:4px}.users-manag-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding-top:16px}.users-manag-modal-cancel-btn,.users-manag-modal-submit-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 20px;transition:background-color .2s}.users-manag-modal-cancel-btn{background-color:#f3f4f6;color:#374151}.users-manag-modal-cancel-btn:hover{background-color:#e5e7eb}.users-manag-modal-submit-btn{background-color:#3b82f6;color:#fff}.users-manag-modal-submit-btn:hover:not(:disabled){background-color:#2563eb}.users-manag-modal-submit-btn:disabled{cursor:not-allowed;opacity:.6}.users-manag-loading-spinner{align-items:center;color:#6b7280;display:flex;font-size:1rem;height:200px;justify-content:center}.users-manag-unauthorized-message{padding:40px 20px;text-align:center}.users-manag-unauthorized-message h2{color:#dc2626;font-size:1.25rem;margin-bottom:12px}.users-manag-unauthorized-message p{color:#6b7280;font-size:1rem}@media (max-width:768px){.users-manag-container{padding:16px}.users-manag-header{align-items:flex-start;flex-direction:column;gap:12px}.users-manag-search-input{width:100%}.users-manag-grid{gap:12px;grid-template-columns:1fr}.users-manag-modal-content{margin:10px;padding:20px}.users-manag-actions,.users-manag-modal-actions{flex-direction:column}}@media (max-width:480px){.users-manag-header h1{font-size:1.25rem}.users-manag-card,.users-manag-modal-content{padding:16px}}.course-type-management-container{margin:0 auto;max-width:1200px;padding:20px}.course-type-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.course-type-management-title{color:#1f2937;font-size:24px;font-weight:600;margin:0}.course-type-management-create-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.course-type-management-create-btn:hover:not(:disabled){background-color:#2563eb}.course-type-management-create-btn:disabled{cursor:not-allowed;opacity:.6}.course-type-management-filters{display:flex;gap:15px;margin-bottom:20px}.course-type-management-search{flex:1 1}.course-type-management-search-input{width:100%}.course-type-management-filter-select,.course-type-management-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 15px}.course-type-management-filter-select{background-color:#fff;cursor:pointer}.course-type-management-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.course-type-management-table{border-collapse:collapse;width:100%}.course-type-management-table thead{background-color:#f9fafb}.course-type-management-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.course-type-management-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:14px;padding:12px 16px}.course-type-management-table tbody tr:hover{background-color:#f9fafb}.course-type-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.course-type-status.active{background-color:#d1fae5;color:#065f46}.course-type-status.inactive{background-color:#fee2e2;color:#991b1b}.course-type-management-actions{display:flex;gap:8px}.course-type-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.course-type-action-btn.edit{background-color:#fbbf24;color:#fff}.course-type-action-btn.edit:hover:not(:disabled){background-color:#f59e0b}.course-type-action-btn.toggle{background-color:#10b981;color:#fff}.course-type-action-btn.toggle:hover:not(:disabled){background-color:#059669}.course-type-action-btn.delete{background-color:#ef4444;color:#fff}.course-type-action-btn.delete:hover:not(:disabled){background-color:#dc2626}.course-type-action-btn:disabled{cursor:not-allowed;opacity:.6}.course-type-management-empty,.course-type-management-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.course-type-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.course-type-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.course-type-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.course-type-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.course-type-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.course-type-modal-close:hover{background-color:#f3f4f6}.course-type-modal-form{padding:20px}.course-type-form-group{margin-bottom:20px}.course-type-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.course-type-form-group input[type=text],.course-type-form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.course-type-form-group input[type=text]:focus,.course-type-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.course-type-form-group textarea{min-height:80px;resize:vertical}.course-type-form-group input[type=checkbox]{margin-right:8px}.course-type-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.course-type-modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.course-type-modal-actions button[type=button]{background-color:#f3f4f6;color:#374151}.course-type-modal-actions button[type=button]:hover:not(:disabled){background-color:#e5e7eb}.course-type-modal-actions button[type=submit]{background-color:#3b82f6;color:#fff}.course-type-modal-actions button[type=submit]:hover:not(:disabled){background-color:#2563eb}.course-type-modal-actions button:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.ca67b38b.css.map*/