@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admission-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1000px;padding:40px;position:relative}.admission-form-container,.css-b62m3t-container,.form-group::placeholder{font-family:Times New Roman,Times,serif}.css-b62m3t-container{width:100%}.css-13cymwt-control,.css-t3ipsp-control{border:1px solid #888!important;border-radius:4px!important;box-shadow:none!important;font-family:Times New Roman,Times,serif!important;font-size:1rem!important;min-height:46px!important;padding:4px}.redirect-button{align-items:center;background-color:#38393b;border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 15px;position:absolute;right:20px;top:40px;transition:all .3s ease;z-index:1000}.redirect-button:hover{background-color:#4c4e50;transform:translateY(-2px)}.css-t3ipsp-control,.css-t3ipsp-control:hover{border-color:#007bff!important}.css-t3ipsp-control{box-shadow:0 0 0 2px #007bff40!important}.css-1jqq78o-placeholder{color:#757575!important}.css-1jqq78o-placeholder,.css-1nmdiq5-menu{font-family:Times New Roman,Times,serif!important}.css-1nmdiq5-menu{border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 2px 5px #0000001a!important;margin-top:4px!important}.css-d7l1ni-option{cursor:pointer!important;font-family:Times New Roman,Times,serif!important;padding:12px!important}.css-1qb82ab-option,.css-tr4s17-option{background-color:#f0f0f0!important;color:#333!important}.css-1xc3v61-indicatorContainer{color:#888!important}.form-field .css-b62m3t-container{flex:1 1;width:100%}.form-field:has(.css-b62m3t-container){align-items:center;display:flex;margin-bottom:1rem;padding:.5rem}.css-1nmdiq5-menu{background-color:#fff;z-index:100}.admission-form-container h1{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.admission-form-container h1,.admission-form-container h3{border-bottom:2px solid #f7f4f4;color:#333;padding-bottom:15px;text-align:center}.admission-form-container h3{margin-bottom:80px;margin-top:10px}.logo1{align-items:center;display:flex;height:50px;margin:0;position:relative;width:50px}.section-header{background-color:#f0f0f0;padding:1rem;transition:background-color .3s ease}.section-header:hover{background-color:#e8e8e8}.section-header h4{color:#333;font-size:1.2rem;margin:0}.section-content{background-color:#fff;padding:1.5rem}.form-field{display:flex;flex-direction:column-reverse;margin-bottom:1rem;padding:.5rem}.form-field label{font-size:.875rem;margin-top:4px;width:100%}.form-field label svg{color:#3b3d3f;margin-right:6px;vertical-align:middle}.input-group{flex:1 1;gap:8px}.input-group input,.input-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:Times New Roman,Times,serif;font-size:1rem;padding:12px;width:100%}.input-group input[name=otherBatch],.input-group input[name=otherDepartment],.input-group input[name=otherEducationLevel]{display:none;height:0;opacity:0;transition:all .3s ease;visibility:hidden}.input-group input[name=otherBatch].show,.input-group input[name=otherDepartment].show,.input-group input[name=otherEducationLevel].show{display:block;height:auto;opacity:1;visibility:visible}.form-field input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:Times New Roman,Times,serif;font-size:1rem;padding:.5rem}.form-field input,.form-field select{border:1px solid #888;border-radius:4px;box-sizing:border-box;font-family:Times New Roman,Times,serif;font-size:1rem;margin-top:4px;padding:12px;width:100%}.form-field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.mandatory{margin-left:2px}.logo1 img{height:50px;object-fit:contain;position:static;width:50px}.form-row{gap:1rem;margin-bottom:1rem}.form-row .form-field{flex:1 1;min-width:300px}.form-group{flex-basis:calc(33.33% - 30px);gap:10px}textarea{border:1px solid #ccc;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:14px;padding:12px;width:100%}.student-id-input{display:flex}.student-id-input .branch-prefix{background-color:#f0f0f0;cursor:not-allowed;width:40%}.readonly-input{background-color:#f3f3f3;border:1px solid #ccc;border-radius:8px;color:#555;cursor:not-allowed;padding:8px 12px}.student-id-input .student-number{width:60%}.form-group input,.form-group select{box-sizing:border-box;margin-top:4px;padding:12px}.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin:8px 0;padding:12px;width:100%}.form-group:has(textarea){flex-basis:calc(50% - 30px);flex-grow:1;flex-shrink:1;margin-bottom:30px}.form-actions{border-top:1px solid #eee;gap:1.5rem;padding-top:2rem}.mandatory{color:red;margin-left:3px}.cancel-btn,.submit-btn{border-radius:4px;font-weight:700;padding:12px 30px;transition:background-color .3s ease}.submit-btn{background-color:#474556}.submit-btn:hover{background-color:#312f44}.cancel-btn{background-color:#f7cd5c}.cancel-btn:hover{background-color:#efb102}.form-group input::-webkit-inner-spin-button,.form-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield}@media screen and (max-width:768px){.admission-form-container{padding:20px;width:95%}.form-row{flex-direction:column;gap:20px}.form-group{flex:1 1 100%;min-width:100%}.form-group:has(textarea){flex:1 1 100%}.form-actions{flex-direction:column;gap:15px}.form-field label{flex:0px 1}.cancel-btn,.submit-btn{margin:0;width:100%}}@media (max-width:480px){.admission-form-container{padding:20px;width:95%}.admission-form-container h1{font-size:22px;gap:10px}.admission-form-container h3{font-size:18px;margin-bottom:60px}.logo1 img{height:40px;width:40px}.form-row{flex-direction:column;gap:20px;margin-bottom:20px}.form-group{flex:1 1 100%;min-width:100%}.form-group:has(textarea){flex:1 1 100%}.form-field label{flex:0 0 140px;font-size:14px;padding-top:8px}.form-group input,.form-group select,.input-group input,.input-group select,textarea{font-size:.95rem;padding:10px}.form-actions{flex-direction:column;gap:12px}.cancel-btn,.submit-btn{padding:10px 0;width:100%}}@media (max-width:375px){.admission-form-container{padding:16px;width:98%}.admission-form-container h1{font-size:20px}.admission-form-container h3{font-size:16px;margin-bottom:50px}.logo1 img{height:36px;width:36px}.form-field label{flex:0 0 120px;font-size:13px;padding-top:6px}.form-group input,.form-group select,.input-group input,.input-group select,textarea{font-size:.9rem;padding:9px}.cancel-btn,.submit-btn{font-size:.95rem}}.toast{animation:toast-slide-in .3s ease-out;background:#fff!important;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:320px;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.toast-exit{animation:toast-slide-out .3s ease-in}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-content{gap:12px;padding:16px 20px}.toast-content,.toastad-icon{align-items:center;display:flex}.toastad-icon{border-radius:50%;color:#333;flex-shrink:0;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.toastad-message{word-wrap:break-word;color:#333;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;border-radius:4px;color:#333!important;display:flex;flex-shrink:0;font-weight:400;height:24px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:24px}.toast-close:hover{background:#f3f4f6!important;color:#6b7280}.toast-progress{background:#f3f4f6;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;width:100%}.toast-progress-bar{animation:toast-progress linear;height:100%;transform:translateX(-100%);width:100%}@keyframes toast-progress{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.toast-container{pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.toast-container .toast{pointer-events:auto}@media (max-width:480px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.toast-content{padding:14px 16px}.toast-message{font-size:13px}}@media (prefers-color-scheme:dark){.toast{background:#1f2937;border-color:#374151;box-shadow:0 4px 12px #0000004d}.toast-message{color:#e5e7eb}.toast-close{color:#9ca3af}.toast-close:hover{background:#374151;color:#d1d5db}.toast-progress{background:#374151}}.body{align-items:center;background:url(https://pumotechnovation.com/assets/banner/home_banner.webp) 50%/cover no-repeat fixed;display:flex;font-family:inherit;justify-content:center;min-height:100vh;padding:10px}.login-container{background:url(/static/media/bg-main.06237c08f5ff3b96041a.jpeg) 50%/cover no-repeat fixed;border-radius:10px;box-shadow:0 8px 15px #0000001a;color:#333;max-width:360px;padding:16px;text-align:center;width:100%}.logo img{margin-bottom:20px;max-width:80px}.login-container h2{color:#fff;font-size:22px;font-weight:700;margin-bottom:20px;text-shadow:2px 2px #312f44}.login-container h2 span{color:#efb102}.login-container input{border:none;border-radius:5px;color:#000;font-size:16px;margin:10px 0;padding:8px 36px 8px 8px;width:85%}.btn1,.login-container input{font-family:Georgia,Times New Roman,Times,serif}.btn1{padding:10px}.login-container input::placeholder{color:#333;opacity:1}.remember-forgot{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin:11px 0 11px 18px;width:100%}.remember-forgot label{align-items:center;color:#eee8e8;display:flex;white-space:nowrap}.remember-forgot input[type=checkbox]{margin-right:8px}.remember-forgot a{color:#eee8e8;margin-right:50px;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.error{color:#312f44;font-weight:700;margin-top:10px}.btn1{background:#312f44;border:none;border-radius:5px;color:#f2efe6;cursor:pointer;font-size:16px;padding:12px;width:90%}.toastlg-message{align-items:center;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-weight:700;justify-content:space-between;min-width:250px;padding:10px 20px;position:fixed;right:20px;top:20px}.success-toast{background-color:#4caf50}.error-toast{background-color:#f44336}.toast-close{background:none;border:none;color:#000;cursor:pointer;font-size:20px;margin-left:10px}.password-input-container{display:inline-block;margin:10px 0;position:relative;width:85%}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:10}.password-toggle-btn:hover{color:#333}.password-toggle-btn:focus{color:#333;outline:none}.password-toggle-btn svg{stroke-width:2;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));height:18px;width:18px}.password-input-container input[type=password],.password-input-container input[type=text]{border:none;border-radius:5px;box-sizing:border-box;color:#333;font-size:16px;margin:0!important;padding:10px 40px 10px 10px!important;width:100%!important}.password-input-container input::placeholder{color:#333;opacity:1}.password-toggle-btn svg{transition:all .2s ease}.password-toggle-btn:focus-visible{border-radius:4px;outline:2px solid #efb102;outline-offset:2px}@media (max-width:767px){.body{padding:20px}.login-container{width:100%}.toast-message{right:5%;width:90%}}@media (max-width:480px){.body{flex-direction:column;padding:15px}.login-container{border-radius:8px;padding:15px;width:100%}.login-container h2{font-size:24px}.btn1,.login-container input,.password-input-container{font-size:15px;width:100%}.btn1{padding:10px}.remember-forgot{align-items:flex-start;flex-direction:column;gap:8px;margin-left:0}.toast-message{font-size:14px;right:2.5%;width:95%}}@media (max-width:375px){.body{padding:10px}.login-container{padding:12px}.login-container h2{font-size:22px}.btn1,.login-container input{font-size:14px}.btn1{padding:9px}.toast-message{font-size:13px;padding:8px 15px}}.reset-password-container{align-items:center;background:#f4f4f9;display:flex;font-family:Times New Roman,Times,serif;justify-content:center;margin:0;min-height:100vh}.reset-password-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.reset-password-title{color:#333;font-size:24px;margin-bottom:1.5rem}.reset-password-form{display:flex;flex-direction:column}.reset-password-label{color:#555;font-size:14px;margin-bottom:8px;text-align:left}.reset-password-input{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:12px}.reset-password-button,.reset-password-input{font-family:Times New Roman,Times,serif;font-size:16px}.reset-password-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:background .3s}.reset-password-button:hover{background:#45a049}@media (max-width:480px){.reset-password-card{border-radius:14px;max-width:340px;padding:1.5rem}.reset-password-title{font-size:20px;margin-bottom:1.25rem}.reset-password-label{font-size:13px;margin-bottom:6px}.reset-password-input{font-size:15px;margin-bottom:16px;padding:10px}.reset-password-button{font-size:15px;padding:10px 18px}}@media (max-width:375px){.reset-password-card{border-radius:12px;max-width:300px;padding:1.25rem}.reset-password-title{font-size:18px;margin-bottom:1rem}.reset-password-label{font-size:12px;margin-bottom:5px}.reset-password-input{font-size:14px;margin-bottom:14px;padding:9px}.reset-password-button{font-size:14px;padding:9px 16px}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#4b6cb7,#182848);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:450px;overflow:hidden;padding:40px;transition:all .3s ease;width:100%}.forgot-password-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.logo-circle{align-items:center;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;box-shadow:0 5px 15px #ff98004d;display:flex;height:70px;justify-content:center;margin-bottom:20px;width:70px}.logo-icon{color:#fff;font-size:30px}.forgot-password-logo h2{color:#333;font-size:28px;font-weight:600;margin:0}.instruction-text{color:#666;line-height:1.6;margin-bottom:30px;text-align:center}.forgot-password-form,.form-group{margin-bottom:25px}.form-group label{align-items:center;display:flex}.form-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;padding:15px;transition:all .3s;width:100%}.form-group input:focus{background-color:#fff;border-color:#4b6cb7;box-shadow:0 0 0 2px #4b6cb733}.submit1-button{background:linear-gradient(135deg,#4b6cb7,#182848);border:none;border-radius:8px;box-shadow:0 4px 10px #1828484d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s;width:100%}.submit1-button:hover{background:linear-gradient(135deg,#3a5ead,#0b1529);box-shadow:0 6px 15px #18284866;transform:translateY(-2px)}.submit1-button:disabled{background:#b4b4b4;box-shadow:none;cursor:not-allowed;transform:none}.back-to-login{color:#666;font-size:14px;margin-top:20px;text-align:center}.back-to-login a{color:#4b6cb7;font-weight:600;text-decoration:none;transition:all .3s}.back-to-login a:hover{color:#182848;text-decoration:underline}.success-message{color:#333;text-align:center}.success-message h3{color:#4caf50;font-size:24px;margin-bottom:15px}.success-message p{line-height:1.6;margin-bottom:12px}.email-highlight{background-color:#f0f4ff;border-radius:5px;color:#4b6cb7;display:inline-block;font-weight:600;margin:5px 0;padding:5px 10px}.back-button{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;box-shadow:0 4px 10px #2e7d324d;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:20px;padding:12px 25px;transition:all .3s}.back-button:hover{background:linear-gradient(135deg,#43a047,#1b5e20);transform:translateY(-2px)}@media (max-width:500px){.forgot-password-card{padding:25px}.logo-circle{height:60px;width:60px}.logo-icon{font-size:25px}.forgot-password-logo h2{font-size:24px}.form-group input,.submit-button{padding:12px}}.direct-walkin-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.direct-walkin-container,.form-title{font-family:Times New Roman,Times,serif}.form-title{color:#efb102;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.walkin-form{display:flex;flex-direction:column;gap:1rem}.section-header{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:10px 15px}.section-header h2{color:#333;font-size:16px;font-weight:700;margin:0}.toggle-icon{color:#333;font-size:14px}.direct-walkin-container.form-section{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:15px}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.form-group{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;margin-bottom:10px;min-width:250px}.form-group.full-width{flex:1 1 100%}.form-section{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;margin-bottom:2rem}.form-field label{color:#111;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.mandatory,label span.mandatory{color:red;margin-left:2px}.direct-walkin-container input,.direct-walkin-container select,.direct-walkin-container textarea{border:1px solid #888;border-radius:4px;box-sizing:border-box;font-family:Times New Roman,Times,serif;font-size:1rem;margin-top:4px;padding:12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#666;outline:none}input.error,select.error{border-color:#e74c3c}.error-message{color:#e74c3c;display:block;margin-top:3px}.form-actions{margin-top:1rem}.btn{border:none;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.btn-primary{background-color:#474556}.btn-primary:hover{background-color:#312f44}.btn-primary:disabled{background-color:#999}.btn-secondary{background-color:#f7cd5c}.btn-secondary:hover{background-color:#efb102}.message{border-radius:4px;font-weight:500;margin-bottom:15px;padding:10px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}input[name=otherDepartment]{display:none}input[name=otherDepartment].show{display:block;margin-top:8px}@media (max-width:768px){.direct-walkin-container{padding:1rem}.form-actions{align-items:stretch}.form-actions,.form-field{flex-direction:column}.form-title{font-size:1.5rem}.btn{width:100%}}@media screen and (max-width:480px){.walkin-form{padding:15px}.form-field input,.form-field select,.form-field textarea{font-size:.95rem}.btn{width:100%}.form-title{font-size:1.25rem}.form-field label{flex:0px 1!important}.cancel3-btn{flex:0% 1!important;text-align:center}}.employee-form-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.employee-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:90%;z-index:1200!important}.form-header{align-items:center;border-bottom:1px solid #eee;display:flex;font-family:Times New Roman,Times,serif;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.form-header h2{color:#333;margin:0}.close-button{color:#333;font-size:24px}.form-group{font-family:Times New Roman,Times,serif;text-align:left}.form-group input,.form-group select,.form-group textarea{padding:10px}.dropdown-checkbox{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.dropdown-checkbox,.scrollable-dropdown::placeholder{font-family:Times New Roman,Times,serif}.dropdown-checkbox label{color:#333;font-size:14px;gap:6px;transition:background-color .2s ease}.hasaccess{margin-top:8px}.cb1{height:15px;width:10%!important}.switch-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.switch-item{align-items:center;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;gap:10px}.switch-wrapper{background-color:#ccc;display:inline-block;height:2px;margin-right:12px;position:relative;vertical-align:middle;width:40px}.switch-checkbox{height:0;opacity:0;width:0}.switch-slider{background-color:#555;border-radius:50%;height:14px;left:0;position:absolute;top:-6px;transition:.3s;width:14px}.switch-checkbox:checked+.switch-slider{background-color:#4caf50;transform:translateX(26px)}.switch1-wrapper{background-color:#ccc;display:inline-block;height:2px;margin-left:10px;position:relative;vertical-align:middle;width:40px}.dropdown-checkbox input[type=checkbox]{border:1.5px solid #555;border-radius:3px;cursor:pointer;height:12px;position:relative;width:12px}.dropdown-checkbox label:hover{background-color:#f5f5f5;border-radius:4px}.dropdown-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#333;border-radius:5px;bottom:100%;color:#fff;font-size:12px;left:0;opacity:0;padding:8px;position:absolute;text-align:left;transition:opacity .3s;visibility:hidden;width:280px;z-index:100}.tooltip-container:hover .tooltip{font-family:Times New Roman,Times,serif;opacity:1;visibility:visible}.form-group textarea{height:100px}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;padding:10px 20px;transition:background-color .2s}.submit-button{background-color:#474556;border:none;color:#fff}.submit-button:hover{background-color:#312f44}.cancel-button{color:#333}.cancel-button:hover{background-color:#e7e7e7}.dropdown-item.disabled{cursor:not-allowed;opacity:.6}.checkbox-dropdown1{position:relative;width:100%}.dropdown-header1{cursor:pointer;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.dropdown-content1,.dropdown-header1{background:#fff;border:1px solid #ccc;font-family:Times New Roman,Times,serif}.dropdown-content1{box-shadow:0 2px 5px #0000001a;left:0;max-height:200px;position:absolute;top:100%;width:100%;z-index:10}.dropdown-checkbox1{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:10px}.dropdown-content.scrollable-dropdown{font-family:Times New Roman,Times,serif;max-height:200px;overflow-x:hidden;overflow-y:auto;transition:max-height .2s ease-in-out}.dropdown-content.scrollable-dropdown::-webkit-scrollbar{width:6px}.dropdown-content.scrollable-dropdown::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.dropdown-content.scrollable-dropdown{scrollbar-color:#aaa #0000;scrollbar-width:thin}.dropdown-checkbox label{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;gap:8px;padding:5px}.dropdown-checkbox input[type=checkbox]{flex-shrink:0;height:16px;margin:0;width:100px}.dropdown-checkbox label span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb{width:auto!important}@media (max-width:480px){.employee-form-container{max-width:90%;padding:16px}.form-header h2{font-size:1.1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:9px}.cancel-button,.submit-button{font-size:.9rem;padding:9px 18px}.dropdown-header1{font-size:.9rem;padding:8px}.dropdown-content.scrollable-dropdown,.dropdown-content1{max-height:160px}.dropdown-checkbox label{font-size:.9rem}.cb1,.dropdown-checkbox input[type=checkbox]{height:12px;width:12px!important}.tooltip{font-size:11px;width:240px}}@media (max-width:375px){.employee-form-container{max-width:95%;padding:14px}.form-header h2{font-size:1rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:8px}.cancel-button,.submit-button{font-size:.85rem;padding:8px 16px}.dropdown-header1{font-size:.85rem;padding:7px}.dropdown-content.scrollable-dropdown,.dropdown-content1{max-height:140px}.dropdown-checkbox label{font-size:.85rem;gap:6px}.tooltip{font-size:10px;width:210px}}.avatar-container{box-shadow:2px 0 10px #0000001a;overflow:visible;width:260px}.avatar-container.collapsed{overflow:visible;width:70px;z-index:200}.avatar-profile-container{background:#fff;border-bottom:1px solid #e5e7eb;min-height:80px;padding:20px 16px;position:relative}.avatar-button{border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;height:40px;transition:all .2s ease;width:40px}.logo-image{height:100%;max-height:38px;max-width:38px;width:100%}.avatar-button:hover{transform:scale(1.05)}.avatar-emp-name{font-size:14px;margin-left:12px;opacity:1;transition:opacity .3s ease}.navsb-image{height:20px;margin-bottom:20px;width:20px}.avatar-container.collapsed .avatar-emp-name{opacity:0;pointer-events:none}.avatar-dropdown-trigger{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;position:absolute;right:-15px;top:100%;transform:translateY(-50%);transition:all .2s ease;width:30px}.avatar-dropdown-trigger:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0003}.avatar-dropdown{background:#0000;border:none;box-shadow:none;max-height:calc(100vh - 80px);overflow-x:visible;position:static;width:100%}.dropdown-email{border-bottom:1px solid #e5e7eb;font-size:15px;font-weight:600;padding:12px 16px;transition:all .3s ease}.avatar-container.collapsed .dropdown-email{border:none;height:0;opacity:0;overflow:hidden;padding:0}.nav-section{margin:8px 0}.nav-section-title{color:#312f44;letter-spacing:.5px;padding:8px 16px;transition:all .3s ease}.avatar-container.collapsed .nav-section-title{height:0;opacity:0;overflow:hidden;padding:0}.dropdown-item{box-sizing:border-box;font-size:14px;font-weight:400;justify-content:flex-start;min-height:40px;padding:10px 16px;position:relative;white-space:nowrap}.dropdown-item.active{background:#eff6ff}.navsb-icon{color:#111!important;display:inline-block;filter:brightness(0) saturate(100%);height:22px;margin-bottom:16px;vertical-align:middle;width:22px}.navsb-icon,.navsb-image{margin-right:12px;opacity:1;transition:all .2s ease}.navsb-image{filter:brightness(0) contrast(1.2);flex-shrink:0;height:24px;object-fit:contain;width:24px}.dropdown-item:hover .navsb-icon,.dropdown-item:hover .navsb-image{opacity:1}.nav-label{display:inline-block;font-family:Times New Roman,Times,serif;font-weight:600;line-height:20px;overflow:hidden;transform:translateY(-9px);transition:opacity .3s ease;vertical-align:middle}.avatar-container.collapsed .dropdown-item{overflow:visible;padding:12px;position:relative}.avatar-container.collapsed .navsb-icon,.avatar-container.collapsed .navsb-image{margin-right:0}@media (max-width:768px){.avatar-container{left:-280px;position:fixed;top:0;transition:left .3s ease;z-index:1001}.avatar-container.open{left:0}.avatar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1000}.avatar-container.collapsed .dropdown-item:before{left:75px}.avatar-container.collapsed .dropdown-item:after{left:85px}}.avatar-dropdown::-webkit-scrollbar-track{background:#0000}@media screen and (max-width:480px){.avatar-container{left:0;position:fixed;transition:left .3s ease;width:280px;z-index:1100}.avatar-container.open{left:0}.avatar-overlay{background-color:#00000080;display:block;inset:0;position:fixed;z-index:1099}.avatar-profile-container{min-height:60px;padding:16px}.avatar-button{font-size:14px;height:36px;width:36px}.avatar-emp-name{font-size:13px}.dropdown-item{font-size:13px;padding:10px 12px}.navsb-icon{height:18px;margin-right:10px;width:18px}.nav-label{font-size:13px;transform:translateY(-6px)}}@media screen and (max-width:375px){.avatar-profile-container{padding:12px}.avatar-button{font-size:12px;height:32px;width:32px}.avatar-emp-name{font-size:12px;margin-left:8px}.dropdown-item{font-size:12px;padding:8px 10px}.navsb-icon{height:16px;margin-right:8px;width:16px}.nav-label{font-size:12px;transform:translateY(-5px)}.nav-section-title{font-size:10px;padding:6px 12px}}.popup-overlay{z-index:99999}.popup-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;padding:25px 35px;text-align:center}.popup-box h3{color:#1e293b;margin-bottom:10px}.popup-box p{color:#334155;font-size:15px;margin-bottom:15px}.closes-btn{background-color:#1e293b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:500;padding:8px 16px}.closes-btn:hover{background-color:#334155}.profile-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:12000}.profile-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.profile-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.profile-modal-header h2{color:#f39c12;font-family:Times New Roman,Times,serif;font-size:22px;margin:0}.profile-close-btn{background:none;border:none;color:#777;cursor:pointer;font-size:24px}.profile-close-btn:hover{color:#333}.profile-details{padding:20px}.profile-loading{color:#777;padding:30px;text-align:center}.profile-success-message{background-color:#d4edda;color:#155724}.profile-error-message,.profile-success-message{border-radius:4px;font-family:Times New Roman,Times,serif;margin:20px;padding:20px;text-align:center}.profile-error-message{background-color:#ffebee;color:#d32f2f}.profile-section{margin-bottom:25px}.profile-section h3{border-bottom:1px solid #fff;color:#312f44;font-family:Times New Roman,Times,serif;margin-bottom:15px;padding-bottom:8px}.info-row{display:flex;margin-bottom:12px}.info-label{font-weight:500;width:40%}.info-label,.infos-value{color:#333;font-family:Times New Roman,Times,serif}.infos-value{width:60%}.section-header{border-bottom:1px solid #eaeaea;margin-bottom:15px}.edit-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#312f44;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:.9rem;padding:5px 12px;transition:all .3s}.edit-btn:hover{background-color:#e3e3e3;color:#312f44}.editable-section{border-radius:6px}.editable-content{background-color:#f9f9f9;border-radius:6px;padding:15px}.form-group{margin-bottom:15px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;transition:border-color .3s;width:100%}.form-group input,.form-group textarea{font-family:Times New Roman,Times,serif}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.profile-save-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 20px;transition:background-color .3s}.profile-save-btn:hover{background-color:#3d9140}.profile-save-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.password-section{background-color:initial;border-radius:0;margin-top:24px;padding:0}.password-section .section-header{align-items:center;border-bottom:1px solid #fff;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:8px}.password-section h3{font-size:1.2rem;margin-bottom:0}.change-password-btn,.password-section h3{color:#312f44;font-family:Times New Roman,Times,serif}.change-password-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:5px 12px;transition:all .3s}.change-password-btn:hover{background-color:#e3e3e3;color:#312f44}.password-section form{background-color:#f9f9f9;border-radius:6px;margin-top:0;padding:15px}.change-password-btn:hover,.edit-btn:hover{background-color:#e0e0e0}@media (max-width:480px){.profile-modal-content{max-width:440px;padding:18px;width:95%}.profile-modal-header{padding:14px 16px}.profile-modal-header h2{font-size:20px}.profile-details{padding:16px}.password-section h3,.profile-section h3{font-size:1.1rem}.info-row{flex-direction:column;margin-bottom:10px}.info-label,.infos-value{width:100%}.form-group input,.form-group textarea{font-size:.95rem;padding:9px}.change-password-btn,.edit-btn{font-size:.85rem;padding:5px 10px}.profile-save-btn{font-size:.95rem;padding:9px 16px}}@media (max-width:375px){.profile-modal-content{max-width:330px;padding:16px;width:100%}.profile-modal-header{padding:12px 14px}.profile-modal-header h2{font-size:18px}.profile-details{padding:14px}.password-section h3,.profile-section h3{font-size:1rem}.form-group input,.form-group textarea{font-size:.9rem;padding:8px}.change-password-btn,.edit-btn{font-size:.8rem;padding:4px 8px}.profile-save-btn{font-size:.9rem;padding:8px 14px}}.course-details-modal{align-items:center;background-color:#00000080;display:flex;font-family:Times New Roman,Times,serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.course-details-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:1000px;overflow-y:auto;padding:20px;width:90%}.form-header1{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.form-header1 h2{color:#333;font-size:24px;margin:0}.close-button1{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.close-button1:hover{color:#333}.search-container{margin-bottom:20px;width:100%}.search-input{border:1px solid #ddd;font-size:16px;padding:10px 15px 10px 40px;transition:border-color .3s}.search-input:focus{border-color:#06c;box-shadow:0 0 5px #06c3;outline:none}.search-icon{color:#888;left:15px;pointer-events:none;top:50%;transform:translateY(-50%)}.course-details-table{border-collapse:collapse;margin-bottom:20px;width:100%}.course-details-table td,.course-details-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.course-details-table th{background-color:#f5f5f5;color:#333;font-weight:700}.course-details-table tr:nth-child(2n){background-color:#f9f9f9}.course-details-table tr:hover{background-color:#f0f0f0}.no-courses{color:#666;font-style:italic;padding:20px;text-align:center}.edit-course-form{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.edit-course-form h3{color:#333;margin-bottom:15px;margin-top:0}.form-group1{margin-bottom:15px}.form-group1 label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-group1 input,.form-group1 select{border:1px solid #ddd;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:16px;padding:10px;width:100%}.form-group1 input:focus,.form-group1 select:focus{border-color:#06c;box-shadow:0 0 5px #06c3;outline:none}.form-buttons1{display:flex;gap:10px;margin-top:20px}.form-buttons1,.submit-button1{font-family:Times New Roman,Times,serif}.submit-button1{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.submit-button1:hover{background-color:#45a049}.cancel-button1{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;padding:10px 20px}.cancel-button1:hover{background-color:#e03030}.action-buttons1{display:flex;gap:8px}.delete-button1,.edit-button1{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;height:32px;justify-content:center;transition:background-color .2s;width:32px}.edit-button1{background-color:#2196f3;color:#fff}.edit-button1:hover{background-color:#0b7dda}.delete-button1{background-color:#f44336;color:#fff;font-weight:700}.delete-button1:hover{background-color:#d32f2f}.pagination1{gap:5px;margin-top:20px}.pagination1,.pagination1 button{display:flex;justify-content:center}.pagination1 button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;color:#333;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;height:35px;padding:0;width:35px}.pagination1 button.active{background-color:#f39c12;border-color:#f39c12;color:#fff}.pagination1 button:hover:not(.active):not(:disabled){background-color:#f5f5f5}.pagination1 button:disabled{cursor:not-allowed;opacity:.5}.pagination1 button.ellipsis{background:#0000;border:none}.pagination-arrow{font-weight:700}.error,.loading{padding:40px}.error{color:#f44336}@media (max-width:480px){.course-details-container{max-width:95%;padding:16px}.form-header1 h2{font-size:20px}.close-button1{font-size:22px}.search-input{font-size:14px;padding:9px 12px 9px 38px}.course-details-table td,.course-details-table th{font-size:14px;padding:10px 12px}.edit-course-form{padding:16px}.form-group1 label{font-size:.9rem}.form-group1 input,.form-group1 select{font-size:14px;padding:9px}.cancel-button1,.submit-button1{font-size:15px;padding:9px 18px}.delete-button1,.edit-button1{font-size:14px;height:30px;width:30px}.pagination1 button{font-size:13px;height:32px;width:32px}}@media (max-width:375px){.course-details-container{max-width:98%;padding:14px}.form-header1 h2{font-size:18px}.close-button1{font-size:20px}.search-input{font-size:13px;padding:8px 11px 8px 36px}.course-details-table td,.course-details-table th{font-size:13px;padding:8px 10px}.edit-course-form{padding:14px}.form-group1 label{font-size:.85rem}.form-group1 input,.form-group1 select{font-size:13px;padding:8px}.cancel-button1,.submit-button1{font-size:14px;padding:8px 16px}.delete-button1,.edit-button1{font-size:13px;height:28px;width:28px}.pagination1 button{font-size:12px;height:30px;width:30px}}.popup-overlay{animation:fadeIn .3s ease}.edit-popup{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.popup-header{background-color:#f8f9fa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;padding:16px 24px}.popup-header h2{color:#333;font-size:1.5rem}.close-button{color:#666;font-size:1.5rem}.close-button:hover{color:#dc3545}.edit-form{padding:24px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.form-group{margin-bottom:16px}.form-group label{color:#555;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-group textarea{min-height:80px}.error-message{background-color:#fee;color:#e53935;margin-bottom:16px;padding:12px}.success-message{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;margin-bottom:16px;padding:12px}.form-actions{margin-top:24px}.cancel-button{background-color:#f1f1f1;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px 16px;transition:background-color .2s}.cancel-button:hover{background-color:#e1e1e1}.save-button{background-color:#4a90e2;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 24px;transition:background-color .2s}.save-button:hover{background-color:#357abf}.save-button:disabled{background-color:#a0c4ea;cursor:not-allowed}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.edit-popup{max-height:85vh;width:95%}}@media (max-width:480px){.edit-popup{max-height:85vh;max-width:100%;width:95%}.popup-header{padding:14px 18px}.popup-header h2{font-size:1.3rem}.close-button{font-size:1.35rem}.edit-form{padding:20px}.form-grid{gap:16px;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:9px 11px}.cancel-button,.save-button{font-size:.95rem;padding:9px 20px}}@media (max-width:375px){.edit-popup{max-height:80vh;width:98%}.popup-header{padding:12px 16px}.popup-header h2{font-size:1.15rem}.close-button{font-size:1.2rem}.edit-form{padding:18px}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:8px 10px}.cancel-button,.save-button{font-size:.9rem;padding:8px 18px}}.dashboard{max-width:100%;overflow-x:hidden;padding-bottom:40px}.logo2{align-items:center;display:flex;margin-left:15px}.logo2 img{margin-right:10px}.logo2 h2{font-family:Times New Roman,Times,serif}.head{margin-top:30px}.dashboard-heading{margin:10;transform:translateX(-110px)}.dashboard-heading,.new-admission-btn{font-family:Times New Roman,Times,serif}.new-admission-btn{margin-right:10px}.search-bar{flex-grow:1;gap:40px;margin-bottom:20px}.search-bar-container h3{font-family:Times New Roman,Times,serif}.head.fil{gap:20px}.date-range-filter{margin-left:10px}.date-inputs{align-items:center;display:flex;gap:5px}.date-input,.date-inputs{font-family:Times New Roman,Times,serif}.date-input{border:1px solid #ccc;font-size:16px;padding:6px}.apply-date-filter,.clear-date-filter{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;margin-left:5px;padding:6px 12px}.apply-date-filter{background-color:#4caf50;color:#fff}.apply-date-filter:disabled{background-color:#ccc;cursor:not-allowed}.clear-date-filter{background-color:#f44336;color:#fff}.date-range-filter span{font-family:Times New Roman,Times,serif}.select-dropdown:focus{border-bottom-color:#431def}.searchsd-input{border:none;border-bottom:2px solid #333;box-sizing:border-box;flex-grow:1;font-family:Times New Roman,Times,serif;font-size:16px;height:40px;line-height:1.5;outline:none;padding:8px 0}.searchsd-input:focus{border-bottom:2px solid #0229ef}.table-container{margin-bottom:20px;max-height:60vh;width:100%}.records-table{background-color:#fff;border-collapse:collapse;width:100%}.records-table thead{background-color:#f7fafc;border-bottom:2px solid #ddd;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.records-table td{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-table td,.records-table th{font-family:Times New Roman,Times,serif;padding:12px;text-align:left}.records-table th{color:#333;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:10}.no-records{font-family:Times New Roman,Times,serif}.table-wrapper{max-height:60vh;overflow:auto;position:relative;width:100%}.table-wrapper:after{background-color:#ddd;content:"";height:1px;left:0;position:absolute;top:0;width:100%;z-index:11}.records-table tr:hover,.records-table tr:nth-child(2n){background-color:#fff}.pagination{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:20px;width:95%}.pagination-buttons{display:flex;gap:10px}.items-per-page1{background-color:initial;border:none;border-bottom:2px solid #ddd;font-family:Times New Roman,Times,serif;font-size:14px;margin-left:auto;margin-right:10px;outline:none;padding:5px 0}.items-per-page1:hover{border-bottom-color:#efb102;box-shadow:none}.items-per-page1:focus{border-color:#efb102;box-shadow:0 0 8px #ff8000b3}.pagination-btn{align-items:center;background-color:initial;border:1px solid #ccc;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;padding:0;transition:background-color .3s ease,color .3s ease;width:35px}.pagination-btn.active{background-color:#efb102;border-color:#efb102;color:#fff}.pagination-btn:hover{background-color:#ffb84d;border-color:#efb102;color:#fff}.items-per-page1 option{padding:5px}.download-btn,.download1-btn{margin-left:10px;margin-right:3px}.download1-btn{background-color:initial;border:none;color:#312f44;cursor:pointer;font-size:20px}.search-bar-container{margin-bottom:50px}.head h3{font-family:Times New Roman,Times,serif;margin-left:10px}.list{margin-left:auto;margin-right:3px}.list-columns-btn{align-items:center;display:flex;gap:10px}.pending-fees{background-color:#e3b427!important}.records-table tbody tr.paid-fees{background-color:#e6ffe6}.records-table tbody tr.due-today{background-color:#ffc}.records-table tbody tr.overdue-fees{background-color:#fcc}.column-selection-header{font-family:Times New Roman,Times,serif}.payment-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:9999}.payment-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:90%;overflow-y:auto;padding:0;position:relative;width:500px}.payment-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:15px 20px}.payment-modal-header h2{color:#333;font-family:Times New Roman,Times,serif;font-size:1.25rem;margin:0}.payment-modal-content{padding:20px}.payment-field-group{display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;margin-bottom:15px}.payment-field-group label{color:#555;font-family:Times New Roman,Times,serif;font-size:.9rem;font-weight:700;margin-bottom:5px}.payment-field-group input,.payment-field-group select{border:1px solid #ced4da;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:.9rem;padding:8px 12px}.payment-field-group textarea{width:94%!important}.readonly-field{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.editable-field{background-color:#fff}.editable-field:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.payment-summary{background-color:#f8f9fa;border-left:4px solid #28a745;border-radius:4px;margin-top:20px;padding:15px}.payment-summary h3{color:#28a745;font-family:Times New Roman,Times,serif;font-size:1rem;margin-top:0}.payment-summary p{display:flex;justify-content:space-between;margin:8px 0}.payment-modal-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.btn-submit{background-color:#474556;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:700;padding:8px 16px}.btn-submit:hover{background-color:#312f44}.btn-cancel{background-color:#6c757d;border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;padding:8px 16px}.btn-cancel:hover{background-color:#5a6268}.modal-close-btn{font-size:1.5rem}.column-list-container{font-family:Times New Roman,Times,serif}.inactive-row{background-color:#ffe5b4!important}.active-filters,.column-selection-header h3,.select-all-btn{font-family:Times New Roman,Times,serif}.active-filters{background-color:#f8f9fa;padding:8px 12px}.active-filters p{font-weight:500;margin:0 10px 0 0}.active-filters p,.filter-badge{color:#495057;font-family:Times New Roman,Times,serif}.filter-badge{background-color:#e9ecef;border-radius:30px;font-size:.85rem}.filter-remove{color:#6c757d;font-family:Times New Roman,Times,serif;font-size:1.2rem;padding:0 4px}.filter-remove:hover{color:#dc3545}.clear-all-filters{background-color:#6c757d;border:none;color:#fff;font-family:Times New Roman,Times,serif;font-size:.85rem}.clear-all-filters:hover{background-color:#5a6268;color:#fff}.fil{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.fil .select-dropdown{flex:0 0 auto;min-width:180px}.date-range-filter{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-button,.payments-due-btn,.todays-admission-btn{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:500;margin:0 5px;padding:8px 12px;transition:background-color .2s}.payments-due-btn{background-color:#17a2b8;color:#fff}.payments-due-btn:hover{background-color:#138496}.filter-button{background-color:#ec4c5c;color:#fff}.filter-button:hover{background-color:#dc1d1d}.todays-admission-btn{background-color:#28a745;color:#fff}.todays-admission-btn:hover{background-color:#218838}.btn-ok{background-color:#f7cd5c}.btn-cancel{background-color:#474556}.btn-ok:hover{background-color:#efb102}.btn-cancel:hover{background-color:#312f44}.cancel-btn1,.edit-btn,.save-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .3s ease}.cancel-btn1{color:#f44336}.cancel-btn1:hover{color:#d32f2f;transform:scale(1.1)}.invoice-table{border-collapse:collapse;margin-top:10px;width:100%}.invoice-table td,.invoice-table th{border:1px solid #ddd;font-family:Times New Roman,Times,serif;padding:8px;text-align:left}.invoice-table th{background-color:#f2f2f2;font-weight:700}.invoice-table tr:nth-child(2n){background-color:#f9f9f9}.invoice-table tr:hover{background-color:#f1f1f1}.download-invoice-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:12px;padding:5px 10px;transition:background-color .3s}.download-invoice-btn:hover{background-color:#45a049}.advanced-search-btn{background-color:#e3b427;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;margin-right:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.advanced-search-btn:hover{background-color:#efb102}.advanced-search-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.advanced-search-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-width:90%;width:700px}.advanced-search-header{background-color:#f8f9fa;border-bottom:1px solid #eee;border-top-left-radius:10px;border-top-right-radius:10px;padding:20px}.advanced-search-header h2{color:#333;font-family:Times New Roman,Times,serif}.advanced-search-content{flex-grow:1;padding:20px}.filter-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:20px}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-section h3{color:#efb102;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:700;margin:0 0 15px}.filter-row{align-items:end;display:flex;flex-wrap:wrap}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#555;font-weight:700;margin-bottom:5px}.advanced-select-dropdown{background-color:initial;border:none;border-bottom:2px solid #ddd;border-radius:0;font-family:Times New Roman,Times,serif;font-size:14px;min-width:180px;outline:none;padding:5px 0}.advanced-select-dropdown:focus{border-bottom-color:#efb102}.advanced-select-dropdown:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.advanced-date-input{background-color:initial;border:none;border-bottom:2px solid #ddd;border-radius:0;font-family:Times New Roman,Times,serif;font-size:14px;outline:none;padding:5px 0}.advanced-date-input:focus{border-bottom-color:#efb102;box-shadow:none}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{align-items:center;display:flex;gap:8px}.checkbox-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-item label{color:#333;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:400;margin:0}.checkbox-item input[type=checkbox]:checked+label{color:#efb102;font-weight:700}.advanced-search-actions{background-color:#f8f9fa;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-clear-advanced{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:700;padding:10px 20px;transition:background-color .2s}.btn-clear-advanced:hover{background-color:#5a6268}.btn-apply-advanced{background-color:#efb102;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:700;padding:10px 20px;transition:background-color .2s}.btn-apply-advanced:hover{background-color:#d49c02}.modal-close-btn{align-items:center;color:#6c757d;display:flex;font-size:1.8rem;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.modal-close-btn:hover{color:#343a40}@media screen and (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.new-admission-btn{margin-top:10px}.search-bar{flex-direction:column}.search-dropdown,.search-input{margin-bottom:10px;width:100%}.records-table{font-size:14px}.table-container{max-height:300px}}@media screen and (max-width:480px){.dashboard{padding:10px 10px 20px}.dashboard-header{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:15px}.logo2{justify-content:center;margin-left:0}.logo2 img{width:40px}.logo2 h2{display:none;font-size:18px}.dashboard-heading{font-size:20px;text-align:center;transform:none}.advanced-search-btn,.new-admission-btn{margin-bottom:10px;margin-right:0;padding:12px 15px;text-align:center;width:100%}.search-bar-container{margin-bottom:30px}.head.fil,.search-bar-container{flex-direction:column;gap:15px}.select-dropdown{min-width:auto}.searchsd-input,.select-dropdown{font-size:14px;padding:10px 8px;width:100%}.date-range-filter{align-items:stretch;margin-left:0}.date-inputs,.date-range-filter{flex-direction:column;gap:10px}.date-input{font-size:14px;padding:10px 8px;width:100%}.apply-date-filter,.clear-date-filter{margin-left:0;padding:10px 12px;width:100%}.list-columns-btn{gap:5px;justify-content:space-between}.download-btn,.download1-btn,.list{font-size:20px}.table-container{font-size:12px;max-height:50vh}.records-table td,.records-table th{font-size:12px;max-width:120px;padding:8px 4px!important}.pagination{align-items:center;flex-direction:column;gap:15px}.pagination-buttons{gap:5px}.pagination-btn{font-size:12px;height:30px;width:30px}.items-per-page1{margin:0;width:100px}.action-buttons{gap:4px}.cancel-btn1,.edit-btn,.save-btn{font-size:14px;padding:3px 6px}.column-selection-modal{max-height:90vh;padding:15px;width:95%}.column-grid{gap:8px;grid-template-columns:1fr}.advanced-search-modal,.payment-modal{max-height:90vh;width:95%}.filter-row{flex-direction:row;gap:15px}.filter-group{min-width:auto}.active-filters{padding:5px 8px}.filter-badge{font-size:.75rem;padding:2px 6px}.filter-button,.payments-due-btn,.todays-admission-btn{margin:5px 0;padding:10px 12px;width:100%}}@media screen and (max-width:375px){.dashboard{padding:5px 5px 15px}.dashboard-header{gap:10px;margin-bottom:10px}.logo2 img{width:35px}.logo2 h2{display:none;font-size:16px}.dashboard-heading{font-size:18px}.advanced-search-btn,.new-admission-btn{font-size:14px;padding:10px 12px}.search-bar-container{gap:10px;margin-bottom:20px}.head.fil{gap:10px}.date-input,.searchsd-input,.select-dropdown{font-size:13px;padding:8px 6px}.apply-date-filter,.clear-date-filter{font-size:13px;padding:8px 10px}.table-container{font-size:11px;max-height:45vh}.records-table td,.records-table th{font-size:11px;max-width:100px;padding:6px 2px}.pagination-btn{font-size:11px;height:28px;width:28px}.items-per-page1{font-size:12px;width:80px}.action-buttons{gap:2px}.cancel-btn1,.edit-btn,.save-btn{font-size:12px;padding:2px 4px}.advanced-search-modal,.column-selection-modal,.payment-modal{margin:1%;padding:10px;width:98%}.advanced-search-header h2,.column-selection-header h2,.payment-modal-header h2{font-size:16px}.payment-field-group input,.payment-field-group select{font-size:13px;padding:6px 8px}.advanced-date-input,.advanced-select-dropdown{font-size:12px;min-width:auto}.filter-section h3{font-size:14px}.btn-apply-advanced,.btn-cancel,.btn-clear-advanced,.btn-ok,.btn-submit{font-size:13px;padding:8px 12px}.download-btn,.download1-btn,.list{font-size:18px}.modal-close-btn{font-size:1.5rem;height:25px;width:25px}.filter-badge{font-size:.7rem;padding:1px 4px}.clear-all-filters{font-size:.7rem;padding:2px 6px}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background-color:#efb102;border-radius:4px}}.user-management-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header h1{color:#333;font-family:Times New Roman,Times,serif;font-size:24px;font-weight:600;margin:0}.button-group{gap:10px}.cancel3-btn{background-color:#efb102}.add-user-btn,.cancel3-btn{font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.add-user-btn{background-color:#474556;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif}.add-user-btn:hover{background-color:#312f44}.employee-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.employee-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;font-family:Times New Roman,Times,serif;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.employee-card:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-3px)}.employee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.employee-info{flex-grow:1;overflow:hidden}.employee-info h3{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.employee-info h3,.employee-title{font-family:Times New Roman,Times,serif}.employee-title{color:#666;font-size:14px;margin:0 0 8px}.employee-details{color:#888;font-family:Times New Roman,Times,serif;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-menu-container{position:absolute;right:10px;top:10px;z-index:5}.card-menu-dots{background:none;border:none;border-radius:3px;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0 5px}.card-menu-dots:hover{background-color:#f5f5f5}.card-menu{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:25px;z-index:10}.menu-item{background:none;border:none;cursor:pointer;display:block;font-family:Times New Roman,Times,serif;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f5f5f5}.menu-item.delete{color:#e74c3c}.menu-item.delete:hover{background-color:#fdeded}.modalve-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}.delete-confirmation-modal,.employee-details-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;font-family:Times New Roman,Times,serif;max-height:90vh;max-width:600px;overflow:hidden;overflow-y:auto;width:90%}.delete-confirmation-modal{max-width:400px}.modal-header{background-color:#fff;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#333;font-family:Times New Roman,Times,serif;font-size:20px;margin:0}.close-btn{color:#888}.modalve-content{padding:20px}.details-view{display:flex;flex-direction:column;gap:15px}.detail-label{color:#666;font-size:14px;margin-bottom:2px}.detail-value{color:#333;font-size:16px}.detail-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.edit-form{display:flex;flex-direction:column;gap:15px}.form-group{margin-bottom:12px}.form-group label{color:#666;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:16px;padding:8px 12px}.form-actions{gap:10px}.search-filter-container{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.search-filter-container,.search-form{align-items:center;display:flex;flex-direction:row;gap:15px}.search-form{flex:1 1;flex-wrap:wrap}.search-field{display:flex;flex:1 1;flex-direction:row;min-width:300px}.search-input{background-color:initial;border-bottom:2px solid #333;border-radius:0;box-sizing:border-box;flex:1 1;font-family:Times New Roman,Times,serif;height:40px;line-height:1.5;padding:5px 0}.search-input:focus{border-bottom-color:#4a90e2;box-shadow:none}.search-button{align-items:center;background-color:#4a90e2;border:none;border-radius:0 4px 4px 0;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;height:40px;justify-content:center;padding:10px 15px;transition:background-color .2s}.search-button:hover{background-color:#3a7bc8}.search-button:disabled{background-color:#a0b7d8;cursor:not-allowed}.filter-field{align-items:center;display:flex;font-family:Times New Roman,Times,serif;gap:10px}.branch-filter{align-items:center;border:1px solid #333;border-radius:4px;box-sizing:border-box;display:flex;height:40px;min-width:180px;outline:none;padding:10px}.branch-filter,.clear-filters-btn{cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px}.clear-filters-btn{background-color:#f83131;border:1px solid #e65959;border-radius:4px;color:#f1e9e9;padding:10px 15px;transition:background-color .2s}.clear-filters-btn:hover{background-color:#eb1717}.btn-cancel,.btn-confirm-delete,.btn-delete,.btn-edit,.btn-save{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-edit{background-color:#3498db}.btn-edit:hover{background-color:#2980b9}.btn-save{background-color:#2ecc71}.btn-save:hover{background-color:#27ae60}.btn-cancel{background-color:#f5f5f5;color:#333}.btn-cancel:hover{background-color:#e5e5e5}.btn-confirm-delete,.btn-delete{background-color:#e74c3c;color:#fff}.btn-confirm-delete:hover,.btn-delete:hover{background-color:#c0392b}.confirmation-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.error,.loading{color:#666;font-size:18px;margin-top:50px;text-align:center}.error{color:#e74c3c}.pagination1-controls{align-items:center;display:flex;justify-content:center;margin-top:20px}.pagination1-btn,.pagination1-controls{font-family:Times New Roman,Times,serif}.pagination1-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:8px 16px}.pagination1-btn:disabled{background-color:#ccc;cursor:not-allowed;font-family:Times New Roman,Times,serif}.pagination1-status{font-weight:700}.multi-select-dropdown{position:relative;width:100%}.dropdown-toggle{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;justify-content:space-between;min-height:38px;padding:8px 12px;text-align:left;width:100%}.dropdown-toggle:after{color:#666;content:"▼";font-size:12px;margin-left:5px}.no-results-container{color:#666;font-size:16px;padding:40px 20px;text-align:center}.no-employees-message,.no-results-container{font-family:Times New Roman,Times,serif}.dropdown-options{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:2px;max-height:200px;padding:5px 0;position:absolute;right:0;top:100%;z-index:999}.checkbox-option{align-items:center;cursor:pointer;display:flex;height:30px;padding:4px 8px;transition:background-color .2s}.checkbox-option:hover{background-color:#f5f5f5}.checkbox-option input[type=checkbox]{cursor:pointer;margin-right:6px;width:auto}.checkbox-option label{cursor:pointer;font-size:14px;margin:0}.dropdown-options::-webkit-scrollbar-track{border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.employee-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.delete-confirmation-modal,.employee-details-modal{width:95%}.dropdown-options{max-height:150px}}@media (max-width:480px){.user-management-container{padding:12px}.header{align-items:flex-start;flex-direction:column;gap:8px}.header h1{font-size:20px;margin-bottom:10px}.button-group{flex-wrap:wrap;gap:8px;width:100%}.add-user-btn,.cancel3-btn{flex:1 1 150px;text-align:center}.employee-grid{gap:16px;grid-template-columns:1fr}.employee-card{padding:16px}.employee-avatar{font-size:18px;height:46px;margin-right:12px;width:46px}.employee-info h3{font-size:15px}.search-filter-container,.search-form{align-items:stretch;flex-direction:column;gap:10px}.search-field{min-width:100%}.branch-filter,.search-input{font-size:13px;height:38px}.clear-filters-btn,.search-button{width:30%}.dropdown-toggle{font-size:13px;min-height:36px}.dropdown-options{max-height:140px}.checkbox-option{height:28px;padding:5px 10px}.delete-confirmation-modal,.employee-details-modal{width:95%}.students-table td,.students-table th{font-size:12.5px;padding:10px 12px}.pagination1-controls{flex-wrap:wrap;gap:8px}.pagination1-btn{font-size:12px;margin:0 6px;padding:6px 12px}}@media (max-width:375px){.user-management-container{padding:10px}.header h1{font-size:18px}.button-group{flex-direction:column;gap:6px;width:100%}.add-user-btn,.cancel3-btn{width:100%}.employee-card{align-items:flex-start;flex-direction:column;padding:14px}.employee-avatar{margin-bottom:10px;margin-right:0}.branch-filter,.search-input{font-size:12px;height:34px}.clear-filters-btn,.search-button{font-size:12px;padding:8px 12px}.dropdown-toggle{font-size:12px}.dropdown-options{max-height:130px}.students-table td,.students-table th{font-size:11px;padding:8px 10px}.pagination1-btn{font-size:11px;padding:5px 10px}}.popup-overlay{background-color:#00000080;bottom:0;right:0;z-index:1000}.popup-container{animation:popup-fade-in .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.popup-header h2{color:#312f44;font-family:Times New Roman,Times,serif;font-size:20px;margin:0}.close-button{align-items:center;border-radius:4px;color:#718096;display:flex;justify-content:center;padding:4px}.close-button:hover{background-color:#f7fafc;color:#4a5568}.popup-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:#4a5568;font-family:Times New Roman,Times,serif}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;font-family:Times New Roman,Times,serif;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#efb102;box-shadow:0 0 0 1px #efb10233}.popup-actions{gap:12px;justify-content:flex-end;margin-top:16px}.cancel-button,.save-button{font-family:Times New Roman,Times,serif;font-weight:500;padding:10px 16px}.cancel-button{border:1px solid #e2e8f0;color:#4a5568}.cancel-button,.cancel-button:hover:not(:disabled){background-color:#efb102}.save-button{border:1px solid #efb102}.save-button:hover:not(:disabled){background-color:#312f44}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fff5f5;border-left:3px solid #e53e3e;font-size:14px;padding:8px}@media (max-width:480px){.popup-container{max-width:420px;padding:20px;width:95%}.popup-header h2{font-size:18px}.popup-form{gap:14px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:9px 10px}.cancel-button,.save-button{font-size:13px;padding:9px 14px}.error-message{font-size:13px}}@media (max-width:375px){.popup-container{max-width:340px;padding:18px;width:100%}.popup-header h2{font-size:17px}.popup-form{gap:12px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{font-size:12px;padding:8px 9px}.cancel-button,.save-button{font-size:12px;padding:8px 12px}.error-message{font-size:12px}}.advanced-search-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.advanced-search-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.advanced-search-header{align-items:center;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.advanced-search-header h2{font-size:1.5rem;font-weight:600;margin:0}.closewd-btn{align-items:center;background:hsla(0,20%,96%,.916);border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{transform:rotate(90deg)}.advanced-search-content{padding:24px}.filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.filter-row:last-child .filter-group:last-child{grid-column:span 1}.filter-group label{font-size:.9rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.advanced-filter-dropdown,.filter-group label{color:#374151;font-family:Times New Roman,Times,serif}.advanced-filter-dropdown{background:#fff;border:none;border-bottom:2px solid #e5e7eb;border-radius:0;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .2s ease}.advanced-filter-dropdown:focus{border-color:#667eea;outline:none}.advanced-filter-dropdown:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.advanced-search-footer{align-items:center;background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.actionwd-buttons{display:flex;gap:12px}.applywd-btn,.cancelwd-btn,.clearwd-btn{border:none;border-radius:6px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.clearwd-btn{background:#e7273a;border:1px solid #fe2238;color:#fff}.clearwd-btn:hover{background:#ec0810;color:#fff}.cancelwd-btn{background:#ebbe43;border:1px solid #ebc354;color:#fff}.cancelwd-btn:hover{background:#efb102;border-color:#efb102}.applywd-btn{background:#374151;border:none;box-shadow:0 2px 4px #667eea33;color:#fff}.applywd-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.advanced-search-popup{margin:10px;width:95%}.filter-row{gap:16px;grid-template-columns:1fr}.advanced-search-header{padding:16px 20px}.advanced-search-content{padding:20px}.advanced-search-footer{flex-direction:column;gap:12px;padding:16px 20px}.actionwd-buttons{justify-content:center;width:100%}.clearwd-btn{align-self:stretch}}@media (max-width:480px){.advanced-search-header h2{font-size:1.25rem}.actionwd-buttons{flex-direction:column;width:100%}.applywd-btn,.cancelwd-btn{padding:12px;width:100%}}.dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.dashboard-header1{align-items:center;display:flex;height:50px;justify-content:center;margin-bottom:20px;position:relative}.dashboard-title{color:#312f44;font-family:Times New Roman,Times,serif;font-size:24px;font-weight:700}.top-filter-row{align-items:center;display:flex;font-family:Times New Roman,Times,serif;gap:16px;height:44px;margin-bottom:16px}.search-container-inline{align-items:center;display:flex;flex:1 1;height:100%;max-width:1200px}.search-input-wrapper{background-color:initial;border:none;border-bottom:2px solid #333;border-radius:0;box-shadow:none;height:40px;padding:0;transition:border-color .2s ease;width:100%}.search-input-wrapper:focus-within{border-bottom:2px solid #007bff}.search1-input{background-color:initial;font-family:Times New Roman,Times,serif;font-size:14px;height:100%;line-height:1.2;padding:10px 0;width:100%}.search1-input,.search1-input:focus{border:none;outline:none}.search-icon{color:#a0aec0;padding:8px}.filter-dropdown{align-items:center;background-color:initial;border:none;border-bottom:2px solid #333;border-radius:0;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;height:40px;line-height:1.2;min-width:150px;outline:none;padding:10px 0}.filter-dropdown:focus{border-bottom-color:#431def;box-shadow:none}.radio-button-container{display:flex;font-family:Times New Roman,Times,serif;gap:24px;margin-bottom:20px}.radio-option{align-items:center;cursor:pointer;display:flex;gap:8px}.radio-option input[type=radio],.radio-option label{cursor:pointer;margin:0}.radio-option label{font-size:14px}.filter-container{display:flex;gap:12px;margin-right:750px;margin-top:40px}.dashboard1-charts,.filter-container{font-family:Times New Roman,Times,serif}.dashboard1-charts{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.charts1-title{color:#333;font-size:1.5rem;margin-bottom:20px;text-align:center}.charts1-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart1-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px}.chart1-card h3{color:#555;font-size:1.1rem;margin-bottom:15px;text-align:center}.no-data{color:#888;font-size:16px;font-style:italic;height:200px;justify-content:center}.active-filters,.no-data{align-items:center;display:flex}.active-filters{background-color:#f5f7fa;border-radius:4px;flex-wrap:wrap;margin:10px 0;padding:8px 16px}.active-filters p{font-size:14px;font-weight:600;margin-right:10px}.filter-badge{background-color:#e3f2fd;display:inline-flex;font-size:13px;margin:4px;padding:4px 10px}.filter-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;margin-left:6px}.filter-remove:hover{color:#fff}.clear-all-filters{background-color:initial;border:1px solid #ddd;border-radius:4px;color:#6c757d;cursor:pointer;font-size:13px;margin-left:auto;padding:4px 10px}.clear-all-filters:hover{background-color:#f8f9fa;color:#343a40}.today-register-button{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.today-register-button:hover{background-color:#e0e0e0}.today-register-button.active{background-color:#efb102;border-color:#efb102;color:#fff}.today-register-button.active svg{color:#fff}.search-container{font-family:Times New Roman,Times,serif;margin-bottom:24px}.table-container{box-shadow:0 4px 6px #0000001a;margin-bottom:24px}.students-table{background-color:#fff}.students-table td,.students-table th{border-bottom:1px solid #e2e8f0;font-family:Times New Roman,Times,serif;font-size:14px;padding:12px 16px;text-align:left;white-space:nowrap}.students-table th{color:#4a5568;font-family:Times New Roman,Times,serif;position:-webkit-sticky;position:sticky;top:0;z-index:1}.students-table th,.students-table tr:hover{background-color:#f7fafc}.no-results{color:#a0aec0;padding:24px;text-align:center}.edit-button{background-color:#ebf4ff;color:#3182ce;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.edit-button:hover{background-color:#bee3f8}.advancedwd-search-btn{background-color:#312f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;margin-right:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.advancedwd-search-btn:hover{background-color:#23203d}.pagination-container{gap:10px;margin-top:24px}.pagination-button.disabled{align-items:center;border:1px solid #e2e8f0;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.pagination-button:hover:not(.disabled){background-color:#edf2f7;border-color:#cbd5e0}.pagination-button.disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:4px}.pagination-number{align-items:center;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-number:hover{background-color:#edf2f7;border-color:#cbd5e0}.pagination-number.active{background-color:#efb102;border-color:#efb102;color:#fff;font-weight:700}.pagination-ellipsis{align-items:center;color:#a0aec0;display:flex;font-size:14px;height:32px;padding:0 4px}.loading-container{align-items:center;color:#4a5568;display:flex;font-size:18px;height:50vh;justify-content:center}.error-message{color:#e53e3e;font-size:16px;padding:24px}@media screen and (max-width:768px){.dashboard-container{padding:16px}.top-filter-row{align-items:stretch;flex-direction:column;gap:12px}.search-container-inline{max-width:none}.radio-button-container{justify-content:center}.pagination-numbers{gap:4px}.pagination-number{font-size:12px;height:28px;width:28px}.pagination-button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.dashboard-container{padding:12px}.dashboard-title{font-size:20px}.top-filter-row{flex-direction:column;gap:10px;height:auto}.search-container-inline{max-width:none}.filter-dropdown,.search-input-wrapper{font-size:13px;height:36px}.filter-dropdown{min-width:100%}.radio-button-container{flex-wrap:wrap;gap:16px;justify-content:flex-start}.charts1-container{grid-template-columns:1fr}.students-table td,.students-table th{font-size:12px;padding:8px 10px}.pagination-button,.pagination-number{font-size:11px;height:26px;width:26px}}@media (max-width:375px){.dashboard-container{padding:10px}.dashboard-title{font-size:18px}.top-filter-row{gap:8px}.filter-dropdown,.search-input-wrapper{font-size:12px;height:34px}.search1-input{font-size:12px}.students-table td,.students-table th{font-size:11px;padding:6px 8px}.pagination-button,.pagination-number{font-size:10px;height:24px;width:24px}.pagination-ellipsis{font-size:10px}}.payment-records-container{font-family:Times New Roman,Times,serif;margin:0 auto;max-width:1400px;padding:20px}.payment-records-container h1{color:#312f44;margin-bottom:20px;text-align:center}.payment-gauges-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px;width:100%}.gauge-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:200px;padding:15px;text-align:center}.gauge-container{align-items:center;display:flex;height:150px;justify-content:center;margin:0 auto;position:relative}.gauge-value{color:#333;font-size:24px;font-weight:700;position:absolute}.gauge-details{margin-top:10px}.gauge-details .amount{font-size:16px;font-weight:700;margin:5px 0}.gauge-details .count{color:#666;font-size:12px;margin:0}.searchpr-input{background-color:initial;border:none;border-bottom:2px solid #333;border-radius:0;box-sizing:border-box;color:#111;flex:2 1;font-family:Times New Roman,Times,serif;font-size:14px;height:40px;min-width:200px;outline:none;padding:10px 0;transition:border-color .3s ease}.searchpr-input:focus{border-bottom:2px solid #6226ec}.branchpr-filter{background-color:initial;border:none;border-bottom:2px solid #333;box-sizing:border-box;flex:1 1;font-family:Times New Roman,Times,serif;font-size:14px;height:40px;max-width:180px;min-width:120px;outline:none;padding:10px 0}.branchpr-filter:focus,.branchpr-filter:hover{background-color:#fff}.payment-modes ul{margin:0;padding-left:20px}.payment-modes li{font-size:14px}.charts-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.chart-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px}.region-chart,.segment-chart{flex:1 1;min-width:300px}.subcategory-chart{flex:2 1;min-width:600px}.chart-card h3{color:#333;font-size:18px;margin:0 0 15px;text-align:center}.chart-container{height:300px;width:100%}.custom-tooltip{background-color:#fffffff2;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #00000026;font-family:Times New Roman,Times,serif;padding:10px}.custom-tooltip .label{border-bottom:1px solid #eee;color:#333;font-weight:700;margin-bottom:5px;padding-bottom:5px}.custom-tooltip .amount{color:#2196f3;margin:3px 0}.custom-tooltip .count{color:#4caf50;font-weight:700;margin:3px 0}.payment-table{border-collapse:collapse;width:100%}.payment-table td,.payment-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.payment-table th{background-color:#f7fafc;border-bottom:2px solid #ddd;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.payment-table th:hover{background-color:#e5e5e5}.payment-table tr:nth-child(2n){background-color:#f9f9f9}.payment-table tr:hover{background-color:#f1f1f1}.pagination-controls{gap:10px}.pagination-button{background-color:#0d2b5b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:6px 12px;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#19407a}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-info{color:#555;font-size:14px}@media (max-width:768px){.search-filter{flex-direction:column}.chart-card,.stat-card{min-width:100%}}@media (max-width:480px){.payment-records-container{padding:15px}.payment-records-container h1{font-size:1.4rem}.payment-gauges-container{flex-direction:column}.gauge-card{min-width:auto;width:100%}.gauge-container{height:120px}.gauge-value{font-size:20px}.search-filter{flex-direction:column;gap:12px}.branchpr-filter,.refresh-btn,.searchpr-input{width:100%}.date-filter-options,.date-range-inputs{gap:12px}.dashboard-stats,.date-range-inputs{flex-direction:column}.stat-card,.stat1-card{min-width:auto;width:100%}.charts-container{flex-direction:column}.chart-card,.region-chart,.segment-chart,.subcategory-chart{min-width:auto;width:100%}.chart-container{height:250px}.payment-table td,.payment-table th{font-size:.9rem;padding:10px 12px}.pagination-controls{flex-direction:row;gap:8px}.pagination-button{font-size:.9rem;padding:6px 14px}}@media (max-width:375px){.payment-records-container{padding:12px}.payment-records-container h1{font-size:1.25rem}.gauge-container{height:100px}.gauge-value{font-size:18px}.date-filter-options,.date-range-inputs{gap:10px}.stat-card h3,.stat-card p,.stat1-card p{font-size:.9rem}.chart-container{height:220px}.payment-table td,.payment-table th{font-size:.8rem;padding:8px 10px}.pagination-button{font-size:.8rem;padding:5px 12px}}.dashboard{font-family:serif}.syllabus-selection{font-family:inherit}.module-section{border-left:3px solid #3498db;padding-left:10px}.heading-section{border-left:2px solid #95a5a6;padding-left:8px}.syllabus-selection input[type=checkbox]{transform:scale(1.1)}.syllabus-selection label:hover{background-color:#f8f9fa;border-radius:3px;padding:2px 4px}.edit-btn{color:#2196f3}.edit-btn:hover:not(:disabled){color:#1976d2;transform:scale(1.1)}.edit-form-container{background:#fff;box-shadow:0 2px 10px #0000001a;margin:20px auto;padding:20px;width:100%}.clear-filter-btn{background:none;color:#fff;margin-left:6px}.filter-summary-row{align-items:center;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;gap:15px;justify-content:center;margin-bottom:20px;text-align:center}.record-count-wrapper{display:flex;justify-content:center;margin:20px 0}.record-count-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000000d;max-width:320px;padding:20px;transition:transform .2s;width:100%}.card-content{align-items:center;display:flex;justify-content:space-between}.text-section{display:flex;flex-direction:column}.label{color:#111;font-size:12px;margin-bottom:4px;text-align:center}.label,.value{font-weight:600}.value{color:#333;font-size:18px;margin:0}.icon-section{background-color:#efb102;border-radius:50%;color:#fff;font-size:20px;padding:12px}.btn-icon{font-size:14px}.active-filters-summary{background-color:#f8f9fa;border:1px solid #e9ecef;gap:10px;margin-top:10px;padding:10px 15px}.filters-label{color:#495057;font-size:14px;margin-right:5px}.filter-badge{background-color:#312f44;color:#fff}.filter-badge.course-type{background-color:#28a745}.filter-badge.branch{background-color:#17a2b8}.clear-all-btn{background-color:#dc3545;border-radius:4px;font-family:Times New Roman,Times,serif;padding:4px 12px;transition:background-color .2s}.clear-all-btn:hover{background-color:#c82333}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.advanced-search-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;font-family:Times New Roman,Times,serif;max-height:90vh;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #e9ecef;color:#000;padding:20px 24px}.close-btn,.modal-header h3{font-size:18px}.close-btn{border-radius:4px;font-family:Times New Roman,Times,serif;padding:4px;transition:background-color .2s}.modal-body{gap:20px;padding:24px}.filter-group,.modal-body{display:flex;flex-direction:column}.filter-group{gap:8px}.filter-group label{color:#495057;font-size:14px;font-weight:600}.filter-select{background-color:initial;border:none;border-bottom:2px solid #495057;color:#495057;font-family:Times New Roman,Times,serif;outline:none;padding:8px 0;transition:border-color .2s ease;width:100%}.filter-select:focus{border-bottom-color:#007bff;border-color:#efb102}.filter-select:hover{border-color:#adb5bd}.modal-footer{align-items:center;background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;justify-content:space-between;padding:20px 24px}.footer-actions,.modal-footer{font-family:Times New Roman,Times,serif}.footer-actions{display:flex;gap:12px}.clear-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;font-family:Times New Roman,Times,serif;padding:10px 20px;transition:background-color .2s}.clear-btn:hover{background-color:#545b62}.cancel-btn{background:linear-gradient(135deg,#efb102,#f5c842);border-radius:6px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:linear-gradient(135deg,#d49a02,#efb102);box-shadow:0 4px 12px #efb10266}.apply-btn{background:#474556;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.apply-btn,.apply-btn:hover{box-shadow:0 2px 8px #15154d4d}.apply-btn:hover{background:#312f44;transform:translateY(-1px)}@media (max-width:768px){.advanced-search-modal{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.footer-actions{flex-direction:column;gap:8px;width:100%}.apply-btn,.cancel-btn{padding:12px;width:100%}.modal-footer{flex-direction:column;gap:12px}.clear-btn{padding:12px;width:100%}.active-filters-summary{align-items:flex-start;flex-direction:column;gap:8px}.filter-summary-row{margin-bottom:15px}}@media (max-width:480px){.advanced-search-btn{font-size:13px;padding:10px 16px}.modal-header h3{font-size:16px}.filter-select{font-size:13px;padding:10px 12px}}.password-reset-container{background-color:#f9fafb;font-family:Times New Roman,Times,serif;min-height:100vh;padding:1.5rem}.password-reset-wrapper{margin:0 auto;max-width:32rem}.header-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.header-content{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.header-icon{color:#dc2626}.header-title{color:#1f2937;font-size:1.5rem;font-weight:700}.header-description{color:#6b7280;margin:0}.warning-notice{align-items:flex-start;background-color:#fefce8;border:1px solid #fde047;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.warning-icon{color:#d97706;flex-shrink:0;margin-top:.125rem}.warning-title{color:#92400e;font-weight:600;margin:0 0 .25rem}.warning-text{color:#a16207;font-size:.875rem;margin:0}.form-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.form-content{gap:1.5rem}.input-group{display:flex;flex-direction:column}.input-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{color:#9ca3af;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-field{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.input-field:focus{border-color:#0000;outline:none}.input-field:disabled{background-color:#f3f4f6;cursor:not-allowed}.submitpd-button{align-items:center;background-color:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:background-color .2s;width:100%}.submitpd-button:hover:not(:disabled){background-color:#b91c1c}.submitpd-button:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-spinner{border:2px solid;border-color:#0000 #0000 #fff;height:1.25rem;width:1.25rem}.success-message{background-color:#ecfdf5;border:1px solid #bbf7d0;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.success-content{align-items:flex-start;display:flex;gap:.75rem}.success-icon{color:#059669;flex-shrink:0;margin-top:.125rem}.success-body{flex:1 1}.success-title{color:#065f46;font-weight:600;margin:0 0 .5rem}.success-text{color:#047857;margin:0 0 .75rem}.success-details{background-color:#d1fae5;border-radius:.375rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.success-detail-row{align-items:center;display:flex;justify-content:space-between}.success-detail-label{color:#065f46;font-size:.875rem;font-weight:500}.success-detail-value{background-color:#fff;border-radius:.25rem;color:#065f46;font-family:monospace;padding:.25rem .5rem}.success-note{color:#059669;font-size:.875rem;margin:.5rem 0 0}.close-button{border-radius:.25rem;color:#059669;padding:.25rem;transition:color .2s}.close-button:hover{color:#047857}.error-message{background-color:#fef2f2;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.error-content{align-items:flex-start;display:flex;gap:.75rem}.error-icon{color:#dc2626;flex-shrink:0;margin-top:.125rem}.error-body{flex:1 1}.error-title{color:#991b1b;font-weight:600;margin:0 0 .25rem}.error-text{color:#dc2626;margin:0}.error-close-button{background:none;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;padding:.25rem;transition:color .2s}.error-close-button:hover{color:#991b1b}.security-info{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:2rem;padding:1rem}.security-content{align-items:flex-start;display:flex;gap:.75rem}.security-icon{color:#2563eb;flex-shrink:0;margin-top:.125rem}.security-title{color:#1e40af;font-weight:600;margin:0 0 .5rem}.security-list{color:#1d4ed8;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;list-style:none;margin:0;padding:0}.security-list li{align-items:flex-start;display:flex}.security-code{background-color:#dbeafe;border-radius:.25rem;font-family:monospace;padding:.125rem .25rem}@media (max-width:640px){.error-message,.form-card,.header-card,.password-reset-container,.security-info,.success-message,.warning-notice{padding:1rem}.header-title{font-size:1.25rem}.success-detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.password-reset-container{padding:1rem}.password-reset-wrapper{max-width:24rem}.error-message,.form-card,.header-card,.security-info,.success-message,.warning-notice{padding:1rem}.header-title{font-size:1.25rem}.error-title,.security-title,.success-title,.warning-title{font-size:1rem}.input-field{font-size:.95rem;padding:.65rem 1rem .65rem 2.25rem}.submitpd-button{font-size:.95rem;padding:.65rem 1rem}.success-detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:375px){.password-reset-container{padding:.75rem}.password-reset-wrapper{max-width:20rem}.error-message,.form-card,.header-card,.security-info,.success-message,.warning-notice{padding:.75rem}.header-title{font-size:1.1rem}.error-title,.input-field,.security-title,.success-title,.warning-title{font-size:.9rem}.input-field{padding:.6rem .9rem .6rem 2rem}.submitpd-button{font-size:.9rem;padding:.6rem .9rem}.error-icon,.header-icon,.security-icon,.success-icon,.warning-icon{font-size:.9rem}.security-code,.success-detail-label,.success-detail-value{font-size:.8rem}}body{color:#333;font-family:Times New Roman,Times,serif}.app,body{min-height:100vh}.landing-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.header{margin-bottom:60px;text-align:center}.logout-button{background-color:#ff6b6b;border-radius:6px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 18px;position:absolute;right:30px;top:20px;transition:background-color .3s ease}.logout-button:hover{background-color:#e63946}.logo-container{flex-direction:column;gap:20px}.logo-container,.logo12{align-items:center;display:flex}.logo12{border-radius:50%;box-shadow:0 15px 35px #0000001a;height:90px;justify-content:center;transition:transform .3s ease;width:100px}.logo12:hover{transform:scale(1.05)}.logo12-text{font-size:32px;font-weight:700}.company-name,.logo12-text{color:#fff;text-shadow:2px 2px 4px #0000004d}.company-name{font-size:2.5rem;font-weight:300;letter-spacing:2px}.main-content{max-width:800px;width:100%}.navigation-boxes{display:flex;gap:40px;justify-content:center}.nav-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;min-width:280px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.nav-box:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-box:hover:before{left:100%}.nav-box:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.staff-box:hover{border-left:5px solid #4ecdc4}.admin-box:hover{border-left:5px solid #ff6b6b}.nav1-icon{color:#e3b427;font-size:3rem;margin-bottom:20px}.nav-box h2{color:#333;font-size:1.8rem;margin-bottom:15px}.nav-box p{color:#666;font-size:1rem;line-height:1.5}@media (max-width:480px){.landing-container{padding:15px}.header{margin-bottom:40px}.logo12{height:70px;width:80px}.logo12-text{font-size:28px}.company-name{font-size:2rem}.navigation-boxes{gap:20px}.nav-box{min-width:100%;padding:30px 25px;width:100%}.nav-icon{font-size:2.5rem;margin-bottom:16px}.nav-box h2{font-size:1.5rem;margin-bottom:12px}.nav-box p{font-size:.95rem}}@media (max-width:375px){.landing-container{padding:10px}.header{margin-bottom:30px}.logo12{height:60px;width:70px}.logo12-text{font-size:24px}.company-name{font-size:1.7rem}.nav-box{padding:25px 20px}.nav-icon{font-size:2.2rem}.nav-box h2{font-size:1.35rem}.nav-box p{font-size:.9rem}}.pending-fees-container{font-family:Times New Roman,Times,serif;margin:0 auto;max-width:1600px;padding:20px}.pending-fees-container h1{color:#312f44;margin-bottom:20px;text-align:center}.error-message{border-radius:4px;color:#f44336;padding:10px}.dashboard-controls{margin-bottom:20px}.search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.search-field-selector{background-color:initial;border:none;border-bottom:2px solid #333;border-radius:0;box-sizing:border-box;font-family:Times New Roman,Times,serif;height:40px;min-width:120px;outline:none;padding:10px 0}.search-field-selector:focus,.search-field-selector:hover{background-color:#312f44}.searchpf-input{background:#0000;flex:2 1;min-width:200px;padding:10px 0 10px 8px}.branch-filter,.course-type-filter,.location-filter,.searchpf-input{border:none;border-bottom:2px solid #333;border-radius:0;box-sizing:border-box;height:40px;outline:none}.branch-filter,.course-type-filter,.location-filter{background-color:initial;flex:1 1;font-family:Times New Roman,Times,serif;min-width:120px;padding:10px 0}.branch-filter:focus,.course-type-filter:focus,.location-filter:focus{background-color:#fff}.refresh-btn{border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;height:40px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.refresh-btn,.refresh-btn:hover{background-color:#312f44}.reset-btn{background-color:#f5494cdd;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;height:40px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.reset-btn:hover{background-color:#ec1010}.cancel3-btn{align-items:center;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Times New Roman,Times,serif;height:40px;justify-content:center;padding:10px 20px;text-decoration:none;transition:background-color .3s;white-space:nowrap}.cancel3-btn,.cancel3-btn:hover{background-color:#e3b427}.date-filter{margin-top:10px}.date-filter-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.date-option{align-items:center;cursor:pointer;display:flex;gap:5px}.date-option.active{color:#2196f3;font-weight:700}.date-range-inputs{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.date-input-group{align-items:center;display:flex;gap:5px}.date-input{border:1px solid #ddd;border-radius:4px;padding:8px}.dashboard-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.stat-card{background-color:#f7f7f7}.stat-card,.stat1-card{border-radius:8px;box-shadow:0 2px 5px #0000001a;flex:1 1;min-width:180px;padding:15px}.stat1-card{background-color:#13395d;color:#fff}.stat-card h3{color:#555}.stat-card h3,.stat1-card h3{font-size:16px;margin:0 0 10px}.stat1-card h3{color:#fff}.stat-card p{color:#333;font-size:24px;font-weight:700;margin:0}.stat1-card p{color:#fff;font-size:28px;font-weight:700;margin:0}.stat-card small{color:#666;display:block;font-size:13px;font-style:italic;margin-top:5px}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;min-height:400px;overflow:visible;padding:20px}.chart-wrapper{min-height:350px;overflow:visible;width:100%}.chart-container h2{color:#333;margin-bottom:20px;text-align:center}.table-container{clear:both;margin-top:30px}.chart-tooltip{background:#fffffff2;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:10px}.tooltip-label{color:#333;font-weight:700;margin-bottom:5px}.tooltip-amount{color:#ee3d3d;font-weight:600}.tooltip-count{color:#666;font-size:.9em}.table-container{box-shadow:0 2px 4px #0000001a;margin-top:20px}.pending-fees-table{background-color:#fff;border-collapse:collapse;width:100%}.pending-fees-table td,.pending-fees-table th{border-bottom:1px solid #ddd;font-size:14px;padding:12px 8px;text-align:left}.pending-fees-table td{background-color:#fff}.pending-fees-table th{background-color:#f7fafc;border-bottom:2px solid #ddd;color:#333;cursor:pointer;font-weight:700;position:relative;-webkit-user-select:none;user-select:none}.pending-fees-table th:hover{background-color:#e5e5e5}.pending-fees-table tr:nth-child(2n){background-color:#f9f9f9}.pending-fees-table tr:hover{background-color:#f1f1f1}.amount-cell{font-weight:700;text-align:right}.pending-amount{color:#d32f2f;font-weight:700}.loading-spinner{font-size:18px}.loading-spinner,.no-data-message{color:#666;padding:30px;text-align:center}.no-data-message{background-color:#f9f9f9;border-radius:8px;font-style:italic}.pagination-container{margin-top:20px}.pagination-controls{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:20px;padding:10px 0}.paginationpf-btn{background-color:#0d2b5b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;min-width:40px;padding:8px 12px;transition:background-color .2s}.paginationpf-btn:hover:not(:disabled){background-color:#19407a}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed}.paginationpf-btn.active{background-color:#2196f3}.pagination-ellipsis{color:#666}@media (max-width:1200px){.pending-fees-table td,.pending-fees-table th{font-size:13px;padding:8px 6px}}@media (max-width:992px){.search-filter{align-items:stretch;flex-direction:column}.search-filter>*{flex:none;min-width:auto}.dashboard-stats{flex-direction:column}.stat-card,.stat1-card{min-width:auto}}@media (max-width:768px){.pending-fees-container{padding:10px}.table-container{font-size:12px}.pending-fees-table td,.pending-fees-table th{font-size:12px;padding:6px 4px}.date-filter-options{gap:10px}.date-filter-options,.date-range-inputs{flex-direction:column}.pagination-controls{flex-wrap:wrap;gap:2px}.pagination-btn{font-size:12px;min-width:32px;padding:6px 8px}}@media print{.dashboard-controls,.pagination-container{display:none}.pending-fees-container{padding:0}.pending-fees-table{font-size:12px}.pending-fees-table td,.pending-fees-table th{border:1px solid #000;padding:4px}}@media (max-width:480px){.pending-fees-container{padding:12px}.pending-fees-container h1{font-size:1.4rem}.search-filter{align-items:stretch;flex-direction:column;gap:12px}.search-filter>*{min-width:auto;width:100%}.date-filter-options{gap:12px}.dashboard-stats{flex-direction:column;gap:12px}.stat-card,.stat1-card{min-width:auto;width:100%}.stat-card h3,.stat1-card h3{font-size:14px}.stat-card p{font-size:22px}.stat1-card p{font-size:24px}.chart-container{min-height:320px;padding:15px}.pending-fees-table td,.pending-fees-table th{font-size:11.5px;padding:6px 4px}.pagination-controls{flex-wrap:wrap;gap:4px}.paginationpf-btn{font-size:11px;min-width:28px;padding:6px 10px}}@media (max-width:375px){.pending-fees-container{padding:10px}.pending-fees-container h1{font-size:1.2rem}.cancel3-btn,.refresh-btn,.reset-btn,.search-filter>*{width:100%}.date-input-group{align-items:stretch;flex-direction:column}.chart-container{min-height:280px;padding:12px}.pending-fees-table td,.pending-fees-table th{font-size:10.5px;padding:5px 3px}.paginationpf-btn{font-size:10px;min-width:26px;padding:5px 8px}}.attendance-page{background-color:#f8f9fa;font-family:Times New Roman,Times,serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{background:#efb102;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#312f44;margin-bottom:40px;padding:30px}.header-flex{align-items:center;display:flex;justify-content:space-between}.header-text{flex:1 1;text-align:center}.header-text h1{font-size:1.8rem;font-weight:700;margin:0 0 10px}.header-text p{margin:0;opacity:.9}.back-btn{background-color:#312f44;border:none;border-radius:6px;color:#fff;font-size:.95rem;margin-left:20px;padding:8px 16px;transition:background-color .3s ease}.back-btn:hover{background-color:#1f1c33}.attendance-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:30px}.attendance-form-container h2{border-bottom:3px solid #3498db;color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:25px;padding-bottom:10px}.attendance-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:1fr 1fr}.form-group label{color:#34495e;font-size:.95rem}.form-group input,.form-group select{background-color:initial;border:none;border-bottom:2px solid #e1e8ed;border-radius:0;font-size:1rem;outline:none;padding:8px 0;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-bottom-color:#007bff}.form-actions{margin-top:20px}.btn-primary{background:#efb102;border:none;border-radius:8px;box-shadow:0 4px 15px #efb1024d;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary:hover{background:#d6a002;box-shadow:0 6px 20px #efb10266;transform:translateY(-2px)}.btn-primary:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;box-shadow:0 4px 15px #95a5a64d;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;margin-left:10px;padding:12px 25px;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 6px 20px #95a5a666;transform:translateY(-2px)}.btn-secondary:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.search-toggle-container{background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.btn-toggle-search{background:#312f44;border:none;border-radius:8px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-toggle-search:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.searchap-form{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;clear:both;flex-direction:column;gap:15px;margin-bottom:30px;padding:20px;position:relative;z-index:1}.search-type-selector,.searchap-form{box-sizing:border-box;display:flex;width:100%}.search-type-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:15px;padding:15px}.searchap-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.searchap-form .form-group{display:flex;flex-direction:column;min-width:0}.searchap-form .form-group input{box-sizing:border-box;min-width:0;width:100%}.search-actions{flex-wrap:wrap;margin-top:15px}.search-type-selector label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;transition:color .3s ease}.search-type-selector label:hover{color:#2c3e50}.search-type-selector input[type=radio]{accent-color:#3498db;height:18px;width:18px}.search-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.error-message{background:#fff5f5;border:1px solid #fed7d7;color:#c53030;margin-top:15px;padding:16px}.success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#2f855a;font-weight:500;margin-top:15px;padding:16px}.loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.no-records{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:60px 20px}.no-records p{font-size:1.1rem;margin:0}.no-records-cell{background:#f8f9fa;color:#666;font-size:1.1rem;font-style:italic;padding:40px 20px;text-align:center}.attendance-record,.attendance-records{clear:both;display:flex;flex-direction:column;gap:30px;margin-top:20px;position:relative;width:100%;z-index:0}.record-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 30px}.record-header h3{font-size:1.5rem;font-weight:600;margin:0}.record-meta{display:flex;flex-wrap:wrap;gap:20px}.record-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;font-size:.9rem;padding:5px 12px}.table-container{display:flex;flex-direction:column;gap:30px}.attendance-table-container{box-sizing:border-box;overflow-x:auto;padding:20px;position:relative;scrollbar-color:#efb102 #f1f1f1;scrollbar-width:thin;width:100%;z-index:1}.attendance-table-container::-webkit-scrollbar{height:8px;width:8px}.attendance-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.attendance-table-container::-webkit-scrollbar-thumb{background:#efb102;border-radius:4px}.attendance-table-container::-webkit-scrollbar-thumb:hover{background:#d6a002}.scrollable-table{border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:600px;overflow-y:auto;position:relative;width:100%}.attendance-table{background:#fff;border-collapse:collapse;border-radius:8px;font-family:Times New Roman,Times,serif;min-width:800px;overflow:hidden;table-layout:fixed;width:100%}.attendance-table thead{background:#efb102;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-table th{border-bottom:2px solid #efb102;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.attendance-table td,.attendance-table th{font-family:Times New Roman,Times,serif;font-size:.95rem;padding:15px 20px;white-space:nowrap}.attendance-table td{border-bottom:1px solid #e9ecef;color:#2c3e50}.attendance-table tbody tr{transition:background-color .3s ease}.attendance-table tbody tr:hover,.attendance-table tbody tr:nth-child(2n){background-color:#f8f9fa}.attendance-table tbody tr:nth-child(2n):hover{background-color:#e9ecef}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-table td:first-child{color:#312f44;font-weight:600}.attendance-table td:nth-child(2){color:#7f8c8d;font-size:.9rem;font-weight:500;text-transform:uppercase}.attendance-table td:nth-child(3),.attendance-table td:nth-child(4){color:#27ae60;font-family:Times New Roman,Times,serif;font-weight:600}.attendance-table td:nth-child(5){background:#8e44ad1a;border-radius:4px;color:#8e44ad;font-weight:500}.action-buttons{flex-wrap:nowrap}.action-buttons,.action-buttons button{align-items:center;justify-content:center}.action-buttons button{border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;transition:all .3s ease;width:32px}.btn-edit{background:#333;box-shadow:0 2px 8px #3498db4d;color:#fff}.btn-edit:hover{background:#111;box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 8px #e74c3c4d;color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#27ae60,#219a52);box-shadow:0 2px 8px #27ae604d;color:#fff}.btn-save:hover{background:linear-gradient(135deg,#219a52,#1e8449);box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.btn-cancel1{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a64d;color:#fff}.btn-cancel1:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 4px 12px #95a5a666;transform:translateY(-2px)}.action-buttons button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.edit-input{background:#f8f9fa;border:2px solid #3498db;font-family:Times New Roman,Times,serif;font-size:.9rem;min-width:80px;padding:6px 10px;transition:border-color .3s ease;width:100%}.edit-input:focus{background:#fff;border-color:#2980b9;box-shadow:0 0 0 2px #3498db33}.attendance-table td:last-child,.attendance-table th:last-child{flex-shrink:0;min-width:120px;text-align:center;width:120px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup-content{animation:popupFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;max-width:400px;padding:30px;text-align:center;width:90%}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-content h3{color:#e74c3c;font-size:1.5rem;font-weight:600;margin:0 0 15px}.popup-content p{color:#2c3e50;font-size:1rem;line-height:1.5;margin:10px 0}.popup-content p:last-of-type{color:#7f8c8d;font-size:.9rem;font-style:italic}.popup-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.btn-delete-confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-delete-confirm:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.btn-delete-confirm:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.btn-cancel-popup{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;box-shadow:0 4px 15px #95a5a64d;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-cancel-popup:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 6px 20px #95a5a666;transform:translateY(-2px)}.btn-cancel-popup:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.attendance-page{padding:15px}.page-header h1{font-size:1.6rem}.form-row{grid-template-columns:1fr}.search-toggle-container{flex-direction:column;gap:15px;text-align:center}.search-type-selector{align-items:center;flex-direction:column;gap:15px}.search-actions{align-items:stretch;flex-direction:column}.record-header{align-items:flex-start;flex-direction:column}.record-meta{gap:10px}.attendance-table-container{padding:15px}.scrollable-table{max-height:400px}.attendance-table{font-size:.9rem;min-width:700px}.attendance-table td,.attendance-table th{padding:12px 15px}.attendance-table th{font-size:.85rem}.action-buttons{flex-direction:column;gap:4px}.action-buttons button{font-size:12px;height:28px;width:28px}.attendance-table td:last-child,.attendance-table th:last-child{min-width:80px;width:80px}.edit-input{font-size:.85rem;min-width:70px;padding:4px 8px}}@media (max-width:480px){.attendance-form-container,.searchap-form{padding:20px}.search-toggle-container{padding:15px 20px}.btn-toggle-search{font-size:.9rem;padding:10px 20px}.attendance-table-container{padding:10px}.scrollable-table{max-height:300px}.attendance-table{font-size:.85rem;min-width:600px}.attendance-table td,.attendance-table th{padding:10px 12px}.attendance-table th{font-size:.8rem}.search-type-selector{gap:10px}}@media (max-width:400px){.attendance-table-container{padding:5px}.scrollable-table{max-height:250px}.attendance-table{min-width:550px}.attendance-table td,.attendance-table th{padding:8px 10px}.attendance-table th{font-size:.75rem}.attendance-table td{font-size:.8rem}.btn-toggle-search{font-size:.85rem;padding:8px 16px}.search-type-selector{padding:10px}}.profile-container{background-color:#fff;font-family:Times New Roman,Times,serif;margin:0 auto;max-width:1200px}.profile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;padding:20px}.welcome-title{font-size:2rem;margin:0;text-align:center}.profile-sidebar{display:flex;flex-direction:column;gap:20px;padding:40px}.profilesp-avatar{flex-direction:column;gap:15px;width:100%}.user-icon{background-color:#f0f0f0;border-radius:50%;color:#312f44;height:120px;padding:24px;width:120px}.profile-image{border:3px solid #667eea;border-radius:50%;height:190px;object-fit:cover;width:190px}.default-profile-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;height:120px;padding:20px;width:120px}.upload-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;text-align:center;transition:all .3s ease;width:100%}.upload-profile-btn:hover{background-color:#1976d2}.sidebar-actions{gap:15px}.Stud-id{color:#fff;margin-bottom:33px}.sidebar-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;text-align:center;transition:all .3s ease;width:100%}.sidebar-btn:hover{background-color:#e0e0e0}.sidebar-btn.save-btn{color:#fff}.sidebar-btn.save-btn,.sidebar-btn.save-btn:hover{background-color:#312f44}.sidebar-btn.cancel-btn{background-color:#f44336;color:#fff}.sidebar-btn.cancel-btn:hover{background-color:#da190b}.sidebar-btn.logout-btn{background-color:#474556;color:#fff;margin-top:auto}.sidebar-btn.logout-btn:hover{background-color:#312f44}.error-message{background-color:#ffebee;color:#c62828;padding:15px}.profile-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.profile-actions{display:flex;gap:10px}.cancelsp-btn,.editsp-btn,.savesp-btn,.uploadsp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.editsp-btn{background-color:#2196f3;color:#fff}.editsp-btn:hover{background-color:#1976d2}.savesp-btn{background-color:#4caf50;color:#fff}.savesp-btn:hover{background-color:#45a049}.cancelsp-btn{background-color:#f44336;color:#fff}.cancelsp-btn:hover{background-color:#da190b}.uploadsp-btn{background-color:#ff9800;color:#fff;display:inline-flex;margin-top:15px;text-decoration:none}.uploadsp-btn:hover{background-color:#f57c00}.edit-actions{gap:10px}.profile-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:280px 1fr}.syllabus-textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;resize:vertical;width:100%}.profile-sidebar{background:#312f44;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px;position:-webkit-sticky;position:sticky;text-align:center;top:20px}.profilesp-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.resume-section{margin-top:20px}.profile-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.profile-section h2{border-bottom:2px solid #e0e0e0;color:#333;font-size:1.5rem;font-weight:600;margin:0 0 25px;padding-bottom:10px}.profile-section h3{color:#444;font-size:1.2rem;font-weight:600;margin:25px 0 15px}.info-grid{grid-gap:20px;gap:20px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#555;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-size:16px;gap:8px;padding:12px 0}.info-item input,.info-item select,.info-item textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:Times New Roman,Times,serif;font-size:16px;padding:12px;transition:border-color .3s ease}.sidebar-group{gap:15px;margin-top:20px;width:100%}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{border-color:#2196f3;outline:none}.info-item textarea{min-height:80px;resize:vertical}.progress-bar{background-color:#e0e0e0;border-radius:12px;height:25px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);height:100%;transition:width .3s ease}.progress-text{color:#333;font-size:14px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.scores-section{margin-top:30px}.score-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.score-item{background:#312f44;border-radius:12px;color:#fff;padding:20px;text-align:center}.score-item label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.score-item .score{font-size:24px;font-weight:700}.projects-section{margin-top:30px}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-item{border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.project-item:hover{border-color:#2196f3;box-shadow:0 4px 15px #2196f31a;transform:translateY(-2px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.project-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.project-status{border-radius:20px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.project-score{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:8px}.modal-overlay{background-color:#000000b3;z-index:10000}.upload-options-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:300px;padding:30px;position:relative;text-align:center;z-index:1}.upload-options-modal h3{color:#333;font-size:18px;margin-bottom:20px}.upload-options{display:flex;flex-direction:column;gap:15px}.option-btn{align-items:center;background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:15px 20px;transition:all .3s ease}.option-btn:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.close-btn{color:#999;font-size:24px;height:30px;padding:0;position:absolute;right:15px;top:10px;width:30px}.close-btn:hover{color:#333}.camera-modal{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;z-index:10001}.camera-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.camera-header h3{color:#333;font-size:18px;margin:0}.camera-content{padding:20px}.camera-preview,.photo-preview{text-align:center}.camera-video{height:auto;max-width:640px;width:100%}.camera-video,.captured-photo{border:2px solid #ddd;border-radius:8px}.captured-photo{max-height:400px;max-width:100%}.camera-controls,.photo-controls{display:flex;gap:15px;justify-content:center;margin-top:20px}.capture-btn{align-items:center;background:#007bff;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:500;gap:8px;padding:15px 30px;transition:all .3s ease}.capture-btn:hover{background:#0056b3;transform:scale(1.05)}.retake-btn,.use-photo-btn{border:none;border-radius:6px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.retake-btn{background:#6c757d;color:#fff}.retake-btn:hover{background:#5a6268}.use-photo-btn{background:#28a745;color:#fff}.use-photo-btn:hover{background:#218838}.technology-summary{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:15px}.skill-set-display{margin-bottom:10px}.known-skills-display{margin-top:10px}.skills-list{list-style-type:none;margin-top:8px;padding-left:0}.skill-item{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:16px;color:#1976d2;font-size:.875rem;padding:4px 12px}.loading-message{color:#666;font-style:italic;padding:20px;text-align:center}.image-cropper-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.cropper-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.cropper-header h3{color:#333;font-size:18px;margin:0}.cropper-content{box-sizing:border-box;max-height:80vh;overflow-y:auto;padding:20px;text-align:center}.crop-image{border-radius:8px}.apply-crop-btn,.cancel-crop-btn{border:none;border-radius:6px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-crop-btn{background:#6c757d;color:#fff}.cancel-crop-btn:hover{background:#5a6268}.apply-crop-btn{background:#28a745;color:#fff}.apply-crop-btn:hover{background:#218838}.crop-instructions{background-color:#e3f2fd;border-radius:6px;color:#1565c0;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.crop-container{display:flex;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative}.crop-overlay{transition:none!important}.resize-handle{transition:all .2s ease}.resize-handle:hover{box-shadow:0 2px 8px #007bff66;transform:scale(1.2)}.reset-crop-btn{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.reset-crop-btn:hover{background:#007bff;color:#fff}.cropper-controls{display:flex;gap:15px;justify-content:center}.section-header{justify-content:space-between;margin-bottom:1rem}.approval-status,.approval-warning-btn,.section-header{align-items:center;display:flex}.approval-warning-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;box-shadow:0 2px 8px #ff6b354d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.approval-warning-btn:hover{box-shadow:0 4px 15px #ff6b3566;transform:translateY(-2px)}.warning-icon{animation:pulse 2s infinite;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.inline-warning-icon{animation:pulse 2s infinite;color:#ff6b35;margin-left:.5rem}.pending-approval{border-left:4px solid #ff6b35;position:relative}.pending-approval,.skill-item.pending{background:#ff6b351a;border-radius:4px;padding:.5rem}.skill-item.pending{align-items:center;border-left:3px solid #ff6b35;display:flex;justify-content:space-between;margin:.2rem 0}.skill-warning-icon{color:#ff6b35;margin-left:auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.approval-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;padding:1.5rem}.modal-header h3{align-items:center;display:flex;font-size:1.2rem;gap:.5rem}.close-btn{background:#fff3;color:#fff;font-size:1.5rem;height:40px;padding:.5rem;transition:background .3s ease;width:40px}.close-btn:hover{background:#ffffff4d}.modal-content{padding:2rem}.modal-content p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.skills-review{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1.5rem 0;padding:1rem}.skills-review strong{color:#333;display:block;font-size:1rem;margin-bottom:.8rem}.skills-list{list-style:none;margin:0;padding:0}.skill-item{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.95rem;margin:.3rem 0;padding:.6rem 1rem;transition:all .3s ease}.skill-item:hover{border-color:#007bff;transform:translateX(4px)}.modal-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.8rem 1.5rem;transition:all .3s ease}.approve-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d;color:#fff}.approve-btn:hover{box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.reject-btn{background:linear-gradient(135deg,#dc3545,#fd7e14);box-shadow:0 2px 8px #dc35454d;color:#fff}.reject-btn:hover{box-shadow:0 4px 15px #dc354566;transform:translateY(-2px)}.cancel-btn{background:#6c757d}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.education-table{margin-top:1rem;overflow-x:auto}.education-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.education-table thead{background:#f8f9fa}.education-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:14px;font-weight:600;padding:12px;text-align:left}.education-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:middle}.education-table tbody tr:hover{background:#f8f9fa}.education-table input,.education-table select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px;width:100%}.education-table input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;outline:none}.education-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.profile-container{padding:15px}.profile-header{flex-direction:column;padding:15px;text-align:center}.welcome-title{font-size:1.5rem}.profile-content{display:flex;flex-direction:column;gap:20px}.profile-sidebar{border-radius:8px;padding:20px;position:relative;top:auto;width:100%}.profilesp-avatar{height:100px;width:100px}.profile-image{height:140px;width:140px}.cancelsp-btn,.editsp-btn,.savesp-btn,.sidebar-btn,.upload-btn,.uploadsp-btn{font-size:12px;padding:8px 10px;width:100%}.profile-main{gap:20px}.profile-section{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:15px;width:100%}.info-grid,.project-grid,.score-grid{gap:15px;grid-template-columns:1fr}.info-item input,.info-item select,.info-item textarea{font-size:14px;padding:8px}.education-table{overflow-x:auto}.education-table table{min-width:400px;width:100%}.modal-content{padding:1rem}.modal-header h3{font-size:1rem}.skills-review{padding:.8rem}.score-item .score{font-size:22px}.progress-text{font-size:12px}}@media (max-width:480px){.profile-container,.profile-header{padding:10px}.welcome-title{font-size:1.2rem}.profile-content{gap:15px}.profile-sidebar{padding:15px}.profilesp-avatar{height:80px;width:80px}.profile-image{height:120px;width:120px}.cancelsp-btn,.editsp-btn,.savesp-btn,.sidebar-btn,.upload-btn,.uploadsp-btn{font-size:11px;padding:6px 8px;width:100%}.profile-section{padding:15px}.info-grid,.project-grid,.score-grid{gap:12px;grid-template-columns:1fr}.info-item input,.info-item select,.info-item textarea{font-size:13px;padding:6px}.education-table table{font-size:12px}.education-table input,.education-table select{font-size:11px;padding:5px}.project-item{padding:12px}.progress-text{font-size:11px}.score-item .score{font-size:18px}}.profile-container{background:#f5f5f5;min-height:100vh;padding:20px}.profile-header{margin-bottom:30px;text-align:center}.welcome-title{color:#333;font-size:28px;font-weight:600}.error-message{background:#fee;color:#c33;margin-bottom:20px;padding:12px 20px;text-align:center}.profile-content{display:flex;gap:24px;margin:0 auto;max-width:1600px}.profile-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tabs-container{background:#fff;border-bottom:2px solid #e5e7eb;padding:0 20px}.tabs{display:flex;gap:8px;overflow-x:auto}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:15px;font-weight:500;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:#f9fafb;color:#4f46e5}.tab-btn.active{border-bottom-color:#4f46e5}.tab-content{max-height:calc(100vh - 200px);padding:32px}.info-section{margin-bottom:32px}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.info-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-label{color:#6b7280;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.info-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;padding:12px}.info-value input,.info-value select,.info-value textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:15px;padding:10px 12px;transition:border-color .3s ease;width:100%}.info-value input:focus,.info-value select:focus,.info-value textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.info-value textarea{min-height:80px;resize:vertical}.info-value .icon{color:#6b7280;margin-right:8px}.modal-overlay{background:#000000b3}@media (max-width:1200px){.profile-content{flex-direction:column}.tab-content{max-height:none}}@media (max-width:768px){.profile-container{padding:12px}.tab-content{padding:20px}.info-grid{grid-template-columns:1fr}.tabs{gap:4px}.tab-btn{font-size:14px;padding:12px 16px}}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:40px}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px}.text-muted{color:#6b7280}.text-primary{color:#4f46e5}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:12}.upload-modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;height:50%;max-height:600px;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:1200}.upload-modal-close-btn{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.upload-modal-close-btn:hover{background:#ff3838;transform:scale(1.1)}.upload-modal-content{display:flex;height:100%}.upload-modal-sidebar{align-items:center;background:#312f44;color:#fff;display:flex;flex-direction:column;padding:40px 30px;position:relative;width:300px}.upload-modal-profile-section{margin-bottom:40px;text-align:center}.upload-modal-avatar{border:4px solid #ffffff4d;border-radius:50%;height:120px;margin:0 auto 20px;overflow:hidden;position:relative;width:120px}.upload-modal-profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.upload-modal-default-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.upload-modal-avatar-text{color:#fff;font-size:48px;font-weight:700}.upload-modal-user-info h3{font-size:24px;font-weight:600;margin:0 0 8px}.upload-modal-user-info p{font-size:16px;margin:0;opacity:.8}.upload-modal-profile-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.upload-modal-profile-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.upload-modal-links{bottom:30px;display:flex;font-size:14px;gap:20px;opacity:.7;position:absolute}.upload-modal-links span{cursor:pointer;transition:opacity .2s ease}.upload-modal-links span:hover{opacity:1}.upload-modal-main{align-items:center;background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;padding:60px 50px}.upload-modal-title{color:#2c3e50;font-size:32px;font-weight:600;margin-bottom:50px;text-align:center}.upload-modal-options{display:flex;gap:40px;margin-bottom:50px}.upload-modal-option{align-items:center;display:flex;flex-direction:column;gap:15px}.upload-modal-option-btn{background:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:500;min-width:140px;padding:12px 24px;transition:all .3s ease}.upload-modal-option-btn:hover{background:#0056b3;box-shadow:0 5px 15px #007bff4d;transform:translateY(-2px)}.upload-modal-option-btn.drag-btn{background:#28a745}.upload-modal-option-box{align-items:center;background:#fff;border:3px dashed #dee2e6;border-radius:15px;cursor:pointer;display:flex;height:140px;justify-content:center;position:relative;transition:all .3s ease;width:180px}.upload-modal-option-box:hover{background:#f8f9ff;border-color:#007bff;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.upload-modal-option-box.drag-over,.upload-modal-option-box.drag-zone:hover{background:#f8fff9;border-color:#28a745}.upload-modal-option-box.drag-over{border-style:solid;transform:scale(1.05)}.upload-modal-option-content{text-align:center}.upload-modal-option-icon{color:#6c757d;margin-bottom:15px}.camera-icon{color:#007bff}.upload-modal-plus-icon{color:#28a745;font-size:48px;font-weight:300;margin-bottom:15px}.upload-modal-file-types{display:flex;gap:8px;justify-content:center}.upload-modal-file-type{font-size:20px;opacity:.7}.upload-modal-upload-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.upload-modal-upload-btn:hover{background:linear-gradient(135deg,#ff5252,#f44);box-shadow:0 10px 25px #ff6b6b66;transform:translateY(-3px)}@media (max-width:768px){.upload-modal-container{flex-direction:column;height:90%;width:95%}.upload-modal-content{flex-direction:column}.upload-modal-sidebar{height:auto;padding:20px;width:100%}.upload-modal-main{padding:30px 20px}.upload-modal-options{flex-direction:column;gap:20px}.upload-modal-title{font-size:24px;margin-bottom:30px}}@media (max-width:480px){.upload-modal-container{height:90%;overflow-y:auto}.upload-modal-sidebar{padding:20px 15px}.upload-modal-user-info h3{font-size:20px}.upload-modal-user-info p{font-size:14px}.upload-modal-profile-btn{font-size:14px;padding:10px 20px}.upload-modal-main{overflow-y:auto;padding:20px 15px}.upload-modal-title{font-size:22px;margin-bottom:25px}.upload-modal-options{flex-direction:column;gap:20px}.upload-modal-option-btn{font-size:14px;min-width:120px;padding:10px 18px}.upload-modal-option-box{height:120px;width:100%}.upload-modal-upload-btn{flex-wrap:wrap;font-size:16px;justify-content:center;padding:12px 25px;text-align:center}.upload-modal-option-icon,.upload-modal-plus-icon{font-size:32px;margin-bottom:10px}.upload-modal-file-type{font-size:16px}}@media (max-width:375px){.upload-modal-title{font-size:20px}.upload-modal-option-btn{font-size:13px;padding:8px 16px}.upload-modal-upload-btn{font-size:14px;padding:10px 20px}.upload-modal-profile-btn{font-size:13px;padding:8px 16px}.upload-modal-user-info h3{font-size:18px}.upload-modal-user-info p{font-size:13px}.upload-modal-option-box{height:100px}.upload-modal-option-icon,.upload-modal-plus-icon{font-size:28px}}body,html{height:100%;overflow-x:hidden;width:100%}.bulk-actions-bar{align-items:center;background:#312f44;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 20px}.selected-count{font-size:14px;font-weight:600}.bulk-actions{display:flex;gap:10px}.bulk-download-btn{align-items:center;background:#efb102;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.bulk-download-btn:hover:not(:disabled){background:#efb102;transform:translateY(-1px)}.bulk-download-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.select-column{padding:8px!important}.select-column input[type=checkbox]{accent-color:#667eea}.selected-row{background-color:#e3f2fd!important;border-left:4px solid #2196f3}.selected-row:hover{background-color:#bbdefb!important}.table-container{position:relative}.records-tablesr thead th:first-child{background:#f8f9fa;z-index:11}.select-column input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #ddd;border-radius:3px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}input[type=checkbox]:checked{background:#667eea;border-color:#667eea}input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:1px;position:absolute;top:-2px}input[type=checkbox]:indeterminate{background:#667eea;border-color:#667eea}input[type=checkbox]:indeterminate:after{color:#fff;content:"−";font-size:14px;left:2px;position:absolute;top:-3px}@media (max-width:768px){.bulk-actions-bar{flex-direction:column;gap:10px;text-align:center}.bulk-actions{justify-content:center;width:100%}.select-column{width:40px}}.dashboard{background-attachment:fixed;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;margin-left:70px;min-height:100vh;padding:20px;transition:margin-left .3s ease,width .3s ease;width:100%;width:calc(100% - 67px)}.dashboard-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;position:relative}.logo2{flex:1 1}.logo2 img{height:auto;width:50px}.dashboard-heading{color:#333;flex:2 1;font-size:24px;text-align:center;transform:translateX(0)}.dashboard-heading h1{left:70px;text-align:center}.new-admission-btn{background-color:#474556;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.new-admission-btn:hover{background-color:#312f44}.searchsr-bar{display:flex;flex-grow:1;gap:20px;margin-bottom:20px}.search-bar-container{flex-shrink:0}.search-bar{align-items:center;display:flex;gap:10px}.search-bar-container h3{font-weight:700;margin-top:10px}.select-dropdown{background-color:initial;border:none;border-bottom:2px solid #333;border-radius:0;font-family:Times New Roman,Times,serif;font-size:16px;height:40px;line-height:1.5;min-width:150px;outline:none;padding:8px 0}.select-dropdown option:hover{background-color:#eab422;color:#fff}.select-dropdown::-webkit-scrollbar{width:12px}.select-dropdown::-webkit-scrollbar-track{background:#edeae4}.select-dropdown::-webkit-scrollbar-thumb{background-color:#ece8de;border:3px solid #efb102;border-radius:10px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:#efb102}.search-input{border:none;flex-grow:1;padding:8px}.search-input:focus{border-bottom:2px solid #efb102}.addcompany-search-btn{background-color:#312f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;margin-right:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.addcompany-search-btn:hover{background-color:#1c1a28}.viewcompany-search-btn{background-color:#235024;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;margin-right:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.viewcompany-search-btn:hover{background-color:#254126}.tablesr-container{background-color:#fff;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.table-container::-webkit-scrollbar-thumb{background-color:#ece8de;border:3px solid #efb102;border-radius:10px}.records-tablesr{background-color:#fff;border-collapse:collapse;min-height:100%;width:100%}.records-tablesr thead{background-color:#f8f8f8;position:-webkit-sticky;position:sticky;top:0;z-index:1}.records-tablesr td,.records-tablesr th{padding:12px;text-align:left;white-space:nowrap}.records-tablesr td{padding:8px;position:relative;transition:all .3s ease;vertical-align:middle}.records-tablesr th{background-color:#f7fafc;color:#333;font-weight:700}.records-tablesr tr:nth-child(2n){background-color:#f9f9f9}.records-tablesr tr:hover{background-color:#f5f5f5}.no-records{color:#cf3c3c;padding:20px}.paginationsr{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-top:20px;width:100%}.paginationsr-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:0;transition:background-color .3s ease,color .3s ease,transform .2s;width:36px}.paginationsr-btn.active{background-color:#efb102;border-color:#efb102;color:#fff}.paginationsr-btn:hover{background-color:#ffb84d;border-color:#efb102;color:#fff}.paginationsr-ellipsis{color:#555;font-weight:700;padding:.5rem .75rem}.items-per-page{background-color:initial;border:2px solid #ccc;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:14px;margin-left:auto;outline:none;padding:5px 10px;transition:border-color .3s ease,box-shadow .3s ease}.items-per-page:hover{border-color:#efb102;box-shadow:0 0 5px #ff800080}.items-per-page:focus{border-color:#efb102;box-shadow:0 0 8px #ff8000b3}.pagination-icons{align-items:center;display:flex;gap:15px}.download-btn{background-color:initial;border:none;color:#312f44;cursor:pointer;font-size:24px;padding:5px;transition:color .3s ease,transform .2s ease}.download-btn:hover{color:#efb102;transform:scale(1.1)}.list{background-color:initial;border:none;color:#312f44;cursor:pointer;font-size:24px;padding:5px;transition:color .3s ease,transform .2s ease}.list:hover{color:#efb102;transform:scale(1.1)}.completed-row{background-color:#d4edda!important}.inactive-row{background-color:#ffe5b4}.search-bar-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.search-bar-container ::placeholder{color:#333}.head h3{color:#efb102;margin-bottom:10px;margin-left:1px}.pending-fees{background-color:#efb102!important}.records-table tr.has-pending-fees{background-color:#efb00233!important}.column-selection-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.column-selection-modal{border-radius:10px;overflow:auto}.column-selection-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.column-selection-header h2{color:#333;margin:0}.modal-close-btn{font-size:30px;transition:color .3s ease}.column-list-container{max-height:100%;overflow-y:auto;padding-right:30px}.column-grid{grid-gap:11px;align-items:start;display:grid;gap:11px;grid-template-columns:repeat(3,1fr);justify-content:space-between}.column-checkbox input[type=checkbox]{margin-right:1px}.check{display:block;height:12px;margin:0;overflow:hidden;padding:0}.column-selection-header h3{align-items:center;color:#312f44;margin-bottom:20px}.column-selection-footer,.column-selection-header h3{display:flex;justify-content:space-between;width:100%}.column-selection-footer{margin-top:20px}.column-selection-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:80%;max-width:90%;padding:20px;width:600px}.column-selection-modal .column-checkbox{text-overflow:clip}.column-checkbox{align-items:center;display:flex;justify-content:start;overflow:visible;padding:8px;width:100%}.column-checkbox input{flex-shrink:0;margin-left:0;width:40px}.column-checkbox:hover{background-color:#f0f0f0}.column-checkbox input:checked+label{color:#efb102}.column-checkbox:hover{background-color:#fff}.column-checkbox.permanent{cursor:not-allowed;opacity:.7}.column-checkbox input{margin-left:5px}.column-checkbox input[disabled]{cursor:not-allowed}.column-dropdown-actions{align-items:center;display:flex;justify-content:space-between}.btn-cancel,.btn-ok{border:none;cursor:pointer;margin-left:10px;padding:8px 15px}.btn-cancel,.btn-ok,.select-all-btn{border-radius:4px;transition:background-color .3s ease}.select-all-btn{justify-content:flex-start;margin-right:350px;padding:8px 10px}.btn-ok,.select-all-btn{background-color:#474556}.btn-ok{color:#fff}.btn-cancel{background-color:#f7cd5c;color:#fff}.btn-ok:hover{background-color:#312f44}.btn-cancel:hover{background-color:#efb102}.column-checkbox input:checked+span{color:#efb102}.column-checkbox input:checked+span:before{border-color:#efb102}.column-checkbox span{word-wrap:break-word;flex-grow:1;line-height:1.3;max-width:100%;overflow:visible;white-space:normal}.action-buttons{display:flex;gap:8px;justify-content:left!important}.cancel11-btn,.edit-btn,.save-btn,.staff-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .3s ease}.editpp-btn{background-color:initial;color:#111}.editpp-btn:hover:not(:disabled){color:#111;transform:scale(1.1)}.edit-btn:disabled{color:#ccc;cursor:not-allowed}.save-btn{color:#4caf50}.save-btn:hover{color:#45a049;transform:scale(1.1)}.cancel11-btn{color:#f44336}.cancel11-btn:hover{color:#d32f2f;transform:scale(1.1)}.edit-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 8px;width:90%}.edit-input:focus{border-color:#2196f3;box-shadow:0 0 5px #2196f34d;outline:none}.edit-form-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}.edit-form-container{background-color:#fff;border-radius:8px;max-height:90vh;max-width:1200px;overflow-y:auto;padding:2rem;width:90%}.edit-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back1-button{background-color:#e3b427;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.disabled-input{background-color:#f5f5f5;cursor:not-allowed}.form-actions{border-top:1px solid #ddd;gap:1rem;padding-top:1rem}.cancel-button,.save-button{border:none;border-radius:4px;gap:.5rem;padding:.5rem 1rem}.save-button{background-color:#efb102}.cancel-button{background-color:#312f44}@media screen and (max-width:768px){.dashboard{padding:10px}.dashboard-header{align-items:flex-start;flex-direction:row}.new-admission-btn{margin-top:10px}.search-bar{flex-direction:column}.action-buttons{flex-direction:row!important}.search-dropdown,.search-input{margin-bottom:10px;width:100%}.records-table{font-size:14px}.table-container{min-height:50vh}.column-grid{grid-template-columns:1fr}}@media screen and (max-width:480px){.dashboard{padding:8px}.dashboard-header{align-items:flex-start;flex-direction:row;gap:10px}.dashboard-heading{font-size:18px;text-align:center;transform:none}.logo2 img{width:40px}.action-buttons{flex-direction:row}.new-admission-btn{padding:10px;text-align:center;width:100%}.search-bar,.searchsr-bar{flex-direction:column;gap:10px}.search-bar-container{flex-direction:row;gap:10px;width:100%}.search-input,.select-dropdown{width:100%}.records-table td,.records-table th{font-size:13px;padding:8px}.pagination-icons{align-items:stretch}.pagination-icons,.paginationsr{flex-direction:column;gap:10px}.items-per-page{margin:0;width:50%}.column-grid{grid-template-columns:1fr}.column-selection-modal{max-height:85%;padding:16px;width:95%}.edit-form-container{padding:16px;width:95%}.form-grid{grid-template-columns:1fr}.cancel-button,.save-button{justify-content:center;width:100%}}@media screen and (max-width:375px){.dashboard-heading{font-size:16px}.new-admission-btn{font-size:14px;padding:8px}.search-input{font-size:14px}.select-dropdown{font-size:14px;min-width:0;min-width:auto}.records-table td,.records-table th{font-size:12px;padding:6px}.paginationsr-btn{font-size:12px;height:30px;width:30px}.column-selection-modal{padding:12px}.btn-cancel,.btn-ok,.select-all-btn{font-size:14px;padding:6px 10px}.form-group input,.form-group select,.form-group textarea{font-size:14px}.column-selection-footer{align-items:stretch;flex-direction:row;gap:10px}}.multi-select-field{margin-bottom:20px}.multi-select-field label{color:#333;display:block;margin-bottom:8px}.multi-select-input-wrapper{background:#0000;border-bottom:2px solid #ddd;cursor:text;gap:8px;min-height:40px;padding:8px 0;transition:border-color .2s ease}.multi-select-input-wrapper:focus-within,.multi-select-input-wrapper:hover{border-bottom-color:#007bff}.selected-tag{background:#e3f2fd;color:#1976d2;gap:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove{background:none;color:#1976d2;font-size:14px;font-weight:700;margin-left:4px;padding:0;transition:background-color .2s ease}.tag-remove:hover{background:#1976d21a}.multi-select-search-input{color:#333;padding:4px 0}.multi-select-search-input::placeholder{color:#999;font-family:Times New Roman,Times,serif}.dropdown-arrow{color:#666;font-size:12px;padding:4px}.dropdown-arrow.open{transform:rotate(180deg)}.multi-select-dropdown{border-radius:4px;margin-top:4px;max-height:250px}.options-list{max-height:250px}.option-item{border-bottom:1px solid #f5f5f5;padding:8px 12px;transition:background-color .2s ease}.option-item:hover{background-color:#f8f9fa}.option-item.selected{background-color:#e3f2fd;color:#1976d2}.option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-options{color:#999;padding:16px}.advanced-search-modal{max-height:80vh;max-width:600px;overflow-y:auto}.modal-body{max-height:60vh}.filter-badge.company-location{background-color:#e8f5e8;color:#2e7d32}.filter-badge.experience{background-color:#fff3e0;color:#f57c00}@media (max-width:768px){.selected-tag{font-size:11px;max-width:100px}.multi-select-dropdown{max-height:200px}.advanced-search-modal{margin:20px;max-width:90vw}.selected-tags{gap:2px}.multi-select-search-input{min-width:80px}}.advanced-filters-toggle{display:flex;justify-content:center;margin:20px 0}.toggle-filters-btn{align-items:center;background:#312f44;border:none;border-radius:8px;box-shadow:0 4px 8px #667eea33;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.toggle-filters-btn:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.toggle-filters-btn svg{transition:transform .3s ease}.advanced-filters-panel{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:20px 0;padding:24px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.filters-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding-top:20px}.apply-filters-btn{align-items:center;background:#efb102;border:none;border-radius:8px;box-shadow:0 4px 8px #4caf5033;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;padding:12px 32px;transition:all .3s ease}.apply-filters-btn:hover{box-shadow:0 6px 16px #4caf504d;transform:translateY(-2px)}.apply-filters-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.clear-btn{background:#0000;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.clear-btn:hover{background:#dc3545;box-shadow:0 4px 12px #dc354533;color:#fff;transform:translateY(-2px)}.multi-select-field{display:flex;flex-direction:column;gap:8px}.multi-select-field label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:4px}.multi-select-input-wrapper{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;min-height:44px;padding:8px 40px 8px 12px;position:relative;transition:all .3s ease}.multi-select-input-wrapper:hover{border-color:#cbd5e0}.multi-select-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.selected-tags{gap:6px;margin-right:8px}.selected-tag{align-items:center;animation:tagAppear .2s ease-out;background:#312f44;border-radius:16px;color:#fff;display:flex;font-size:12px;gap:6px;padding:4px 8px}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;transition:all .2s ease;width:16px}.tag-remove:hover{background:#ffffff4d;transform:scale(1.1)}.multi-select-search-input{background:#0000;border:none;flex:1 1;font-size:14px;min-width:120px;outline:none}.multi-select-search-input::placeholder{color:#a0aec0}.dropdown-arrow{color:#718096;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.multi-select-dropdown{animation:dropdownAppear .2s ease-out;border:2px solid #e2e8f0;border-radius:0 0 8px 8px;box-shadow:0 8px 24px #0000001a}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.options-list{max-height:200px;overflow-y:auto}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f1f1}.options-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.option-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s ease}.option-item:hover{background:#f7fafc}.option-item.selected{background:#edf2f7;color:#2d3748}.option-checkbox{accent-color:#667eea;cursor:pointer;margin:0}.option-text{flex:1 1;font-size:14px}.no-options{color:#a0aec0;padding:16px 12px}.filter-summary-row{margin:16px 0}.active-filters-summary{align-items:center;background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:16px}.filters-label{color:#2d3748;font-weight:600;margin-right:8px}.filter-badge{align-items:center;background:#e2e8f0;border-radius:16px;color:#2d3748;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px;transition:all .2s ease}.filter-badge.branch,.filter-badge.company-location,.filter-badge.department,.filter-badge.experience,.filter-badge.skill-known{background:#312f44;color:#fff}.clear-filter-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;transition:all .2s ease;width:18px}.clear-filter-btn:hover{background:#ffffff80;transform:scale(1.1)}.clear-all-btn{background:#dc3545;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;transition:all .2s ease}.clear-all-btn:hover{background:#c82333;transform:translateY(-1px)}@media (max-width:768px){.filters-grid{gap:16px;grid-template-columns:1fr}.filters-actions{flex-direction:column;gap:12px}.apply-filters-btn,.clear-btn{justify-content:center;width:100%}.active-filters-summary{align-items:flex-start;flex-direction:column;gap:12px}.filters-label{margin-bottom:8px}}.company-edit-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}.company-edit-container{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.company-edit-header{align-items:center;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#000;display:flex;justify-content:space-between;padding:24px 32px}.company-edit-header h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}.backcp-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:8px;color:#000;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.back-button:hover{background:#efb102;transform:translateY(-1px)}.company-edit-form{padding:10px}.form-content{display:flex;flex-direction:column;gap:24px;margin-bottom:12px}.form-group label{color:#374151;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.company-search-container{position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:12px;position:absolute;z-index:1}.company-search-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.company-search-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.company-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.company-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.company-option:last-child{border-bottom:none}.company-option:hover{background-color:#f3f4f6;color:#667eea}.status-select{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.status-select:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feedback-textarea{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.5;min-height:100px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feedback-textarea::placeholder{color:#9ca3af;font-style:italic}.form-actions{border-top:1px solid #e5e7eb;padding-top:24px}.cancel-button,.save-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.save-button{background:#312f44;border:none;color:#fff}.save-button:hover{box-shadow:0 6px 20px #1024b966;transform:translateY(-2px)}.cancel-button{border:2px solid #e5e7eb}.cancel-button:hover{background-color:#efb102;border-color:#d1d5db;color:#fff}@media (max-width:768px){.company-edit-overlay{padding:10px}.company-edit-container{max-height:95vh;max-width:100%}.company-edit-header{padding:20px 24px}.company-edit-header h2{font-size:20px}.company-edit-form{padding:24px}.form-actions{flex-direction:column}.cancel-button,.save-button{justify-content:center;width:100%}}@media (max-width:480px){.company-edit-header{align-items:flex-start;flex-direction:column;gap:16px}.back-button{align-self:flex-end}.company-edit-form{padding:20px}.form-content{gap:20px}}.modal-overlay{background-color:#0009}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:95vw}.modal-header{border-bottom:2px solid #e9ecef;color:#fff;padding:20px 25px}.modal-header h3{font-size:1.5rem}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:5px;transition:background-color .2s ease;width:35px}.close-btn:hover{background-color:#fff3}.modal-body{flex:1 1;padding:25px}.student-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #667eea;border-radius:8px;margin-bottom:25px;padding:15px 20px}.student-info h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 8px}.student-info p{color:#6c757d;font-size:.95rem;margin:0}.placement-table-container{border-radius:8px}.placement-details-table{background:#fff;border-collapse:collapse;font-size:.9rem;min-width:1000px;width:100%}.placement-details-table thead{color:#000}.placement-details-table th{border-right:1px solid #fff3;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.placement-details-table th:last-child{border-right:none}.placement-details-table td{border-bottom:1px solid #dee2e6;line-height:1.5;padding:15px 12px;vertical-align:top}.placement-details-table tbody tr{transition:background-color .2s ease}.placement-details-table tbody tr:hover{background-color:#f8f9fa}.placement-details-table tbody tr:nth-child(2n){background-color:#fafbfc}.placement-details-table tbody tr:nth-child(2n):hover{background-color:#f1f3f4}.company-name{font-weight:600;min-width:150px}.status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;min-width:120px;padding:6px 12px!important;text-align:center;text-transform:uppercase}.status-placed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-interview-scheduled{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-application-sent{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-technical-round{background-color:#e2e3f1;border:1px solid #d6d8db;color:#383d41}.status-hr-round{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.feedback-cell{word-wrap:break-word;color:#495057;line-height:1.6;max-width:250px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;max-width:100%}.modal-header{padding:15px 20px}.modal-header h3{font-size:1.3rem}.modal-body{padding:20px}.student-info{padding:12px 15px}.placement-details-table{font-size:.8rem;min-width:800px}.placement-details-table td,.placement-details-table th{padding:10px 8px}.feedback-cell{font-size:.75rem;max-width:200px}}@media (max-width:480px){.placement-details-table{min-width:600px}.feedback-cell{max-width:150px}}.page-wrapper{background-attachment:fixed;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;font-family:serif;margin-left:70px;min-height:100vh;padding:20px;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 67px)}.multi-select-container{position:relative;width:100%}.multi-select-input{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;min-height:40px;padding:8px 12px;transition:border-color .2s}.multi-select-input:hover{border-color:#bbb}.multi-select-input:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.multi-select-input.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.selected-tags{flex:1 1;flex-wrap:wrap}.selected-tags,.tag{align-items:center;display:flex;gap:4px}.tag{background:#007bff;border-radius:12px;color:#fff;font-size:12px;max-width:150px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.tag-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;padding:0;transition:background-color .2s;width:16px}.tag-close:hover{background-color:#fff3}.dropdowncn-arrow{color:#666;font-size:12px;margin-left:8px;transition:transform .2s;-webkit-user-select:none;user-select:none}.multi-select-input:hover .dropdown-arrow{color:#333}.multi-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-container{background:#f8f9fa;border-bottom:1px solid #eee;padding:8px}.search-input{border-bottom:2px solid #000;border-radius:4px;font-size:14px;outline:none;padding:6px 10px;transition:border-color .2s;width:100%}.dropdown-options{max-height:150px;overflow-y:auto}.dropdown-option{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s}.dropdown-option:hover{background-color:#f5f5f5}.dropdown-option.selected{background-color:#e3f2fd}.dropdown-option.selected:hover{background-color:#bbdefb}.dropdown-option input[type=checkbox]{cursor:pointer;margin:0}.dropdown-option span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-options{color:#666;font-style:italic;padding:12px;text-align:center}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.placement-header{border-radius:12px;color:#1b1c36;margin-bottom:30px;padding:30px;position:relative}.placement-header .user-dropdown{position:absolute;right:30px;top:50%;transform:translateY(-50%)}.backs-button{position:absolute;right:20px;top:50px}.backs-button:hover{background-color:#504e68;box-shadow:0 6px 12px #0003;transform:scale(1.05)}.placement-card{background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;margin-bottom:30px;padding:40px}.placement-card h3{border-bottom:2px solid #07c;font-size:20px;margin-bottom:30px;padding-bottom:10px}.form-row{align-items:start;grid-template-columns:1fr;margin-bottom:25px}.form-row.single-column{gap:0;grid-template-columns:1fr}.formac-group{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:200px 1fr;min-height:45px}.formac-group.full-width{grid-column:1/-1;grid-template-columns:200px 1fr}.form-group label{color:#333;padding-right:10px;text-align:right;white-space:nowrap}.formac-group input,.formac-group select,.formac-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-family:Times New Roman,Times,serif;font-size:14px;padding:10px 12px;transition:all .3s ease;width:80%}.formac-group input:focus,.formac-group select:focus,.formac-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.formac-group textarea{min-height:80px;resize:vertical}.job-description-section,.remarks-section{margin:30px 0}.job-description-section .formac-group,.remarks-section .formac-group{align-items:start;grid-template-columns:200px 1fr}.job-description-section textarea,.remarks-section textarea{min-height:100px}.bond-details-group{margin-top:15px;padding-left:220px}.bond-details-group .formac-group{grid-template-columns:150px 1fr;margin-bottom:0}.direct-apply-link-group{margin-top:15px;padding-left:220px}.direct-apply-link-group .formac-group{grid-template-columns:150px 1fr;margin-bottom:0}.button-container{border-top:1px solid #eee;margin-top:40px;padding-top:30px;text-align:right}.savepp-button{background:linear-gradient(90deg,#f1b600,#f4a300);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:700;padding:12px 30px;transition:all .3s ease}.savepp-button:hover{box-shadow:0 8px 20px #f1b60066;transform:translateY(-2px)}.savepp-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.select-all-btn{background-color:#007bff;border-radius:3px;font-size:11px;padding:4px 8px;transition:background-color .2s;white-space:nowrap}.select-all-btn:hover{background-color:#0056b3}.select-all-btn.deselect{background-color:#dc3545}.select-all-btn.deselect:hover{background-color:#c82333}.placement-table-container{background-color:#f9f9f9;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto;padding:15px 25px}.placement-table{border-collapse:collapse}.placement-table thead{background-color:#d0e8f2;color:#013a63}.placement-table td,.placement-table th{border:none;padding:10px 12px;text-align:left}.placement-table tbody tr:nth-child(2n){background-color:#eef6fb}@media (max-width:1200px){.form-row{gap:20px;grid-template-columns:1fr}.formac-group{gap:15px}.formac-group,.formac-group.full-width{grid-template-columns:180px 1fr}}@media (max-width:768px){.placement-card{padding:20px}.form-row{gap:15px}.formac-group.full-width{grid-template-columns:1fr}.bond-details-group,.direct-apply-link-group{margin-top:10px;padding-left:0}.bond-details-group .formac-group,.direct-apply-link-group .formac-group{grid-template-columns:1fr}.tag{font-size:11px;max-width:100px}.multi-select-dropdown{max-height:150px}.dropdown-options{max-height:100px}}.remarks-section{margin-bottom:20px;margin-top:20px;width:100%}.actions-cell{text-align:center;white-space:nowrap}.actions-buttons{display:flex;gap:8px}.actions-buttons,.actions-buttons button{align-items:center;justify-content:center}.actions-buttons button{background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;padding:6px 10px;transition:background .2s ease}.actions-buttons button:hover{background:#0000}.map-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Times New Roman,Times,serif;font-size:12px;gap:5px;margin-top:12px;padding:5px 10px;transition:background-color .2s}.map-button:hover{background-color:#0056b3}.map-button:disabled{background-color:#ccc;cursor:not-allowed}.matched-data-button{align-items:center;background-color:#ffc800;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Times New Roman,Times,serif;font-size:12px;gap:5px;padding:5px 10px;transition:background-color .2s}.remarks-textarea{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:120px;padding:12px 16px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.remarks-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.remarks-textarea::placeholder{color:#8a8a8a;font-style:italic}.placement-table-wrapper{margin:0 auto;max-width:100%;padding:30px}.placement-table-header{align-items:center;display:flex;justify-content:center;margin-bottom:35px;position:relative}.placement-table-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.placement-table-header .user-dropdown{position:absolute;right:0;top:50%;transform:translateY(-50%)}.placement-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px 35px}.table-scroll-wrapper{border-radius:8px;max-width:100%;overflow-x:auto}.placement-table{border-collapse:initial;border-spacing:0 8px;min-width:1900px;position:relative;width:100%}.placement-table th{word-wrap:break-word;background-color:#312f44;border:none;box-sizing:border-box;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:120px;padding:15px 20px;position:static;text-align:left;text-transform:uppercase;vertical-align:top;white-space:normal}.placement-table th:first-child{border-radius:8px 0 0 8px;min-width:60px;text-align:center}.placement-table th:last-child{border-radius:0 8px 8px 0}.placement-table th:nth-child(4),.placement-table th:nth-child(5){min-width:150px}.placement-table td{word-wrap:break-word;border:none;box-sizing:border-box;line-height:1.4;min-width:120px;padding:15px 20px;vertical-align:top;white-space:normal}.placement-table td:first-child{border-radius:8px 0 0 8px;font-weight:600;min-width:60px;text-align:center}.placement-table td:last-child{border-radius:0 8px 8px 0}.placement-table td:nth-child(4),.placement-table td:nth-child(5){min-width:150px}.placement-table tbody tr{background-color:#f8f9fa;transition:background-color .2s ease}.placement-table tbody tr:nth-child(2n){background-color:#fff}.placement-table tbody tr:hover{background-color:#e3f2fd}.job-description-cell,.remarks-cell{word-wrap:break-word;line-height:1.5;min-width:250px;vertical-align:top;white-space:normal}.remarks-cell{word-wrap:break-word;line-height:1.4;min-width:300px;padding:15px 20px;vertical-align:top;white-space:pre-wrap}.link-cell a{color:#ff8f00;font-weight:500;text-decoration:none}.link-cell a:hover{text-decoration:underline}.no-records{padding:50px;text-align:center}.no-records h3{color:#333;margin-bottom:10px}.no-records p{color:#666;margin-bottom:20px}.backs-button{background-color:#312f44;border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:700;padding:8px 16px;top:33px;transition:all .3s ease}.backs-button:hover{background-color:#4a4759;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.error-state,.loading-state{text-align:center}.header-buttons{display:flex;gap:10px}.refresh-button{background-color:#007bff;border:none;border-radius:4px;padding:8px 16px}.button-container{display:flex;gap:10px;justify-content:right;margin-top:20px}.pagination-wrapper{margin-top:20px;padding:0 20px;position:relative}.pagination-container{flex:1 1;justify-content:center}.config-icon-container{align-items:center;display:flex}.config-icon{background-color:initial;border:none;color:#312f44;cursor:pointer;font-size:24px;padding:5px;transition:color .3s ease,transform .2s ease}.config-icon:hover{color:#efb102;transform:scale(1.1)}.modal-overlay{animation:fadeIn .3s ease;background:#00000080}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;font-family:Times New Roman,Times,serif;max-height:1700px;max-width:600px;overflow:hidden;width:100%}.modal-header{background:#f8f9fa;padding:20px}.modal-header h3{font-size:22px}.modal-close-btn{color:#111!important;font-size:20px;padding:5px;transition:background .2s ease}.modal-close-btn:hover{background:#e9ecef}.modal-body{max-height:400px;overflow-y:auto;padding:20px}.modal-description{color:#666;font-size:14px;margin-bottom:15px}.select-all-container{display:flex;justify-content:flex-end}.select-all-btn{background:#312f44;border:none;border-radius:20px;box-shadow:0 2px 6px #ffc10733;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.select-all-btn:hover{box-shadow:0 4px 8px #0706034d;transform:translateY(-1px)}.select-all-btn:active{box-shadow:0 2px 4px #ffc10733;transform:translateY(0)}.fields-list{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:1fr 1fr}.field-checkbox,.field-item{align-items:center;display:flex}.field-checkbox{cursor:pointer;font-size:15px;font-weight:200;padding-left:30px;position:relative;width:100%}.field-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #ddd;border-radius:3px;height:18px;left:0;position:absolute;transition:all .2s ease;width:18px}.field-checkbox:hover input~.checkmark{background-color:#fffde7;border-color:#ffd54f}.field-checkbox input:checked~.checkmark{background-color:#ffd54f;border-color:#ffd54f}.field-checkbox input:checked~.checkmark:after{border-color:#333}.field-checkbox input:disabled~.checkmark{background-color:#f8f9fa;border-color:#dee2e6}.checkmark:after{border:solid #333;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.field-checkbox input:checked~.checkmark:after{display:block}.field-label{align-items:center;color:#333;display:flex;font-family:Times New Roman,Times,serif;gap:8px}.field-checkbox input:disabled~.checkmark~.field-label{color:#6c757d}.required-badge{background:#fff3e0;border-radius:10px;color:#ef6c00;font-size:11px;font-weight:500;padding:2px 6px}.modal-footer{background:#f8f9fa;padding:15px 20px}.modal-btn{border-radius:4px;font-size:16px;font-weight:500;padding:8px 16px;transition:all .2s ease}.modal-btn-secondary{background:#ffb300;color:#333;font-family:Times New Roman,Times,serif}.modal-btn-secondary:hover{background:#ffd54f}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.edit-button{align-items:center;background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:12px;gap:5px;padding:8px 12px;transition:all .3s ease}.edit-button:hover{background:#138496;transform:translateY(-1px)}.edit-button:active{transform:translateY(0)}.edit-cell{padding:8px;text-align:center}.edit-modal{max-width:50vw}.form-group .required{color:#e74c3c}.form-select{cursor:pointer}.form-select option{padding:8px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin:0 8px;padding:12px 24px;transition:all .3s ease}.modal-btn-primary{background:#312f44;color:#fff;font-family:Times New Roman,Times,serif}.modal-btn-primary:hover:not(:disabled){background:#312f44;transform:translateY(-1px)}.modal-btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none}.modal-btn-secondary{background:#efb102;color:#fff}.modal-btn-secondary:hover:not(:disabled){background:#efb102;transform:translateY(-1px)}.modal-btn-danger{background:#dc3545;color:#fff;font-family:Times New Roman,Times,serif}.modal-btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.modal-btn-danger:disabled{background:#6c757d;cursor:not-allowed;transform:none}.confirmation-overlay{z-index:1001}.confirmation-modal{height:400px;max-width:90vw;text-align:center;width:400px}.confirmation-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-direction:column;margin-bottom:20px}.warning-icon{color:#f39c12;font-size:48px;margin-bottom:15px}.confirmation-header h3{color:#333;font-size:24px;margin:0}.confirmation-body{padding:20px 0}.confirmation-body p{color:#666;line-height:1.5;margin:10px 0}.company-name{color:#333!important;font-size:18px;margin:15px 0!important}.warning-text{color:#e74c3c!important;font-size:14px;font-weight:600}.confirmation-footer{border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding-top:20px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:25px 30px 15px}.modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:18px;padding:5px 10px;transition:all .2s ease}.modal-close-btn:hover{background:#f8f9fa;color:#333}.modal-body{padding:30px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 30px 25px}.edit-form .form-group:last-child{margin-bottom:10px}@media (max-width:768px){.confirmation-modal,.edit-modal{margin:20px;width:95vw}.modal-header{padding:20px 20px 15px}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:15px 20px 20px}.modal-btn{margin:5px 0;width:100%}.confirmation-footer{flex-direction:column;gap:10px}.edit-button{font-size:11px;padding:6px 10px}}.modal-btn:disabled{cursor:not-allowed;opacity:.7}.form-message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px}.form-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.pagination-wrapper{align-items:center;flex-direction:column;gap:15px}.modal-content{margin:10px;width:95%}.modal-body{max-height:400px}.config-icon-btn{font-size:14px;height:35px;width:35px}.config-icon-btn i{font-size:14px}.fields-list{gap:12px;grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}.oldredirect-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Times New Roman,Times,serif;min-height:100vh;padding:2rem}.header-section{color:#2c3e50;margin-bottom:3rem;text-align:center}.page-title{color:#34495e;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.page-description{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.main-content{margin:0 auto;max-width:1200px}.button-section{margin-bottom:3rem}.button-group,.button-section{display:flex;justify-content:center}.button-group{flex-wrap:wrap;gap:2rem}.btn{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;gap:1rem;min-width:280px;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.btn-upload{border-color:#27ae60;color:#27ae60}.btn-upload:hover:not(:disabled){background:#27ae60;border-color:#27ae60;color:#fff}.btn-download{border-color:#3498db;color:#3498db}.btn-download:hover{background:#3498db;border-color:#3498db;color:#fff}.btn-icon{font-size:2rem;opacity:.9}.btn-text{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.btn-title{font-size:1.2rem;font-weight:600;line-height:1.2}.btn-subtitle{font-size:.9rem;font-weight:400;line-height:1.3;opacity:.7}.btn.loading{pointer-events:none}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px}.upload-status{animation:slideDown .3s ease;display:flex;justify-content:center;margin-bottom:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-message{align-items:center;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;font-weight:500;justify-content:space-between;min-width:300px;padding:1rem 1.5rem}.status-message.success{background:linear-gradient(135deg,#d5f4e6,#c8e6c9);border:1px solid #a5d6a7;color:#2e7d32}.status-message.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef9a9a;color:#c62828}.status-message.processing{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1976d2}.status-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:1rem;opacity:.7;padding:0;transition:opacity .3s}.status-close:hover{opacity:1}.info-section{align-items:center;display:flex;flex-direction:column;gap:2rem}.file-info-card,.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:800px;padding:2rem;width:100%}.info-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.file-info-card h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.infobp-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-itembp:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.info-icon{font-size:1.2rem}.info-label{color:#2c3e50;font-size:1rem;font-weight:600}.info-value{color:#5a6c7d;font-size:.9rem;line-height:1.5;padding-left:2rem}.file-details{display:flex;flex-direction:column;gap:.75rem}.file-detail{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:.5rem 0}.file-detail:last-child{border-bottom:none}.file-label{color:#2c3e50;font-weight:500}.file-value{color:#5a6c7d;font-weight:400}@media (max-width:768px){.oldredirect-container{padding:1rem}.page-title{font-size:2rem}.button-group{align-items:center;flex-direction:column;gap:1.5rem}.btn{max-width:350px;min-width:100%}.info-grid{grid-template-columns:1fr}.status-message{min-width:auto;width:100%}}@media (max-width:480px){.page-title{font-size:1.8rem}.page-description{font-size:1rem}.btn{padding:1.25rem 1.5rem}.file-info-card,.info-card{margin:0 .5rem;padding:1.5rem}.info-value{margin-top:.5rem;padding-left:0}.file-detail{align-items:flex-start;flex-direction:column;gap:.25rem}}.btn:focus-visible{outline:2px solid #3498db;outline-offset:2px}input[type=file]:focus-visible+.btn{outline:2px solid #3498db;outline-offset:2px}.company-map-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Times New Roman,Times,serif;min-height:100vh;padding:20px}.company-header{justify-content:flex-end;margin-bottom:30px;position:relative}.back-btn,.company-header{align-items:center;display:flex}.back-btn{background:#fff;border:2px solid #312f44;border-radius:8px;box-shadow:0 2px 4px #4a90e21a;color:#312f44;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:#312f44;box-shadow:0 4px 8px #4a90e233;color:#fff;transform:translateY(-1px)}.page-title{color:#2c3e50;font-size:2rem;font-weight:700;left:50%;margin:0;position:absolute;text-align:center;transform:translateX(-50%)}.error-state,.loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:400px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3e3e3;border-radius:50%;border-top-color:#312f44;height:40px;margin-bottom:20px;width:40px}.error-buttons{display:flex;gap:15px;margin-top:20px}.backcm-button,.retrycm-button{border:none;border-radius:8px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retrycm-button{background:#4a90e2;color:#fff;font-family:Times New Roman,Times,serif}.retrycm-button:hover{background:#357abd;transform:translateY(-1px)}.backcm-button{background:#f8f9fa;border:1px solid #dee2e6;color:#333}.backcm-button:hover{background:#e9ecef}.company-details-section{margin-bottom:40px}.company-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.company-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.company-name{color:#2c3e50;flex:1 1;font-size:2.2rem;font-weight:700;margin:0}.company-location{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#6c757d;display:flex;font-size:1rem;gap:8px;padding:8px 16px}.company-location svg{color:#4a90e2}.company-details-grid{grid-gap:25px;gap:25px;margin-bottom:25px}.detail-item{align-items:center;background:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;gap:15px;padding:20px}.detail-icon{color:#4a90e2;font-size:1.2rem;text-align:center;width:20px}.detail-content{flex:1 1}.detail-content label{color:#6c757d;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-content span{color:#2c3e50;font-size:1rem;font-weight:600}.required-skills{margin-top:25px}.required-skills h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:15px}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{border:2px solid;border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.required-skill{background:#e3f2fd;border-color:#bbdefb;color:#1976d2}.matched-skill{background:#e8f5e8;border-color:#c8e6c9;color:#2e7d32}.other-skill{background:#f5f5f5;border-color:#ddd;color:#666}.students-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.students-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.students-header h2{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.match-legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px}.legend-dot{border:2px solid;border-radius:50%;height:12px;width:12px}.legend-dot.high-match{background:#4caf50;border-color:#4caf50}.legend-dot.medium-match{background:#ff9800;border-color:#ff9800}.legend-dot.low-match{background:#f44336;border-color:#f44336}.no-students{color:#6c757d;padding:60px 20px;text-align:center}.no-students-icon{color:#dee2e6;font-size:4rem;margin-bottom:20px}.no-students h3{color:#495057;font-size:1.5rem;margin-bottom:10px}.mapping-status-column{padding:8px 12px;text-align:center}.mapping-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.85em;font-weight:500;gap:6px;padding:4px 8px;text-transform:capitalize}.mapping-status.mapped{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.mapping-status.not-mapped{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.mapping-status svg{font-size:.9em}.students-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.mapping-status-filter{align-items:center;display:flex;gap:8px}.filter-icon{color:#6b7280;font-size:14px}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:160px;padding:6px 12px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select:hover{border-color:#9ca3af}.students-table-container{margin-bottom:30px;overflow-x:auto}.students-table{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.students-table th{background:#312f44;font-size:.9rem;padding:15px 12px;white-space:nowrap}.students-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:12px;vertical-align:top}.students-table tr:hover{background:#f8f9fa}.students-table tr:last-child td{border-bottom:none}.student-name{color:#2c3e50;font-weight:600;margin-bottom:2px}.student-email{color:#6c757d;font-size:.8rem}.match-score{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:700;gap:5px;padding:4px 8px}.match-score.high-match{background:#e8f5e8;border-color:#4caf50;color:#2e7d32}.match-score.medium-match{background:#fff3e0;border-color:#ff9800;color:#f57c00}.match-score.low-match{background:#ffebee;border-color:#f44336;color:#c62828}.skills-column{max-width:200px}.skills-cell{display:flex;flex-wrap:wrap;gap:4px;max-height:60px;overflow-y:auto}.skill-tag-small{border:1px solid;border-radius:10px;font-size:.7rem;font-weight:500;padding:2px 6px;white-space:nowrap}.matched-skill-small{background:#e8f5e8;border-color:#c8e6c9;color:#2e7d32}.other-skill-small{background:#f5f5f5;border-color:#ddd;color:#666}.no-skills-cell{color:#6c757d;font-size:.8rem;font-style:italic}.pagination-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:30px}.pagination-info{color:#6c757d;font-size:.9rem}.pagination-container{align-items:center;display:flex;gap:5px}.pagination-ellipsis{color:#6c757d;padding:8px 4px}.select-column{text-align:center;width:50px}.selected-row{background-color:#f0f8ff;border-left:3px solid #007bff}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.selection-info{align-items:center;color:#007bff;display:flex;font-weight:700;gap:10px}.clear-selection-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:12px;padding:5px 10px}.clear-selection-btn:hover{background:#5a6268}.map-students-section{margin:20px 0;text-align:center}.map-students-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:700;gap:8px;padding:12px 24px;transition:background-color .3s}.map-students-btn:hover:not(:disabled){background:#218838}.map-students-btn:disabled{background:#6c757d;cursor:not-allowed}.fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.company-map-container{padding:15px}.company-header{align-items:center;flex-direction:row;justify-content:space-between}.page-title{flex:1 1;font-size:1.2rem;margin:0 10px;position:static;text-align:center;transform:none}.company-name{font-size:1.8rem}.company-details-grid{gap:15px;grid-template-columns:1fr}.detail-item{padding:15px}.students-header{align-items:flex-start;flex-direction:column}.match-legend{gap:15px}.pagination-wrapper{flex-direction:column;text-align:center}.company-card-header{align-items:flex-start;flex-direction:column}.students-table{font-size:.8rem}.students-table td,.students-table th{padding:8px 6px}.skills-column{max-width:150px}}@media (max-width:480px){.company-map-container{padding:10px}.company-card,.students-section{padding:20px}.page-title{font-size:1rem}.company-name{font-size:1.5rem}.students-header h2{font-size:1.4rem}.match-legend{gap:10px;justify-content:center}.legend-item{font-size:.8rem}.students-table-container{overflow-x:scroll}.students-table{min-width:600px}}.selection-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;font-family:Times New Roman,Times,serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.selection-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.selection-modal-header{align-items:center;border-bottom:1px solid #555;border-radius:12px 12px 0 0;color:#000;display:flex;justify-content:space-between;padding:20px 24px}.selection-modal-header h3{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;transition:all .2s ease}.close-modal-btn:hover{background:#ffffff1a;transform:scale(1.1)}.close-modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selection-modal-body{padding:24px}.student-info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;padding:20px}.student-info-section h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 16px}.student-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{flex-direction:column;gap:4px}.detail-label{color:#6b7280;font-size:.875rem}.detail-value{color:#1f2937;font-size:.95rem;font-weight:500}.status-attended{background:#d1fae5;border-radius:4px;color:#059669!important;display:inline-block;font-size:.85rem!important;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.selection-form{gap:20px}.form-group,.selection-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#374151;font-size:.95rem;font-weight:600}.selection-buttons{display:flex;flex-wrap:wrap;gap:12px}.selection-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-family:Times New Roman,Times,serif;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 16px;transition:all .2s ease}.selection-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.selection-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selected-btn.active{background:#ecfdf5;border-color:#10b981;color:#065f46}.not-selected-btn.active{background:#fef2f2;border-color:#ef4444;color:#991b1b}.selection-form textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.selection-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.selection-form textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-family:Times New Roman,Times,serif;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px}.form-actions{gap:12px;margin-top:8px}.cancel-btn,.submit-btn{align-items:center;display:flex;font-family:Times New Roman,Times,serif;font-size:.95rem;gap:8px;padding:12px 24px;transition:all .2s ease}.cancel-btn{border:1px solid #d1d5db}.cancel-btn,.cancel-btn:hover:not(:disabled){background:#efb102;color:#fff}.submit-btn{justify-content:center;min-width:140px}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.submit-btn:disabled{box-shadow:none;transform:none}.edit-selection-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.selection-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;margin-bottom:4px;padding:4px 8px}.selection-status-badge.selected{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.selection-status-badge.not-selected{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.selection-feedback{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:4px}@media (max-width:640px){.selection-modal{margin:10px;width:95%}.selection-modal-header{padding:16px 20px}.selection-modal-body{padding:20px}.student-details-grid{grid-template-columns:1fr}.selection-buttons{flex-direction:column}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{justify-content:center;width:100%}}.matched-students-wrapper{background-color:#f5f5f5;font-family:Times New Roman,Times,serif;min-height:100vh;padding:20px}.matched-students-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.matched-students-header{align-items:center;background:#efb102;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.header-left{gap:15px}.header-left,.header-left h2{align-items:center;display:flex}.header-left h2{font-size:24px;font-weight:600;gap:10px;margin:0}.backms-button{align-items:center;background:#0d0b0b33;border:1px solid #231b1b4d;border-radius:6px;color:#000;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:14px;gap:8px;padding:8px 12px;transition:all .3s ease}.backms-button:hover{background:#ffffff4d;transform:translateY(-1px)}.refresh-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .3s ease}.refresh-button:hover{background:#ffffff4d;transform:translateY(-1px)}.company-info-card{background:#fafafa;border-bottom:1px solid #e0e0e0;padding:25px 30px}.company-info-header{align-items:center;color:#333;display:flex;gap:10px;margin-bottom:20px}.company-info-header h3{font-size:18px;font-weight:600;margin:0}.company-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.infoms-item{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:12px 15px}.infoms-item strong{color:#555;font-weight:600}.infoms-item span{color:#333;font-weight:500}.interview-date-box{border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.count-badge{background:#667eea;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.students-table-wrapper{padding:25px 30px}.table-container{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 15px #00000014}.students-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.students-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.students-table th{border-bottom:2px solid #5a6fd8;box-shadow:inset 0 1px 0 #ffffff1a;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 15px;text-align:left;text-transform:uppercase}.students-table td{border-bottom:1px solid #f0f0f0;padding:15px;vertical-align:middle}.student-id-cell{color:#667eea;font-weight:600;gap:8px}.date-cell,.student-id-cell{align-items:center;display:flex}.date-cell{color:#666;font-size:13px;gap:6px}.status-cell{padding:8px;text-align:center}.status-selected{background-color:#d1fae5;border:1px solid #10b981;border-radius:20px;color:#065f46}.status-accepted,.status-selected{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-accepted{background-color:#dcfce7;border:1px solid #22c55e;border-radius:20px;color:#166534;justify-content:center}.status-rejected{background-color:#fee2e2;border:1px solid #ef4444;border-radius:20px;color:#991b1b}.status-pending,.status-rejected{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-pending{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:20px;color:#92400e}.status-rejected-container{align-items:center;display:flex;flex-direction:column;gap:6px}.reject-reason-small{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#666;font-size:11px;max-width:200px;padding:4px 8px;text-align:center}.reason-label{color:#dc2626;font-weight:600}.status-indicator{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .3s ease}.status-indicator:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.status-indicator.positive{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724}.status-indicator.negative{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;color:#721c24}.table-summary{color:#666;font-size:14px;font-weight:500;margin-top:15px;text-align:center}.no-students-card{color:#666;padding:60px 30px;text-align:center}.no-students-card svg{color:#ccc;margin-bottom:20px}.no-students-card h3{color:#555;font-size:20px;margin:0 0 10px}.no-students-card p{font-size:14px;margin:0}.matched-students-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:50px auto;max-width:600px;padding:40px;text-align:center}.loading-state{color:#667eea}.loading-state svg{margin-bottom:20px}.loading-state h3{font-size:20px;margin:0 0 10px}.loading-state p{color:#666;margin:0}.error-state{color:#dc3545}.error-state svg{margin-bottom:20px}.error-state h3{font-size:20px;margin:0 0 10px}.error-state p{color:#666;margin:0 0 25px}.error-actions{display:flex;gap:15px;justify-content:center}.retryms-button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;gap:8px;padding:10px 20px;transition:all .3s ease}.retryms-button:hover{background:#5a6fd8;transform:translateY(-1px)}.student-row:hover{background-color:#f8f9ff;transition:background-color .2s ease}.student-row:nth-child(2n){background-color:#fafafa}.student-row:nth-child(2n):hover{background-color:#f8f9ff}.edit-selection-container{margin-top:8px}.edit-selection-btn{align-items:center;background:#312f44;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.edit-selection-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.edit-selection-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.status-badge.selected-by-company{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge.not-selected-by-company{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.status-cell-container{display:flex;flex-direction:column;gap:4px;min-width:200px}.status-details{align-items:flex-start;font-size:.8rem}.detail-label{color:#374151;font-weight:500}.detail-text{color:#6b7280;line-height:1.3}.status-cell{padding:12px 8px;vertical-align:top}@media (max-width:768px){.edit-selection-btn{font-size:.8rem;padding:4px 8px}.status-cell-container{min-width:150px}.status-details{font-size:.75rem}.matched-students-wrapper{padding:10px}.matched-students-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.header-left{flex-direction:column;gap:10px}.header-left h2{font-size:20px}.company-info-card{padding:20px}.company-info-grid{gap:10px;grid-template-columns:1fr}.infoms-item{align-items:flex-start;flex-direction:column;gap:5px}.students-table-wrapper{padding:20px}.students-table{font-size:12px}.students-table td,.students-table th{padding:10px 8px}.student-id-cell{font-size:11px;min-width:100px;padding:8px 10px}.pagination-btn{font-size:12px;padding:8px 12px}.status-accepted,.status-pending,.status-rejected,.status-selected{font-size:10px;gap:6px;padding:6px 12px}}@media (max-width:480px){.matched-students-header h2{font-size:18px}.students-table td,.students-table th{font-size:11px;padding:8px 6px}.student-id-cell{font-size:10px;min-width:90px;padding:6px 8px}.status-accepted,.status-pending,.status-rejected,.status-selected{font-size:9px;gap:4px;padding:4px 8px}.pagination-container{gap:4px}.pagination-btn{min-width:32px;padding:6px 8px}.students-table thead{display:none}.students-table,.students-table tbody,.students-table tr{display:block}.students-table tr{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:10px;padding:10px}.students-table td{border:none;border-bottom:1px solid #f0f0f0;display:block;padding:8px 0;text-align:left}.students-table td:last-child{border-bottom:none}.students-table td:before{color:#667eea;content:attr(data-label) ": ";display:inline-block;font-weight:700;min-width:120px}.student-id-cell{background:none;min-width:auto;padding:0}.student-id-cell,.student-id-cell:hover{border:none;box-shadow:none}}.notifications-container{background:linear-gradient(135deg,#dbeafe,#e0e7ff);font-family:Times New Roman,Times,serif;min-height:100vh;padding:32px 16px}.notifications-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;justify-content:center;margin:0 auto 32px;max-width:1200px;padding:32px;position:relative}.header-content{text-align:center}.header-content h1{color:#1f2937;font-size:30px;font-weight:700;margin:0 0 8px}.header-content p{color:#6b7280;font-size:1.1rem;margin:0}.profile-dropdown-container{position:absolute;right:24px;top:24px}.profile-dropdown-trigger{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.profile-dropdown-trigger:hover{background:#f1f5f9;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.profile-avatar-small{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-icon{color:#9ca3af;font-size:18px}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.profile-dropdown-menu{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;margin-top:8px;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{background:none;color:#374151;font-family:inherit;font-size:.95rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:last-child{border-radius:0 0 12px 12px}.dropdown-item:hover{background:#f8fafc;color:#1f2937}.dropdown-item.logout-item{border-top:1px solid #f3f4f6;color:#dc2626}.dropdown-item.logout-item:hover{background:#fef2f2;color:#b91c1c}.loading-state{align-items:center;color:#4b5563;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:48px;margin-bottom:16px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-notifications{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:0 auto 32px;max-width:600px;padding:60px 32px;text-align:center}.no-notifications svg{color:#9ca3af;margin-bottom:20px}.no-notifications h3{color:#1f2937;font-size:1.75rem;font-weight:600;margin:0 0 12px}.no-notifications p{color:#6b7280;font-size:1.1rem;margin:0}.attendance-section h2,.notifications-section h2{color:#374151;font-size:1.5rem;font-weight:600;margin:0 auto 20px;max-width:1200px}.attendance-section h2{color:#2563eb}.notifications-list{display:flex;flex-direction:column;gap:24px;margin:0 auto 32px;max-width:1200px}.notification-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:32px;transition:all .3s ease}.notification-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.attendance-card{background:linear-gradient(135deg,#c5c4c1,#e1dfd3);border-left:4px solid #a3a2a1}.company-name-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.company-name-header svg{color:#6366f1;flex-shrink:0}.company-name-header h3{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.company-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.detail-item{align-items:flex-start;color:#4b5563;display:flex;gap:12px}.detail-item svg{color:#6366f1;flex-shrink:0;margin-top:2px}.detail-label{color:#1f2937;font-weight:600}.detail-value{color:#6b7280}.job-description{margin-bottom:24px}.job-desc-text{color:#6b7280;font-size:.95rem;line-height:1.6;margin:8px 0 0}.notification-actions{border-top:2px solid #f3f4f6;display:flex;gap:16px;margin-top:28px;padding-top:24px}.accept-button{align-items:center;background:#312f44;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .2s ease}.accept-button:hover:not(:disabled){background:#312f44;box-shadow:0 8px 20px #2c10b966;transform:translateY(-2px)}.accept-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reject-button{align-items:center;background:#efb102;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .2s ease}.reject-button:hover:not(:disabled){background:#efb102;box-shadow:0 8px 20px #fbdb2366;transform:translateY(-2px)}.reject-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.attendance-actions{display:flex;gap:12px;margin-top:20px}.attended-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Times New Roman,Times,serif;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.attended-button:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.attended-button:disabled{cursor:not-allowed;opacity:.6}.not-attended-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Times New Roman,Times,serif;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.not-attended-button:hover:not(:disabled){box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.not-attended-button:disabled{cursor:not-allowed;opacity:.6}.response-history{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;margin:0 auto;max-width:1200px;padding:32px}.response-history h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 24px}.table-container{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.response-table{border-collapse:collapse;width:100%}.response-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.95rem;font-weight:600;padding:16px 20px;text-align:left}.response-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:16px 20px;vertical-align:top}.response-table tr:hover{background:#f8fafc}.response-table tr:last-child td{border-bottom:none}.company-cell{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:8px}.company-cell svg{color:#6366f1;flex-shrink:0}.job-desc-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-cell{align-items:left;display:flex;flex-direction:column;gap:6px}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:600;gap:4px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.accepted-waiting{background:#dcfce7;color:#166534}.status-badge.pending-attendance{background:#fef3c7;color:#d97706}.status-badge.attended{background:#dcfce7;color:#166534}.status-badge.not-attended,.status-badge.rejected{background:#fecaca;color:#991b1b}.status-details{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:4px;margin-top:4px}.detail-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.attendance-modal,.reject-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-width:500px;padding:32px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modalcn-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.modalcn-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.close-button{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#6b7280}.modalcn-content p{color:#4b5563;line-height:1.6;margin:0 0 16px}.feedback-textarea,.reject-textarea{border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:.95rem;min-height:100px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea:focus,.reject-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.attendance-selection{margin:20px 0}.attendance-selection h4{color:#374151;font-weight:600;margin-bottom:15px}.attendance-options{display:flex;flex-direction:column;gap:12px}.attendance-option{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .3s ease}.attendance-option:hover{background-color:#f8fafc;border-color:#3b82f6}.attendance-option input[type=radio]{height:18px;margin-right:12px;width:18px}.attendance-option input[type=radio]:checked+.option-text{color:#2563eb;font-weight:600}.option-text{align-items:center;color:#374151;display:flex;gap:8px}.feedback-section{margin-top:20px}.feedback-section h4{color:#374151;font-weight:600;margin-bottom:8px}.feedback-section p{color:#6b7280;font-size:14px;margin-bottom:12px}.modalcn-actions{display:flex;gap:16px;margin-top:32px}.cancel-button{background:#efb102;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:600;padding:16px 24px;transition:all .2s ease}.cancel-button:hover{background:#d97706;transform:translateY(-1px)}.confirm-attendance-button,.confirm-reject-button{background:#312f44;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:Times New Roman,Times,serif;font-weight:600;padding:16px 24px;transition:all .2s ease}.confirm-attendance-button:hover:not(:disabled),.confirm-reject-button:hover:not(:disabled){background:#1e1b2e;box-shadow:0 8px 20px #312f4466;transform:translateY(-1px)}.confirm-attendance-button:disabled,.confirm-reject-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.notifications-container{padding:16px 8px}.notifications-header{flex-direction:column;gap:16px;padding:24px 16px}.header-content{order:2}.profile-dropdown-container{align-self:flex-end;order:1;position:static}.header-content h1{font-size:2rem}.notification-card{padding:24px 16px}.company-name-header h3{font-size:1.5rem}.company-details-grid{gap:16px;grid-template-columns:1fr}.attendance-actions,.notification-actions{flex-direction:column}.response-history{padding:24px 16px}.table-container{font-size:.875rem}.response-table td,.response-table th{padding:12px 8px}.job-desc-cell{max-width:150px}.attendance-modal,.reject-modal{margin:16px;padding:24px}.modalcn-actions{flex-direction:column}.profile-dropdown-menu{min-width:140px;right:0}.attendance-options{gap:8px}.attendance-option{padding:10px}}.student-password-reset-container{align-items:center;display:flex;font-family:Times New Roman,Times,serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.student-password-reset-wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;width:100%}.student-header-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:2rem;text-align:center}.student-header-content{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.student-header-icon{color:#667eea}.student-header-title{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.student-header-description{color:#718096;font-size:1rem;margin:0}.student-warning-notice{background:#fef5e7;border:1px solid #f6ad55;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.student-warning-icon{color:#dd6b20;flex-shrink:0;margin-top:.125rem}.student-warning-title{color:#c05621;font-size:1rem;font-weight:600;margin:0 0 .25rem}.student-warning-text{color:#9c4221;font-size:.875rem;line-height:1.5;margin:0}.student-options-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.student-options-title{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.student-options-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.student-option-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.25rem;transition:all .2s ease}.student-option-button:hover{background:#f7fafc;border-color:#667eea;color:#667eea}.student-option-button-active{background:#667eea!important;border-color:#667eea!important;color:#fff!important}.student-option-button:disabled{cursor:not-allowed;opacity:.6}.student-form-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.student-form-content{display:flex;flex-direction:column;gap:1.5rem}.student-input-group{display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;gap:.5rem}.student-input-label{color:#374151;font-size:.875rem;font-weight:600}.student-input-wrapper{align-items:center;display:flex;position:relative}.student-input-icon{color:#9ca3af;left:.75rem;position:absolute;z-index:1}.student-input-field{background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-family:Times New Roman,Times,serif;font-size:1rem;padding:.75rem .75rem .75rem 2.75rem;transition:all .2s ease;width:100%}.student-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.student-input-field:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.student-submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:50px;padding:.875rem 1.5rem;transition:all .2s ease}.student-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.student-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.student-loading-spinner{animation:student-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes student-spin{to{transform:rotate(1turn)}}.student-success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;overflow:hidden}.student-success-content{display:flex;gap:.75rem;padding:1rem;position:relative}.student-success-icon{color:#38a169;flex-shrink:0;margin-top:.125rem}.student-success-body{flex:1 1}.student-success-title{color:#276749;font-size:1rem;font-weight:600;margin:0 0 .5rem}.student-success-text{color:#2f855a;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.student-success-details{background:#e6fffa;border-left:4px solid #38a169;border-radius:6px;margin-bottom:1rem;padding:1rem}.student-success-detail-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.student-success-detail-row:last-child{margin-bottom:0}.student-success-detail-label{color:#2d3748;font-size:.875rem;font-weight:500}.student-success-detail-value{background:#4a5568;border-radius:4px;color:#fff;font-family:Times New Roman,Times,serif;font-size:.875rem;padding:.25rem .5rem;word-break:break-all}.student-success-note{background:#f0fff4;border:1px solid #c6f6d5;border-radius:4px;color:#2f855a;font-size:.8rem;font-style:italic;margin:0;padding:.75rem}.student-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#38a169;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease}.student-close-button:hover{background:#c6f6d5;color:#276749}.student-error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;overflow:hidden}.student-error-content{display:flex;gap:.75rem;padding:1rem;position:relative}.student-error-icon{color:#e53e3e;flex-shrink:0;margin-top:.125rem}.student-error-body{flex:1 1}.student-error-title{color:#c53030;font-size:1rem;font-weight:600;margin:0 0 .5rem}.student-error-text{color:#e53e3e;font-size:.875rem;line-height:1.5;margin:0}.student-error-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease}.student-error-close-button:hover{background:#feb2b2;color:#c53030}.student-security-info{background:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;padding:1rem}.student-security-content{display:flex;gap:.75rem}.student-security-icon{color:#3182ce;flex-shrink:0;margin-top:.125rem}.student-security-title{color:#2c5282;font-size:1rem;font-weight:600;margin:0 0 .75rem}.student-security-list{color:#2a69ac;font-size:.875rem;line-height:1.6;list-style:none;margin:0;padding:0}.student-security-list li{margin-bottom:.5rem}.student-security-code{background:#2d3748;border-radius:3px;color:#e2e8f0;font-family:Times New Roman,Times,serif;font-size:.8rem;padding:.125rem .375rem}@media (max-width:768px){.student-password-reset-container{padding:1rem .5rem}.student-header-card{padding:1.5rem}.student-header-title{font-size:1.5rem}.student-header-content{flex-direction:column;gap:.5rem}.student-options-buttons{flex-direction:column}.student-option-button{flex:none;width:100%}.student-success-detail-row{align-items:flex-start;flex-direction:column}.student-success-detail-value{align-self:stretch;text-align:center}}.star-with-remarks{display:flex;flex-direction:column;gap:4px}.star-rating{cursor:pointer;display:flex;font-size:20px;gap:10px}.star{color:#ccc;transition:color .2s}.star.filled{color:gold}.star-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px 8px}.container{background-color:#f5f7fa;font-family:Times New Roman,Times,serif;min-height:100vh;padding:20px;width:100%}.pagesf-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.placement-header{color:#fff;padding:24px 32px;text-align:center}.placement-header h2{font-size:28px;font-weight:600;margin:0}.tab-navigation{background-color:#f8f9fa;border-bottom:3px solid #e9ecef;display:flex;margin:0;overflow-x:auto;padding:1px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-family:Times New Roman,Times,serif;font-size:15px;font-weight:500;min-width:150px;padding:16px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background-color:#e9ecef;color:#495057}.tab-button.active{background-color:#fff;border-bottom-color:#667eea;color:#667eea;font-weight:600}.tab-button:after{background-color:#667eea;bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.tab-button.active:after{transform:scaleX(1)}.form{display:flex;flex:1 1;flex-direction:column;min-height:500px}.edit-student-wrapper{display:flex;gap:20px;height:calc(100vh - 100px);overflow:hidden}.edits-form-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tab-content{flex:1 1;overflow-y:auto;padding-right:8px;transition:height .2s ease}.tab-panel{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:24px}.form-group label{color:#344054;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left!important}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.form-actions{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:16px;justify-content:flex-end;margin-top:auto;padding:24px 32px}.add-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:14px;font-weight:500;margin-bottom:10px;margin-top:10px;padding:8px 16px;transition:background-color .2s ease}.add-btn:hover{background-color:#0056b3}.add-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 32px;transition:all .3s ease}.submit-btn{background:#312f44;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background-color:#fff;border:1px solid #d0d5dd;color:#6c757d}.cancel-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.section-header{border-bottom:2px solid #e9ecef;margin-bottom:24px;padding-bottom:12px}.section-header h3{color:#344054;font-size:18px;font-weight:600;margin:0}.placement-content{color:#6c757d;padding:40px;text-align:center}@media (max-width:768px){.container{padding:10px}.tab-content{padding:20px}.tab-button{font-size:14px;min-width:120px;padding:12px 16px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px}.cancel-btn,.submit-btn{width:100%}.placement-header h2{font-size:22px}}@media (max-width:480px){.tab-navigation{overflow-x:scroll}.tab-button{flex:none;min-width:140px}}.required:after{color:#dc3545;content:" *"}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.success-message{color:#28a745;font-size:12px;margin-top:4px}.avatar-container{background:#fff;border-right:1px solid #e5e7eb;box-shadow:1px 0 6px #00000014;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:1000}.avatar-container.collapsed{width:65px}.avatar-profile-container{align-items:center;border-bottom:1px solid #eee;display:flex;padding:16px}.avatar-button{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.logo-image{height:32px;object-fit:contain;width:32px}.avatar-emp-name{color:#374151;font-size:13px;font-weight:600;margin-left:10px;white-space:nowrap}.avatar-container.collapsed .avatar-emp-name{display:none}.avatar-dropdown{height:calc(100vh - 70px);margin:0;overflow-y:auto;padding:0}.dropdown-email{background:#f9fafb;border-bottom:1px solid #eee;color:#312f44;font-size:13px;font-weight:500;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.avatar-container.collapsed .dropdown-email{display:none}.nav-section{margin-top:6px}.nav-section-title{color:#6b7280;font-size:11px;font-weight:600;padding:6px 14px;text-transform:uppercase}.avatar-container.collapsed .nav-section-title{display:none}.dropdown-item{align-items:center;background:#0000;border:none;color:#4b5563;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:13px;padding:8px 14px;transition:background .2s;width:100%}.dropdown-item:hover{background:#f3f4f6;color:#111}.dropdown-item.active{background:#eef2ff;border-right:3px solid #2563eb;color:#2563eb}.navsb-icon{color:#333;flex-shrink:0;height:18px;margin-right:10px;width:18px}.nav-label{font-weight:500}.avatar-container.collapsed .dropdown-item{justify-content:center}.avatar-container.collapsed .navsb-icon{margin-right:0}.avatar-container.collapsed .nav-label,.avatar-overlay{display:none}@media (max-width:768px){.avatar-container{left:-220px}.avatar-container.open{left:0}.avatar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:999}}.avatar-dropdown::-webkit-scrollbar{width:4px}.avatar-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.avatar-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.header-container{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:12px 20px;position:relative}.header-title{color:#111827;font-size:20px;font-weight:600;margin:0}.header-profile{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.main-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background-color:#1e293b;color:#fff;flex-shrink:0;height:100vh;overflow-y:auto;width:220px}.content-area{background:#f9fafb;display:flex;flex:1 1;flex-direction:column}.page-content{flex:1 1;overflow-y:auto;padding:20px}.profiles-sidebar{align-items:center;background:#312f44;border-radius:12px;box-shadow:1px 0 6px #0000001a;color:#fff;display:flex;flex-direction:column;height:500px;max-height:100%;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:50px;width:220px}.profile-sidebar.loading{align-items:center;font-size:1rem;justify-content:center}.student-id{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.2rem;text-align:center;text-shadow:0 1px 3px #0003}.profile-avatar{align-items:center;background:#fff;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 10px #0003;display:flex;height:190px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;position:relative;width:190px}.user12-icon{color:#000;font-size:2.5rem}.sidebar-actions{gap:1rem;width:100%}.sidebar-actions,.sidebar-group{display:flex;flex-direction:column}.sidebar-group{gap:.5rem}.sidebar-btn,.upload-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.6rem .8rem;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-btn:hover,.upload-btn:hover{background:#ffffff2e;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.edit-actions{display:flex;flex-direction:column;gap:.4rem}.save-btn{background:#4caf5026;border-color:#4caf504d}.save-btn:hover{background:#4caf5040}.cancel-btn:hover{background:#f4433640}.logout-btn{background:#ff572226;border-color:#ff57224d}.logout-btn:hover{background:#ff572240}.camera-modal{background:#fff;border-radius:10px;box-shadow:0 12px 24px #00000040;max-height:80vh;max-width:80vw;overflow:auto;padding:1.2rem}.camera-header h3{font-size:1.2rem}.camera-video{border-radius:6px;max-width:480px}.capture-btn,.retake-btn,.use-photo-btn{border-radius:6px;font-size:.9rem;font-weight:500;padding:.6rem 1rem}@media (max-width:768px){.profile-sidebar{padding:1rem;width:100%}.student-id{font-size:1rem;margin-bottom:1rem}.profile-avatar{height:90px;width:90px}.sidebar-btn,.upload-btn{font-size:.8rem;padding:.5rem .7rem}}
/*# sourceMappingURL=main.bd56cdc1.css.map*/