@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Condensed:wght@400;500;600;700&display=swap);body{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}.login-page-container{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,#1a2a6c,#2980b9,#27ae60);background-size:400% 400%;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-bg-animation{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.bg-circle{animation:float 20s linear infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:300px;left:-150px;top:-150px;width:300px}.circle-2{animation-delay:5s;bottom:-200px;height:400px;right:-200px;width:400px}.circle-3{animation-delay:10s;height:200px;left:80%;top:50%;width:200px}.login-main-content{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:1200px;min-height:85vh;width:90%;z-index:1}.login-left-section,.login-main-content{display:flex;overflow:hidden;position:relative}.login-left-section{background:linear-gradient(135deg,#1a2a6c,#2980b9);color:#fff;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.login-left-section:before{background:url(/static/media/pat.161dfdf1cd309b54760a.png);bottom:0;content:"";left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:0}.login-quotes-container{position:relative;z-index:1}.school-logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px;position:relative;text-align:center}.logo-outer-ring{border-radius:50%;height:20rem;left:50%;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:20rem;z-index:1}.logo-outer-ring:before{animation:rotateRGB 3s linear infinite;background:conic-gradient(from 0deg,red,#f90,#ff0,#0f0,#0ff,#00f,#90f,#f0f,red);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.logo-outer-ring:after{background:linear-gradient(135deg,#1a2a6c,#2980b9);border-radius:50%;content:"";inset:8px;position:absolute;z-index:2}@keyframes rotateRGB{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.school-main-logo{background:#fff;border-radius:50%;box-shadow:0 0 20px #ffffff80,0 10px 30px #0000004d;height:18rem;margin-bottom:20px;object-fit:contain;padding:2rem;position:relative;transition:transform .5s ease;width:18rem;z-index:3}.school-main-logo:hover{transform:scale(1.05)}.school-name{color:#fff;font-size:2.5rem;font-weight:800;margin-top:1rem;position:relative;text-shadow:2px 2px 4px #00000080,0 0 20px #ffffff4d;z-index:2}.school-tagline{color:#bdc3c7;font-size:1.1rem;font-weight:500;margin-top:.5rem;opacity:.9;position:relative;z-index:2}.quotes-slider{align-items:center;display:flex;margin:40px 0;min-height:200px}.quote-icon{color:#ffffff4d;flex-shrink:0;font-size:2rem}.quote-icon-left{margin-right:20px}.quote-icon-right{margin-left:20px}.quote-content{flex:1 1}.quote-text{text-align:center}.quote-text.english{direction:ltr}.quote-text.urdu{direction:rtl;font-family:Noto Nastaliq Urdu,Segoe UI,sans-serif;font-size:1.3em;line-height:1.8}.quote-main{font-size:1.5rem;font-weight:500;line-height:1.6;margin-bottom:20px;text-shadow:1px 1px 2px #0003}.quote-author{color:#bdc3c7;font-size:1.1rem;font-style:italic;opacity:.8}.quote-navigation{display:flex;gap:10px;justify-content:center;margin:20px 0}.quote-dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.quote-dot:hover{background:#ffffff80;transform:scale(1.1)}.quote-dot.active{background:#fff;box-shadow:0 0 10px #ffffff80;transform:scale(1.2)}.language-toggle{display:flex;gap:15px;justify-content:center;margin:30px 0}.lang-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 25px;transition:all .3s ease}.lang-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.lang-btn.active{background:#fff;border-color:#fff;box-shadow:0 5px 15px #fff3;color:#1a2a6c}.school-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.feature-item{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:120px;text-align:center}.feature-icon{background:#ffffff1a;border-radius:50%;color:#27ae60;font-size:1.8rem;margin-bottom:5px;padding:15px;transition:all .3s ease}.feature-item:hover .feature-icon{background:#27ae6033;transform:scale(1.1) rotate(10deg)}.feature-item span{font-size:.9rem;font-weight:500;opacity:.9}.login-right-section{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.login-form-container{margin:0 auto;max-width:450px;width:100%}.login-form-header{margin-bottom:30px;text-align:center}.form-header-icon{animation:pulse 2s infinite;color:#1a2a6c;font-size:3rem;margin-bottom:15px}.login-form-header h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:10px}.form-subtitle{color:#7f8c8d;font-size:1rem;line-height:1.5}.forgot-password-progress{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:30px}.progress-step{flex-direction:column;gap:8px}.progress-step,.step-number{align-items:center;display:flex}.step-number{background:#ecf0f1;border:2px solid #0000;border-radius:50%;color:#7f8c8d;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.active .step-number{background:#27ae60;border-color:#27ae60;box-shadow:0 4px 15px #27ae604d;color:#fff}.step-label{color:#7f8c8d;font-size:.85rem;font-weight:600;text-align:center;transition:color .3s ease}.progress-step.active .step-label{color:#27ae60}.progress-line{background:#ecf0f1;height:2px;margin:0 5px;transition:background .3s ease;width:50px}.progress-step.active+.progress-line{background:linear-gradient(90deg,#27ae60 50%,#ecf0f1 0)}.forgot-form,.login-form{width:100%}.form-group{margin-bottom:25px}.form-label{color:#2c3e50;gap:10px;margin-bottom:8px}.label-icon{color:#3498db}.form-input{background:#fff;border:2px solid #e0e0e0;font-size:1rem;padding:14px 20px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input::placeholder{color:#bdc3c7}.password-input-container{position:relative}.password-toggle{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#3498db}.form-options{justify-content:space-between;margin-bottom:25px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#5d6d7e;cursor:pointer;font-size:.9rem;gap:8px;transition:color .3s ease}.remember-me:hover{color:#3498db}.remember-me input{accent-color:#3498db;cursor:pointer;height:18px;width:18px}.forgot-password-link{background:none;border:none;border-radius:5px;color:#3498db;cursor:pointer;font-size:.9rem;font-weight:600;padding:5px 10px;text-decoration:none;transition:all .3s ease}.forgot-password-link:hover{background:#3498db1a;color:#2980b9;text-decoration:underline}.login-submit-btn,.reset-password-btn,.send-code-btn,.verify-code-btn{align-items:center;background:linear-gradient(135deg,#1a2a6c,#3498db);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login-submit-btn:before,.reset-password-btn:before,.send-code-btn:before,.verify-code-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-submit-btn:hover:before,.reset-password-btn:hover:before,.send-code-btn:hover:before,.verify-code-btn:hover:before{left:100%}.login-submit-btn:hover,.reset-password-btn:hover,.send-code-btn:hover,.verify-code-btn:hover{box-shadow:0 8px 25px #1a2a6c4d;transform:translateY(-2px)}.login-submit-btn:active,.reset-password-btn:active,.send-code-btn:active,.verify-code-btn:active{transform:translateY(0)}.login-submit-btn:disabled,.reset-password-btn:disabled,.send-code-btn:disabled,.verify-code-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-icon{font-size:1.2rem}.form-actions{gap:15px;margin-top:30px}.back-to-code-btn,.back-to-email-btn,.back-to-login-btn{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#5d6d7e;cursor:pointer;flex:1 1;font-weight:600;padding:14px;transition:all .3s ease}.back-to-code-btn:hover,.back-to-email-btn:hover,.back-to-login-btn:hover{background:#e9ecef;border-color:#bdc3c7;transform:translateY(-2px)}.reset-password-btn,.send-code-btn,.verify-code-btn{flex:2 1}.code-input-section{text-align:center}.timer-display{align-items:center;animation:pulseWarning 2s infinite;background:#fff8e1;border:1px solid #ffd54f;border-radius:10px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:12px}.timer-icon{color:#f39c12}.timer-text{color:#e67e22;font-weight:600}.timer-text strong{color:#d35400;font-size:1.2rem}.code-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:2rem;font-weight:700;letter-spacing:10px;padding:10px;text-align:center;transition:all .3s ease}.code-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.resend-code-section{color:#7f8c8d;margin:20px 0}.resend-code-btn{background:none;border:none;color:#3498db;cursor:pointer;font-weight:600;margin-left:10px;transition:all .3s ease}.resend-code-btn:hover{text-decoration:underline}.resend-code-btn:disabled{color:#bdc3c7;cursor:not-allowed}.password-strength{margin:20px 0}.strength-indicator{background:#f8f9fa;border-radius:10px;padding:15px;transition:all .3s ease}.strength-bar{background:#e74c3c;border-radius:4px;height:8px;margin-bottom:10px;transition:all .5s ease;width:0}.strength-indicator.weak .strength-bar{background:#e74c3c;width:30%}.strength-indicator.fair .strength-bar{background:#f39c12;width:60%}.strength-indicator.good .strength-bar{background:#27ae60;width:100%}.strength-indicator.strong .strength-bar{animation:pulseSuccess 2s infinite;background:#27ae60;width:100%}@keyframes pulseSuccess{0%,to{background:#27ae60}50%{background:#2ecc71}}.strength-text{color:#7f8c8d;font-size:.9rem;font-weight:600;text-align:center}.demo-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin-top:30px;padding:20px;transition:all .3s ease}.demo-info:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.demo-title{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:10px;text-align:center}.demo-accounts{display:flex;flex-direction:column;gap:8px}.demo-account{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#5d6d7e;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.demo-account:hover{background:#f0f8ff;border-color:#3498db}.demo-account strong{color:#3498db}.form-hint{color:#7f8c8d;font-style:italic;line-height:1.4}.login-footer{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:20px;text-align:center}.security-info{align-items:center;color:#27ae60;display:flex;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px}.security-icon{animation:shieldPulse 2s infinite;font-size:1.2rem}@keyframes shieldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.support-info{color:#7f8c8d;font-size:.9rem;margin-bottom:15px}.support-info a{color:#3498db;font-weight:600;text-decoration:none;transition:all .3s ease}.support-info a:hover{color:#2980b9;text-decoration:underline}.copyright{color:#bdc3c7;font-size:.8rem;margin-top:10px}.floating-particles{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.particle{animation:floatParticle 15s linear infinite;background:#ffffff80;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(100px)}}@media (max-width:992px){.login-main-content{flex-direction:column;margin:20px;min-height:auto;width:95%}.login-left-section,.login-right-section{padding:30px}.quotes-slider{min-height:150px}.quote-main{font-size:1.3rem}.school-main-logo{height:15rem;width:15rem}.logo-outer-ring{height:16rem;width:16rem}.school-name{font-size:2rem}}@media (max-width:768px){.login-main-content{border-radius:0;margin:0;min-height:100vh;width:100%}.login-left-section,.login-right-section{padding:25px}.school-main-logo{height:12rem;width:12rem}.logo-outer-ring{height:13rem;width:13rem}.school-name{font-size:1.8rem}.quote-main{font-size:1.1rem}.form-actions{flex-direction:column}.back-to-code-btn,.back-to-email-btn,.back-to-login-btn,.reset-password-btn,.send-code-btn,.verify-code-btn{width:100%}.school-features{gap:20px}.feature-item{max-width:100px}}@media (max-width:480px){.login-left-section,.login-right-section{padding:20px 15px}.school-main-logo{height:10rem;padding:1.5rem;width:10rem}.logo-outer-ring{height:11rem;width:11rem}.school-name{font-size:1.6rem}.quote-main{font-size:1rem}.form-header-icon{font-size:2.5rem}.login-form-header h2{font-size:1.7rem}.progress-step{gap:5px}.step-number{font-size:1rem;height:35px;width:35px}.progress-line{width:30px}}@keyframes manage-students-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes manage-students-slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes manage-students-slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes manage-students-bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes manage-students-pulse{0%{box-shadow:0 0 0 0 #4299e1b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #4299e100;transform:scale(1.05)}to{box-shadow:0 0 0 0 #4299e100;transform:scale(1)}}@keyframes manage-students-glow{0%,to{box-shadow:0 0 5px #667eea,0 0 10px #667eea,0 0 15px #667eea;box-shadow:0 0 5px var(--accent-color,#667eea),0 0 10px var(--accent-color,#667eea),0 0 15px var(--accent-color,#667eea)}50%{box-shadow:0 0 10px #667eea,0 0 20px #667eea,0 0 30px #667eea;box-shadow:0 0 10px var(--accent-color,#667eea),0 0 20px var(--accent-color,#667eea),0 0 30px var(--accent-color,#667eea)}}@keyframes manage-students-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes manage-students-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes manage-students-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes manage-students-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes manage-students-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes manage-students-progress{0%{width:0}to{width:100%}}@keyframes manage-students-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes manage-students-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes manage-students-fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes manage-students-slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--manage-students-primary-indigo:#2e2a74;--manage-students-primary-yellow:#fff200;--manage-students-primary-white:#fff;--manage-students-card-bg:#fff;--manage-students-border-color:#e2e8f0;--manage-students-text-primary:#2d3748;--manage-students-text-secondary:#718096;--manage-students-shadow-sm:0 2px 4px #0000000d;--manage-students-shadow-md:0 4px 6px #00000012;--manage-students-shadow-lg:0 10px 15px #0000001a;--manage-students-shadow-xl:0 20px 25px #00000026;--manage-students-radius-sm:8px;--manage-students-radius-md:12px;--manage-students-radius-lg:16px;--manage-students-radius-xl:24px;--manage-students-primary-gradient:linear-gradient(135deg,#2e2a74,#4f46e5)}.manage-students-dashboard-wrapper{animation:manage-students-fadeIn .8s ease-out;background:linear-gradient(135deg,#f5f7ff,#e8eaf6);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.manage-students-main-content{animation:manage-students-fadeIn 1s ease-out;margin-left:18rem;margin-top:3vh;padding:30px}.manage-students-header{background:linear-gradient(135deg,#2e2a741a,#2e2a740d);border:2px solid #2e2a74;border:2px solid var(--manage-students-primary-indigo);border-radius:24px;border-radius:var(--manage-students-radius-xl);margin:0 0 32px;opacity:0;overflow:hidden;padding:30px;position:relative;transform:translateY(-30px);transition:all .8s ease-out}.manage-students-header.manage-students-slide-in{opacity:1;transform:translateY(0)}.manage-students-header:before{animation:manage-students-progress 2s ease-out;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-students-header:after{animation:manage-students-shimmer 3s infinite;background:linear-gradient(90deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.manage-students-header-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.manage-students-header-text h1{display:flex;flex-direction:column;font-size:2.5rem;font-weight:800;gap:4px;margin-bottom:8px}.manage-students-title-gradient{-webkit-text-fill-color:#0000;animation:manage-students-fadeIn 1s ease-out .3s both;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);-webkit-background-clip:text;background-clip:text}.manage-students-title-sub{animation:manage-students-fadeIn 1s ease-out .5s both;color:#718096;color:var(--manage-students-text-secondary);font-size:1.2rem;font-weight:500}.manage-students-header-description{align-items:center;animation:manage-students-fadeIn 1s ease-out .7s both;color:#718096;color:var(--manage-students-text-secondary);display:flex;font-size:1.05rem;gap:10px;margin-top:12px}.manage-students-pulse-icon{animation:manage-students-pulse 2s infinite;color:#2e2a74;color:var(--manage-students-primary-indigo)}.manage-students-dashboard-badge{align-items:center;animation:manage-students-bounceIn 1s ease-out .8s both;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);border-radius:16px;border-radius:var(--manage-students-radius-lg);color:#fff;display:flex;gap:12px;padding:16px 24px;transition:all .3s ease}.manage-students-dashboard-badge.manage-students-glow{animation:manage-students-glow 2s infinite}.manage-students-badge-icon{animation:manage-students-float 3s ease-in-out infinite;font-size:1.5rem}.manage-students-badge-text{display:flex;flex-direction:column}.manage-students-badge-title{font-size:1.1rem;font-weight:700}.manage-students-badge-subtitle{font-size:.85rem;opacity:.9}.manage-students-connection-status{animation:manage-students-fadeIn 1s ease-out .9s both;margin-bottom:32px}.manage-students-connection-status.manage-students-connected .manage-students-status-bar{background:linear-gradient(135deg,#38a169,#2f855a)}.manage-students-connection-status.manage-students-error .manage-students-status-bar{background:linear-gradient(135deg,#e53e3e,#c53030)}.manage-students-connection-status.manage-students-shake-error{animation:manage-students-shake .5s ease-in-out}.manage-students-status-bar{align-items:center;border-radius:16px;border-radius:var(--manage-students-radius-lg);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:16px 24px;position:relative}.manage-students-status-bar:after{animation:manage-students-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.manage-students-status-indicator{align-items:center;display:flex;gap:12px;position:relative;z-index:2}.manage-students-status-dot{border-radius:50%;height:12px;position:relative;width:12px}.manage-students-status-dot.manage-students-online{animation:manage-students-pulse 2s infinite;background:#48bb78;box-shadow:0 0 0 0 #48bb78b3}.manage-students-status-dot.manage-students-offline{background:#f56565}.manage-students-status-dot.manage-students-pulse{animation:manage-students-pulse 2s infinite}.manage-students-status-text{align-items:center;display:flex;font-weight:600;gap:8px}.manage-students-status-controls{align-items:center;display:flex;gap:20px;position:relative;z-index:2}.manage-students-last-updated{align-items:center;display:flex;font-size:.9rem;gap:8px;opacity:.9}.manage-students-refresh-btn{align-items:center;background:#fff3;border:none;border-radius:8px;border-radius:var(--manage-students-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.manage-students-refresh-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.manage-students-refresh-btn:hover:before{left:100%}.manage-students-refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.manage-students-refresh-btn:disabled{cursor:not-allowed;opacity:.7}.manage-students-refresh-btn.manage-students-shaking{animation:manage-students-shake .5s ease-in-out}.manage-students-refresh-btn.manage-students-loading{background:#ffffff1a}.manage-students-refresh-icon{transition:transform .3s ease}.manage-students-refresh-btn:hover .manage-students-refresh-icon:not(.fa-spinner){transform:rotate(180deg)}.manage-students-quick-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.manage-students-quick-stats.manage-students-pulse-success{animation:manage-students-pulse 1s ease}.manage-students-stat-card{background:#fff;background:var(--manage-students-card-bg);border:2px solid #e2e8f0;border:2px solid var(--manage-students-border-color);border-radius:16px;border-radius:var(--manage-students-radius-lg);opacity:0;overflow:hidden;padding:24px;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.manage-students-stat-card.manage-students-animate-on-scroll{animation:manage-students-fadeInUp .6s ease forwards}.manage-students-stat-card:hover{border-color:#2e2a74;border-color:var(--accent-color,var(--manage-students-primary-indigo));box-shadow:0 20px 25px #00000026;box-shadow:var(--manage-students-shadow-xl);transform:translateY(-8px)}.manage-students-stat-card:before{background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--card-gradient,var(--manage-students-primary-gradient));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.manage-students-stat-card:hover:before{opacity:1}.manage-students-stat-icon{align-items:center;background:#4299e11a;border-radius:12px;color:#4299e1;display:flex;font-size:1.2rem;height:48px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:48px}.manage-students-stat-card:hover .manage-students-stat-icon{background:#4299e133;transform:scale(1.1) rotate(5deg)}.manage-students-stat-content{position:relative;z-index:2}.manage-students-stat-value{align-items:baseline;color:#2d3748;color:var(--manage-students-text-primary);display:flex;font-size:2.5rem;font-weight:800;gap:8px;margin-bottom:4px}.manage-students-stat-trend{border-radius:12px;font-size:.9rem;font-weight:600;padding:2px 8px}.manage-students-stat-trend.manage-students-up{background:#48bb781a;color:#38a169}.manage-students-stat-trend.manage-students-down{background:#f565651a;color:#e53e3e}.manage-students-stat-label{color:#718096;color:var(--manage-students-text-secondary);font-size:.95rem;margin-bottom:4px}.manage-students-stat-subtext{color:#718096;color:var(--manage-students-text-secondary);font-size:.8rem;opacity:.7}.manage-students-stat-progress{background:#0000000d;bottom:0;height:3px;left:0;position:absolute;right:0}.manage-students-progress-bar{animation:manage-students-progress 2s ease-out;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--card-gradient,var(--manage-students-primary-gradient));height:100%}.manage-students-growth-badge{animation:manage-students-bounce 2s infinite;background:#38a169;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px;position:absolute;right:16px;top:16px}.manage-students-growth-badge.manage-students-pulse{animation:manage-students-pulse 2s infinite}.manage-students-percentage-badge{align-items:center;color:#9f7aea;display:flex;font-size:.9rem;font-weight:700;gap:4px;position:absolute;right:16px;top:16px}.manage-students-badge-arrow{border-left:4px solid #0000;border-right:4px solid #0000;height:0;width:0}.manage-students-badge-arrow.manage-students-up{animation:manage-students-bounce 2s infinite;border-bottom:6px solid #38a169}.manage-students-badge-arrow.manage-students-down{border-top:6px solid #e53e3e}.manage-students-stats-breakdown{grid-gap:20px;background:#fff;background:var(--manage-students-card-bg);border:2px solid #e2e8f0;border:2px solid var(--manage-students-border-color);border-radius:16px;border-radius:var(--manage-students-radius-lg);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;opacity:0;padding:24px;transform:translateY(30px)}.manage-students-stats-breakdown.manage-students-animate-on-scroll{animation:manage-students-fadeInUp .6s ease .2s forwards}.manage-students-breakdown-item{align-items:center;background:#ffffff80;border:1px solid #e2e8f0;border:1px solid var(--manage-students-border-color);border-radius:12px;border-radius:var(--manage-students-radius-md);display:flex;gap:16px;padding:16px;transition:all .3s ease}.manage-students-breakdown-item:hover{border-color:#2e2a74;border-color:var(--manage-students-primary-indigo);box-shadow:0 4px 6px #00000012;box-shadow:var(--manage-students-shadow-md);transform:translateY(-4px)}.manage-students-breakdown-icon{align-items:center;background:#4299e11a;border-radius:10px;color:#4299e1;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.manage-students-breakdown-content{flex:1 1}.manage-students-breakdown-label{color:#718096;color:var(--manage-students-text-secondary);font-size:.85rem;margin-bottom:4px}.manage-students-breakdown-value{align-items:baseline;color:#2d3748;color:var(--manage-students-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:4px}.manage-students-breakdown-value.manage-students-positive{color:#38a169}.manage-students-breakdown-value.manage-students-negative{color:#e53e3e}.manage-students-breakdown-unit{color:#718096;color:var(--manage-students-text-secondary);font-size:.9rem}.manage-students-breakdown-subtext{color:#718096;color:var(--manage-students-text-secondary);font-size:.75rem;opacity:.7}.manage-students-main-section-selector{background:#fff;background:var(--manage-students-card-bg);border:2px solid #2e2a74;border:2px solid var(--manage-students-primary-indigo);border-radius:24px;border-radius:var(--manage-students-radius-xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--manage-students-shadow-lg);margin:32px 0;opacity:0;overflow:hidden;padding:32px;position:relative;transform:translateY(30px)}.manage-students-main-section-selector.manage-students-animate-on-scroll{animation:manage-students-fadeInUp .6s ease .4s forwards}.manage-students-main-section-selector:before{animation:manage-students-progress 1.5s ease-out;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-students-section-title{align-items:center;display:flex;font-weight:700;gap:12px;margin-bottom:24px}.manage-students-section-icon,.manage-students-section-title{color:#2e2a74;color:var(--manage-students-primary-indigo);font-size:1.5rem}.manage-students-section-icon{background:#fff200;background:var(--manage-students-primary-yellow);border-radius:50%;padding:10px}.manage-students-section-icon.manage-students-spin-slow{animation:manage-students-spin-slow 20s linear infinite}.manage-students-section-icon.manage-students-bounce{animation:manage-students-bounce 2s infinite}.manage-students-section-badge{background:#2e2a741a;border-radius:20px;color:#2e2a74;color:var(--manage-students-primary-indigo);font-size:.85rem;font-weight:600;margin-left:auto;padding:4px 12px}.manage-students-main-section-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.manage-students-main-section-card{align-items:center;background:#fff;background:var(--manage-students-primary-white);border:2px solid #e2e8f0;border:2px solid var(--manage-students-border-color);border-radius:16px;border-radius:var(--manage-students-radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;opacity:1;overflow:hidden;padding:28px;position:relative;text-align:center;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.manage-students-main-section-card,.manage-students-main-section-card.manage-students-card-visible{animation:manage-students-fadeIn .6s ease forwards}.manage-students-card-glow{background:var(--card-gradient);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.manage-students-main-section-card:hover .manage-students-card-glow{opacity:.05}.manage-students-main-section-card:hover{border-color:var(--accent-color);box-shadow:0 20px 25px #00000026;box-shadow:var(--manage-students-shadow-xl);transform:translateY(-8px) scale(1.02)}.manage-students-main-section-card.manage-students-active{background:linear-gradient(135deg,#2e2a740d,#2e2a7405);border-color:var(--accent-color)}.manage-students-main-section-icon{align-items:center;background:var(--card-gradient);border-radius:18px;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:70px;z-index:2}.manage-students-main-section-card:hover .manage-students-main-section-icon{box-shadow:0 10px 20px #00000026;transform:scale(1.15) rotate(5deg)}.manage-students-main-section-title{color:#2d3748;color:var(--manage-students-text-primary);font-size:1.3rem;font-weight:700;margin-bottom:8px;position:relative;z-index:2}.manage-students-main-section-subtitle{color:#718096;color:var(--manage-students-text-secondary);font-size:.9rem;position:relative;z-index:2}.manage-students-section-indicator{align-items:center;background:#fff200;background:var(--manage-students-primary-yellow);border-radius:20px;color:#2e2a74;color:var(--manage-students-primary-indigo);display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:2}.manage-students-indicator-dot{background:#2e2a74;background:var(--manage-students-primary-indigo);border-radius:50%;height:8px;width:8px}.manage-students-indicator-dot.manage-students-pulse{animation:manage-students-pulse 2s infinite}.manage-students-card-arrow{bottom:20px;color:var(--accent-color);opacity:0;position:absolute;right:20px;transform:translateX(-10px);transition:all .3s ease;z-index:2}.manage-students-main-section-card:hover .manage-students-card-arrow{opacity:1;transform:translateX(0)}.manage-students-dynamic-content-section{background:#fff;background:var(--manage-students-card-bg);border:2px solid #2e2a74;border:2px solid var(--manage-students-primary-indigo);border-radius:24px;border-radius:var(--manage-students-radius-xl);margin:32px 0;opacity:1;overflow:hidden;padding:32px;position:relative;transition:opacity .3s ease}.manage-students-dynamic-content-section.manage-students-fade-out{opacity:0}.manage-students-dynamic-content-section.manage-students-fade-in{animation:manage-students-fadeIn .3s ease}.manage-students-dynamic-content-section:before{animation:manage-students-progress 1s ease-out;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-students-section-counter{background:#2e2a741a;border-radius:20px;color:#2e2a74;color:var(--manage-students-primary-indigo);font-size:.9rem;font-weight:600;margin-left:auto;padding:6px 16px}.manage-students-actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.manage-students-action-card{background:#fff;background:var(--manage-students-primary-white);border:2px solid #e2e8f0;border:2px solid var(--manage-students-border-color);border-radius:16px;border-radius:var(--manage-students-radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:220px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.manage-students-action-card,.manage-students-action-card.manage-students-card-visible{animation:manage-students-slideInUp .6s ease forwards;opacity:1;transform:translateY(0)}.manage-students-action-card:after{background:var(--card-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.manage-students-action-card:hover:after{transform:scaleX(1)}.manage-students-action-card:hover{border-color:var(--accent-color);box-shadow:0 20px 25px #00000026;box-shadow:var(--manage-students-shadow-xl);transform:translateY(-8px) scale(1.02)}.manage-students-action-card.manage-students-active{border-color:var(--accent-color)}.manage-students-action-card.manage-students-hovered{transform:translateY(-8px)}.manage-students-ripple{animation:manage-students-ripple .6s linear;background:#fff9;border-radius:50%;position:absolute;transform:scale(0);z-index:1}.manage-students-card-count-badge{background:var(--accent-color);border-radius:50%;font-size:.8rem;font-weight:700;height:28px;left:12px;position:absolute;top:12px;width:28px}.manage-students-action-icon,.manage-students-card-count-badge{align-items:center;color:#fff;display:flex;justify-content:center;z-index:2}.manage-students-action-icon{background:var(--card-gradient);border-radius:16px;font-size:1.5rem;height:60px;margin-bottom:16px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:60px}.manage-students-action-card:hover .manage-students-action-icon{box-shadow:0 8px 16px #00000026;transform:scale(1.15) rotate(5deg)}.manage-students-action-title{color:#2d3748;color:var(--manage-students-text-primary);font-size:1.2rem;font-weight:700;margin-bottom:8px;position:relative;z-index:2}.manage-students-action-subtitle{color:#718096;color:var(--manage-students-text-secondary);flex:1 1;font-size:.85rem;margin-bottom:16px;position:relative;z-index:2}.manage-students-card-hover-content{align-items:center;color:var(--accent-color);display:flex;font-size:.9rem;font-weight:600;gap:8px;opacity:0;position:relative;transform:translateY(10px);transition:all .3s ease;z-index:2}.manage-students-action-card:hover .manage-students-card-hover-content{opacity:1;transform:translateY(0)}.manage-students-arrow-animate{transition:transform .3s ease}.manage-students-action-card:hover .manage-students-arrow-animate{transform:translateX(5px)}.manage-students-card-footer{margin-top:16px;position:relative;z-index:2}.manage-students-card-tags{display:flex;flex-wrap:wrap;gap:6px}.manage-students-tag{background:#4299e11a;border-radius:12px;color:#4299e1;font-size:.7rem;font-weight:600;padding:3px 8px}.manage-students-card-operations{--accent-color:#667eea;--card-gradient:linear-gradient(135deg,#667eea,#764ba2)}.manage-students-card-add-studentO{--accent-color:#8dcda6;--card-gradient:linear-gradient(135deg,#8dcda6,#6bbf8a)}.manage-students-card-add-family{--accent-color:#f0ed96;--card-gradient:linear-gradient(135deg,#f0ed96,#e8e56b)}.manage-students-card-add-csvO{--accent-color:#b1e8e6;--card-gradient:linear-gradient(135deg,#b1e8e6,#90d6d4)}.manage-students-card-addF-csvO{--accent-color:#ffc0c3;--card-gradient:linear-gradient(135deg,#ffc0c3,#ffa8ac)}.manage-students-card-edit-studentO{--accent-color:#777070;--card-gradient:linear-gradient(135deg,#777070,#5a5454)}.manage-students-card-instructO{--accent-color:#ff6a6a;--card-gradient:linear-gradient(135deg,#ff6a6a,#ff5252)}.manage-students-card-reports{--accent-color:#38a169;--card-gradient:linear-gradient(135deg,#38a169,#2f855a)}.manage-students-card-report-all{--accent-color:#4299e1;--card-gradient:linear-gradient(135deg,#4299e1,#3182ce)}.manage-students-card-report-solo{--accent-color:#ed8936;--card-gradient:linear-gradient(135deg,#ed8936,#dd6b20)}.manage-students-card-report-family{--accent-color:#9f7aea;--card-gradient:linear-gradient(135deg,#9f7aea,#805ad5)}.manage-students-card-report-analytics{--accent-color:#38a169;--card-gradient:linear-gradient(135deg,#38a169,#2f855a)}.manage-students-card-report-class{--accent-color:#f56565;--card-gradient:linear-gradient(135deg,#f56565,#e53e3e)}.manage-students-card-report-export{--accent-color:#718096;--card-gradient:linear-gradient(135deg,#718096,#4a5568)}.manage-students-system-info{background:#fff;background:var(--manage-students-card-bg);border:2px solid #e2e8f0;border:2px solid var(--manage-students-border-color);border-radius:16px;border-radius:var(--manage-students-radius-lg);margin-top:32px;opacity:0;padding:28px;transform:translateY(30px)}.manage-students-system-info.manage-students-animate-on-scroll{animation:manage-students-fadeInUp .6s ease .6s forwards}.manage-students-system-info h3{align-items:center;color:#2e2a74;color:var(--manage-students-primary-indigo);display:flex;font-size:1.3rem;gap:12px;margin-bottom:24px}.manage-students-info-badge{background:#48bb781a;border-radius:20px;color:#38a169;font-size:.8rem;font-weight:600;margin-left:auto;padding:4px 12px}.manage-students-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.manage-students-info-item{align-items:center;background:#ffffff80;border:1px solid #e2e8f0;border:1px solid var(--manage-students-border-color);border-radius:12px;border-radius:var(--manage-students-radius-md);display:flex;gap:16px;padding:16px;transition:all .3s ease}.manage-students-info-item:hover{border-color:#2e2a74;border-color:var(--manage-students-primary-indigo);box-shadow:0 4px 6px #00000012;box-shadow:var(--manage-students-shadow-md);transform:translateY(-4px)}.manage-students-info-icon{align-items:center;background:#2e2a741a;border-radius:10px;color:#2e2a74;color:var(--manage-students-primary-indigo);display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.manage-students-info-content{flex:1 1}.manage-students-info-title{color:#2d3748;color:var(--manage-students-text-primary);font-size:.95rem;font-weight:600;margin-bottom:4px}.manage-students-info-desc{color:#718096;color:var(--manage-students-text-secondary);font-size:.85rem}.manage-students-footer{background:#fff;background:var(--manage-students-card-bg);border:2px solid #2e2a74;border:2px solid var(--manage-students-primary-indigo);border-radius:24px;border-radius:var(--manage-students-radius-xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--manage-students-shadow-lg);margin-top:48px;overflow:hidden;padding:32px;position:relative}.manage-students-footer:before{animation:manage-students-progress 2s ease-out;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-students-footer-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.manage-students-footer-brand{align-items:center;display:flex;gap:16px}.manage-students-brand-logo{align-items:center;animation:manage-students-float 3s ease-in-out infinite;background:linear-gradient(135deg,#2e2a74,#4f46e5);background:var(--manage-students-primary-gradient);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.manage-students-brand-text{display:flex;flex-direction:column}.manage-students-brand-name{color:#2d3748;color:var(--manage-students-text-primary);font-size:1.1rem;font-weight:700}.manage-students-brand-version{color:#718096;color:var(--manage-students-text-secondary);font-size:.85rem}.manage-students-footer-details{display:flex;gap:32px}.manage-students-detail-item{align-items:center;color:#718096;color:var(--manage-students-text-secondary);display:flex;font-size:.9rem;gap:8px}.manage-students-footer-copyright{border-top:1px solid #e2e8f0;border-top:1px solid var(--manage-students-border-color);padding-top:24px;text-align:center}.manage-students-footer-copyright p{color:#718096;color:var(--manage-students-text-secondary);font-size:.9rem;margin-bottom:12px}.manage-students-footer-links{color:#718096;color:var(--manage-students-text-secondary);display:flex;font-size:.85rem;gap:16px;justify-content:center}@media (max-width:1200px){.manage-students-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.manage-students-main-content{margin-left:0}.manage-students-quick-stats{grid-template-columns:repeat(2,1fr)}.manage-students-main-section-grid{grid-template-columns:1fr}}@media (max-width:768px){.manage-students-main-content{padding:20px}.manage-students-header h1{font-size:2rem}.manage-students-header-content{flex-direction:column;gap:20px;text-align:center}.manage-students-dashboard-badge{align-self:center}.manage-students-status-bar{flex-direction:column;gap:16px}.manage-students-status-controls{flex-direction:column;gap:12px;width:100%}.manage-students-refresh-btn{justify-content:center;width:100%}.manage-students-actions-grid,.manage-students-quick-stats{grid-template-columns:1fr}.manage-students-footer-content{flex-direction:column;gap:24px;text-align:center}.manage-students-footer-details{flex-direction:column;gap:12px}}@media (max-width:480px){.manage-students-action-card,.manage-students-dynamic-content-section,.manage-students-main-section-selector,.manage-students-stat-card{padding:20px}.manage-students-stat-value{font-size:2rem}}.manage-students-animate-on-scroll{opacity:0;transform:translateY(30px)}.manage-students-animate-on-scroll.manage-students-visible{animation:manage-students-fadeInUp .6s ease forwards}.manage-students-spin-slow{animation:manage-students-spin-slow 20s linear infinite}.manage-students-bounce{animation:manage-students-bounce 2s infinite}.manage-students-float{animation:manage-students-float 3s ease-in-out infinite}.manage-students-pulse{animation:manage-students-pulse 2s infinite}.manage-students-shake{animation:manage-students-shake .5s ease-in-out}.manage-students-main-content::-webkit-scrollbar{width:8px}.manage-students-main-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.manage-students-main-content::-webkit-scrollbar-thumb{background:#2e2a74;background:var(--manage-students-primary-indigo);border-radius:4px}.manage-students-main-content::-webkit-scrollbar-thumb:hover{background:#4f46e5}.manage-students-loading{overflow:hidden;position:relative}.manage-students-loading:after{animation:manage-students-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}[data-tooltip]{position:relative}[data-tooltip]:hover:before{background:#2e2a74;background:var(--manage-students-primary-indigo);border-radius:8px;border-radius:var(--manage-students-radius-sm);box-shadow:0 10px 15px #0000001a;box-shadow:var(--manage-students-shadow-lg);color:#fff;content:attr(data-tooltip);font-size:.85rem;margin-bottom:8px;padding:8px 12px;white-space:nowrap}[data-tooltip]:hover:after,[data-tooltip]:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}[data-tooltip]:hover:after{border:6px solid #0000;border-top:6px solid var(--manage-students-primary-indigo);content:"";margin-bottom:-4px}:root{--primary-indigo:#2e2a74;--primary-yellow:#fff200;--primary-white:#fff;--green-success:#4caf50;--green-medium:#2e7d32;--green-accent:#8bc34a;--primary-gradient:linear-gradient(135deg,#2e2a74,#1e1a5e);--secondary-gradient:linear-gradient(135deg,#fff200,#ffd600);--success-gradient:linear-gradient(135deg,#4caf50,#2e7d32);--dark-bg:#121212;--light-bg:#f8f9fa;--card-bg:#fff;--text-primary:#2d3436;--text-secondary:#636e72;--shadow-sm:0 2px 8px #2e2a7414;--shadow-md:0 4px 16px #2e2a741f;--shadow-lg:0 8px 32px #2e2a7429;--shadow-xl:0 16px 48px #2e2a7433}.new-n-dashboard-wrapper{display:flex;min-height:100vh}.dashboard-wrapper,.new-n-dashboard-wrapper{background:linear-gradient(135deg,#f5f7ff,#e8eaf6);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.dashboard-wrapper{margin-top:-5vh}.sidebar{background:var(--primary-white);box-shadow:4px 0 20px #2e2a7414;color:var(--primary-indigo);transition:all .3s ease}.sidebar .logo{background:linear-gradient(135deg,#2e2a74,#1e1a5e);color:#fff;color:var(--primary-white);font-size:1.8rem;font-weight:800;overflow:hidden;padding:32px 0;position:relative;text-align:center}.sidebar .logo:before{animation:slideInLeft 1s ease;background:#fff200;background:var(--primary-yellow);content:"";height:4px;left:0;position:absolute;right:0;top:0}.sidebar .menu{display:flex;flex:1 1;flex-direction:column;padding:24px 16px}.sidebar .menu a{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#2e2a74;color:var(--primary-indigo);display:flex;font-size:1rem;font-weight:500;margin:6px 0;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar .menu a:before{background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.sidebar .menu a.active{background:linear-gradient(135deg,#2e2a741a,#0000);color:#2e2a74;color:var(--primary-indigo);font-weight:600}.sidebar .menu a.active:before{height:70%}.sidebar .menu a:hover{background:linear-gradient(135deg,#fff2001a,#0000);transform:translateX(8px)}.sidebar .menu a svg{font-size:1.2rem;margin-right:12px;width:24px}.main-content{background:linear-gradient(135deg,#f5f7ff,#e8eaf6);padding:32px}.hero-banner{animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #2e2a7429;box-shadow:var(--shadow-lg);margin-top:32px;overflow:hidden;padding:24px;position:relative}.hero-banner:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1000v100H0Z' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-banner img{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;height:290px;object-fit:stretch;transition:transform .5s ease;width:100%}.hero-banner:hover img{transform:scale(1.02)}.status-banner{animation:slideIn .8s ease-out .2s both;background:linear-gradient(135deg,#fff20026,#ffd6001a);border:2px solid #fff200;border:2px solid var(--primary-yellow);border-radius:24px;border-radius:var(--radius-xl);margin:32px 0;padding:24px}.banner-content{align-items:center;display:flex;gap:24px;justify-content:space-between}.banner-text{flex:1 1}.banner-text p{color:#2e2a74;color:var(--primary-indigo);font-size:1.1rem;line-height:1.6;margin:8px 0}.banner-stats{display:flex;gap:20px}.dash-stat-badge{background:#fff;background:var(--primary-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2e2a7414;box-shadow:var(--shadow-sm);padding:12px 20px;text-align:center;transition:all .3s ease}.dash-stat-badge:hover{box-shadow:0 4px 16px #2e2a741f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.dash-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:4px}.dash-stat-label{color:#636e72;color:var(--text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.dash-quick-actions{margin:48px 0}.new-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.section-title{color:#2e2a74;color:var(--primary-indigo);font-size:2rem;font-weight:800;padding-left:16px;position:relative}.section-title:before{background:#fff200;background:var(--primary-yellow);border-radius:4px;content:"";height:80%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:center;animation:fadeInUp .6s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.1s);background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #2e2a7429;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;min-height:220px;opacity:0;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.1)}.action-card:before{background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);border-top-left-radius:24px;border-top-left-radius:var(--radius-xl);border-top-right-radius:24px;border-top-right-radius:var(--radius-xl);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.action-card:hover:before{transform:scaleX(1)}.action-card:hover{border-color:#2e2a74;border-color:var(--primary-indigo);box-shadow:0 16px 48px #2e2a7433;box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.card-icon-container{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;position:relative;transition:all .4s ease;width:80px}.action-card:hover .card-icon-container{transform:scale(1.1) rotate(5deg)}.card-icon-container:before{animation:pulse 2s infinite;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.1;position:absolute;right:-4px;top:-4px}.action-card img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:60px;object-fit:contain;width:60px}.action-card h3{color:#2e2a74;color:var(--primary-indigo);font-size:1.4rem;font-weight:700;margin-bottom:12px;transition:color .3s ease}.action-card:hover h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.card-badge{background:#fff200;background:var(--primary-yellow);border-radius:12px;box-shadow:0 2px 8px #00000026;color:#2e2a74;color:var(--primary-indigo);font-size:.75rem;font-weight:700;left:-100px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:-15px}.card-students .card-icon-container{background:linear-gradient(135deg,#4caf50,#2e7d32)}.card-teachers .card-icon-container{background:linear-gradient(135deg,#2196f3,#0d47a1)}.card-classes .card-icon-container{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.card-subjects .card-icon-container{background:linear-gradient(135deg,#ff9800,#ef6c00)}.card-results .card-icon-container{background:linear-gradient(135deg,#607d8b,#37474f)}.card-logout .card-icon-container{background:linear-gradient(135deg,#f44336,#d32f2f)}.system-overview{background:#fff;background:var(--card-bg);border:2px solid #2e2a74;border:2px solid var(--primary-indigo);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #2e2a7429;box-shadow:var(--shadow-lg);margin:48px 0;overflow:hidden;padding:32px;position:relative}.overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.overview-title{align-items:center;color:#2e2a74;color:var(--primary-indigo);display:flex;font-size:1.5rem;font-weight:700;gap:12px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-item{background:linear-gradient(135deg,#2e2a740d,#0000);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:20px;transition:all .3s ease}.overview-item:hover{border-color:#2e2a74;border-color:var(--primary-indigo);box-shadow:0 4px 16px #2e2a741f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.overview-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:8px}.overview-label{color:#636e72;color:var(--text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.dashboard-footer{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #2e2a7429;box-shadow:var(--shadow-lg);margin-top:48px;overflow:hidden;padding:32px;position:relative;text-align:center}.dashboard-footer:before{background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--primary-gradient);border-top-left-radius:24px;border-top-left-radius:var(--radius-xl);border-top-right-radius:24px;border-top-right-radius:var(--radius-xl);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-footer p{color:#636e72;color:var(--text-secondary);font-size:.875rem;margin:0;position:relative;z-index:1}.footer-highlight{color:#2e2a74;color:var(--primary-indigo);font-weight:600}.float-animation{animation:float 3s ease-in-out infinite}@media (max-width:1200px){.actions-grid{grid-template-columns:repeat(2,1fr)}.banner-stats{flex-wrap:wrap}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:240px}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;padding:20px}.hero-banner img{height:200px}.banner-content{flex-direction:column;text-align:center}.actions-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-banner,.main-content{padding:16px}.hero-banner img{height:150px}.action-card{min-height:200px;padding:24px}.card-icon-container{height:60px;width:60px}.action-card img{height:40px;width:40px}.action-card h3{font-size:1.2rem}.overview-grid{grid-template-columns:1fr}}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e2a74,#1e1a5e);border:2px solid #f8f9fa;border:2px solid var(--light-bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e1a5e,#2e2a74)}.loading-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2e2a741a 25%,#2e2a7433 50%,#2e2a741a 75%);background-size:1000px 100%}.action-card:focus{box-shadow:0 0 0 4px #2e2a7433;outline:none}.action-card:focus:before{transform:scaleX(1)}.new-notification-badge{align-items:center;background:#ff5252;border-radius:50%;box-shadow:0 2px 8px #ff52524d;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;left:12px;position:absolute;top:12px;width:20px}:root{--sidebar-primary-indigo:#2e2a74;--sidebar-primary-yellow:#fff200;--sidebar-primary-white:#fff;--sidebar-green-success:#4caf50;--sidebar-green-medium:#2e7d32;--sidebar-green-accent:#8bc34a;--sidebar-primary-gradient:linear-gradient(135deg,#2e2a74,#1e1a5e);--sidebar-secondary-gradient:linear-gradient(135deg,#fff200,#ffd600);--sidebar-success-gradient:linear-gradient(135deg,#4caf50,#2e7d32);--sidebar-dark-bg:#121212;--sidebar-light-bg:#f8f9fa;--sidebar-card-bg:#fff;--sidebar-bg:#fff;--sidebar-text-primary:#2d3436;--sidebar-text-secondary:#636e72;--sidebar-border-color:#e2e8f0;--sidebar-shadow-sm:0 2px 8px #2e2a7414;--sidebar-shadow-md:0 4px 16px #2e2a741f;--sidebar-shadow-lg:0 8px 32px #2e2a7429;--sidebar-shadow-xl:0 16px 48px #2e2a7433;--sidebar-radius-sm:8px;--sidebar-radius-md:12px;--sidebar-radius-lg:16px;--sidebar-radius-xl:24px}.sidebar{background:#fff;background:var(--sidebar-bg);box-shadow:4px 0 20px #2e2a741a;color:#2e2a74;color:var(--sidebar-primary-indigo);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-logo{padding:40px 0}.sidebar.collapsed .sidebar-logo img{height:50px;width:50px}.sidebar.collapsed .menu-divider:before,.sidebar.collapsed .menu-item span,.sidebar.collapsed .school-name,.sidebar.collapsed .school-tagline,.sidebar.collapsed .sidebar-footer div:first-child,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role{display:none}.sidebar.collapsed .user-profile{justify-content:center;padding:15px 0}.sidebar.collapsed .menu-item{justify-content:center;padding:14px 0}.sidebar.collapsed .menu-icon{margin-right:0}.sidebar.collapsed .menu-counter{font-size:10px;height:16px;position:absolute;right:8px;top:8px;width:16px}.sidebar-logo{align-items:center;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--sidebar-primary-gradient);display:flex;flex-direction:column;height:90px;justify-content:center;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.sidebar-logo:before{background:#fff200;background:var(--sidebar-primary-yellow);height:4px;top:0}.sidebar-logo:after,.sidebar-logo:before{content:"";left:0;position:absolute;right:0}.sidebar-logo:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;height:1px}.sidebar-logo-container{position:relative;transition:all .3s ease;z-index:2}.sidebar-logo-container:hover{transform:scale(1.05)}.sidebar-logo-container img{background:#ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;height:110px;object-fit:contain;padding:8px;transition:all .3s ease;width:110px}.sidebar-logo-container:hover img{box-shadow:0 8px 32px #0000004d;transform:rotate(-2deg)}.sidebar-school-name{color:#fff;color:var(--sidebar-primary-white);font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-top:12px;text-shadow:0 2px 4px #0003}.sidebar-school-tagline{color:#fffc;font-size:.75rem;letter-spacing:.5px;margin-top:4px}.sidebar-user-profile{align-items:center;background:linear-gradient(135deg,#2e2a740d,#0000);border-top:1px solid #e2e8f0;border-top:1px solid var(--sidebar-border-color);display:flex;gap:12px;padding:20px 16px;transition:all .3s ease}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--sidebar-primary-gradient);border-radius:50%;box-shadow:0 2px 8px #2e2a7414;box-shadow:var(--sidebar-shadow-sm);color:#fff;color:var(--sidebar-primary-white);display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#2e2a74;color:var(--sidebar-primary-indigo);font-size:.9rem;font-weight:600;margin-bottom:2px}.sidebar-user-name,.sidebar-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#636e72;color:var(--sidebar-text-secondary);font-size:.75rem}.sidebar-user-status{animation:sidebar-pulse 2s infinite;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf50;flex-shrink:0;height:8px;width:8px}@keyframes sidebar-pulse{0%,to{opacity:1}50%{opacity:.7}}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:24px 16px}.sidebar-menu-item{align-items:center;background-color:#1e1a5e;background:#0000;border:1px solid #0000;border-radius:16px;border-radius:var(--sidebar-radius-lg);color:#2e2a74;color:var(--sidebar-primary-indigo);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;overflow:hidden;padding:24px 16px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-menu-item:hover{background:linear-gradient(135deg,#fff2001a,#0000);border-color:#fff20033;transform:translateX(8px)}.sidebar-menu-item.active{background:linear-gradient(135deg,#2e2a7426,#0000);border-color:#2e2a74;border-color:var(--sidebar-primary-indigo);box-shadow:0 2px 8px #2e2a7414;box-shadow:var(--sidebar-shadow-sm);font-weight:600}.sidebar-menu-item.active:after{background:#fff200;background:var(--sidebar-primary-yellow);border-radius:50%;box-shadow:0 0 8px #fff200;box-shadow:0 0 8px var(--sidebar-primary-yellow);content:"";height:8px;position:absolute;right:16px;width:8px}.sidebar-menu-item:before{background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--sidebar-primary-gradient);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:center;transition:transform .3s ease;width:4px}.sidebar-menu-item.active:before,.sidebar-menu-item:hover:before{transform:scaleY(1)}.sidebar-menu-icon{align-items:center;color:#2e2a74;color:var(--sidebar-primary-indigo);display:flex;flex-shrink:0;font-size:1.1rem;height:24px;justify-content:center;margin-right:12px;transition:all .3s ease;width:24px}.sidebar-menu-item:hover .sidebar-menu-icon{color:#fff200;color:var(--sidebar-primary-yellow);transform:scale(1.1)}.sidebar-menu-item.active .sidebar-menu-icon{color:#2e2a74;color:var(--sidebar-primary-indigo);transform:scale(1.1)}.sidebar-menu-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu-item.logout{background:linear-gradient(135deg,#f443361a,#0000);border:1px solid #f4433633;color:#f44336;margin-top:auto}.sidebar-menu-item.logout:hover{background:linear-gradient(135deg,#f4433633,#0000);border-color:#f443364d;color:#d32f2f}.sidebar-menu-item.logout .sidebar-menu-icon{color:#f44336}.sidebar-menu-item.logout:hover .sidebar-menu-icon{color:#d32f2f}.sidebar-menu-counter{align-items:center;background:#ff5252;border-radius:50rem;display:flex;height:20px;justify-content:center;width:10px}.sidebar-menu-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:linear-gradient(90deg,#0000,var(--sidebar-border-color),#0000);height:1px;margin:16px 0;position:relative}.sidebar-menu-divider:before{background:#fff;background:var(--sidebar-primary-white);content:"Sections";left:50%;letter-spacing:1px;padding:0 12px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.sidebar-footer,.sidebar-menu-divider:before{color:#636e72;color:var(--sidebar-text-secondary);font-size:.75rem}.sidebar-footer{background:linear-gradient(135deg,#2e2a740d,#0000);border-top:1px solid #e2e8f0;border-top:1px solid var(--sidebar-border-color);padding:16px;text-align:center;width:100%}.sidebar-version-badge{background:#fff200;background:var(--sidebar-primary-yellow);border-radius:10px;color:#2e2a74;color:var(--sidebar-primary-indigo);display:inline-block;font-size:.7rem;font-weight:600;margin-top:8px;padding:2px 8px}.sidebar-toggle{align-items:center;background:linear-gradient(135deg,#2e2a74,#1e1a5e);background:var(--sidebar-primary-gradient);border:none;border-radius:12px;border-radius:var(--sidebar-radius-md);box-shadow:0 8px 32px #2e2a7429;box-shadow:var(--sidebar-shadow-lg);color:#fff;cursor:pointer;display:none;font-size:1.2rem;height:40px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:40px;z-index:1001}.sidebar-toggle:hover{transform:scale(1.1)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#2e2a740d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e2a74,#1e1a5e);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e1a5e,#2e2a74)}@keyframes sidebar-slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sidebar-menu-item{animation:sidebar-slideInLeft .3s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.05s);opacity:0}@media (max-width:768px){.sidebar{box-shadow:none;transform:translateX(-100%)}.sidebar.active{box-shadow:4px 0 20px #2e2a741a;transform:translateX(0)}.sidebar-toggle{display:flex}.sidebar-logo{padding:24px 16px}.sidebar-logo-container img{height:95px;width:120px}.sidebar-overlay{display:block}}@media (max-width:480px){.sidebar{width:260px}.sidebar-menu{padding:20px 12px}.sidebar-menu-item{font-size:.9rem;padding:12px}.sidebar-menu-icon{font-size:1rem;height:20px;margin-right:10px;width:20px}.sidebar-user-profile{padding:15px 12px}}.sidebar.collapsed .sidebar-menu-item{justify-content:center;padding:14px 0}.sidebar.collapsed .sidebar-menu-icon{margin-right:0}.sidebar.collapsed .sidebar-menu-counter{font-size:10px;height:16px;position:absolute;right:8px;top:8px;width:16px}.sidebar.collapsed .sidebar-menu-divider:before{background:#0000;content:"";padding:0}.sidebar.collapsed .sidebar-footer div:first-child{display:none}.sidebar-menu-item.active{position:relative}.sidebar-menu-item.active:before{background:linear-gradient(135deg,#fff2001a,#0000);border-radius:16px;border-radius:var(--sidebar-radius-lg);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-menu-badge{background:#fff200;background:var(--sidebar-primary-yellow);border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#2e2a74;color:var(--sidebar-primary-indigo);flex-shrink:0;font-size:.7rem;font-weight:700;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.manage-teachers-dashboard-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.manage-teachers-main-content{box-sizing:border-box;flex:1 1;margin-left:250px;min-height:100vh;padding:2rem;transition:margin-left .3s ease;width:calc(100% - 250px)}.manage-teachers-dashboard-wrapper .sidebar{height:100vh;left:0;position:fixed;top:0;width:250px;z-index:1000}@keyframes manage-teachers-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes manage-teachers-spin{to{transform:rotate(1turn)}}.manage-teachers-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center;width:100%}.manage-teachers-loader-spinner.manage-teachers-large{animation:manage-teachers-spin 1s linear infinite;border-color:#667eea #764ba2 #667eea1a #667eea1a;border-radius:50%;border-style:solid;border-width:4px;height:60px;margin-bottom:1.5rem;width:60px}.manage-teachers-error-alert{align-items:center;background:linear-gradient(135deg,#f565651a,#e53e3e1a);border:1px solid #f565654d;border-radius:12px;box-sizing:border-box;color:#c53030;display:flex;font-weight:500;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;width:100%}.manage-teachers-error-alert svg{font-size:1.25rem}.manage-teachers-header{border-bottom:1px solid #e8edf3;margin-bottom:2.5rem;padding-bottom:1.5rem;width:100%}.manage-teachers-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.manage-teachers-header h1{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0}.manage-teachers-header h1 svg{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;color:#667eea;padding:12px}.manage-teachers-header-subtitle{color:#718096;font-size:1rem;margin-top:.5rem}.manage-teachers-header-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 20px #667eea4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;white-space:nowrap}.manage-teachers-quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2.5rem;width:100%}.manage-teachers-stat-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #667eea14;box-sizing:border-box;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.manage-teachers-stat-card:hover{box-shadow:0 15px 50px #667eea26;transform:translateY(-5px)}.manage-teachers-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-teachers-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.manage-teachers-stat-value{color:#2d3748;font-size:2.25rem;font-weight:700;line-height:1;margin-bottom:.25rem}.manage-teachers-stat-label{color:#718096;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.manage-teachers-stat-trend{align-items:center;color:#38a169;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.manage-teachers-performance-metrics{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #0000000d;box-sizing:border-box;margin-bottom:2.5rem;padding:1.5rem 2rem;width:100%}.manage-teachers-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.manage-teachers-metric-card{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.manage-teachers-metric-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.manage-teachers-metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.manage-teachers-metric-content{flex:1 1}.manage-teachers-metric-value{color:#2d3748;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.manage-teachers-metric-label{color:#718096;font-size:.9rem;font-weight:500}.manage-teachers-metric-progress{background:#e2e8f0;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden;width:100px}.manage-teachers-metric-progress-bar{background:linear-gradient(90deg,#38a169,#2f855a);border-radius:4px;height:100%;transition:width .3s ease}.manage-teachers-distributions-section{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #0000000d;box-sizing:border-box;margin-bottom:2.5rem;padding:1.5rem 2rem;width:100%}.manage-teachers-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.manage-teachers-section-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;gap:.75rem;margin:0}.manage-teachers-distributions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.manage-teachers-distribution-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:1.5rem;transition:all .3s}.manage-teachers-distribution-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.manage-teachers-distribution-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.manage-teachers-distribution-header h4{color:#2d3748;flex:1 1;font-size:1.1rem;margin:0}.manage-teachers-distribution-header svg{background:#667eea1a;border-radius:8px;color:#667eea;padding:8px}.manage-teachers-distribution-count{background:#667eea;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.manage-teachers-distribution-list{display:flex;flex-direction:column;gap:.75rem}.manage-teachers-distribution-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.manage-teachers-distribution-name{color:#4a5568;flex:1 1;font-size:.9rem;font-weight:500;min-width:120px}.manage-teachers-distribution-bar{background:#e2e8f0;border-radius:4px;flex:2 1;height:8px;overflow:hidden}.manage-teachers-distribution-fill{border-radius:4px;height:100%;transition:width .3s ease}.manage-teachers-distribution-value{color:#2d3748;font-size:.875rem;font-weight:600;min-width:70px;text-align:right}.manage-teachers-mobile-stats{display:flex;flex-direction:column;gap:1rem}.manage-teachers-mobile-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.manage-teachers-mobile-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.manage-teachers-mobile-content{flex:1 1}.manage-teachers-mobile-value{color:#2d3748;font-size:1.5rem;font-weight:700;line-height:1}.manage-teachers-mobile-label{color:#718096;font-size:.875rem;margin-top:.25rem}.manage-teachers-mobile-percentage{color:#38a169;font-size:.75rem;font-weight:600;margin-top:.25rem}.manage-teachers-coverage-summary{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.manage-teachers-coverage-item{align-items:center;color:#4a5568;display:flex;font-size:.9rem;justify-content:space-between}.manage-teachers-coverage-value{color:#667eea;font-weight:700}.manage-teachers-status-summary{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #0000000d;box-sizing:border-box;margin-bottom:2.5rem;padding:1.5rem 2rem;width:100%}.manage-teachers-status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.manage-teachers-status-card{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.manage-teachers-status-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.manage-teachers-status-icon{align-items:center;background:linear-gradient(135deg,#38a169,#2f855a);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.manage-teachers-status-content{flex:1 1}.manage-teachers-status-value{color:#2d3748;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.manage-teachers-status-label{color:#718096;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.manage-teachers-status-percentage{color:#38a169;font-size:.875rem;font-weight:600}.manage-teachers-actions-section{margin-bottom:2.5rem;width:100%}.manage-teachers-section-title{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;width:100%}.manage-teachers-section-icon{color:#667eea}.manage-teachers-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.manage-teachers-action-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #667eea14;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.manage-teachers-action-card:hover{box-shadow:0 20px 60px #667eea26;transform:translateY(-8px)}.manage-teachers-action-card.manage-teachers-active{box-shadow:0 15px 50px #667eea33;transform:translateY(-5px)}.manage-teachers-action-card:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:1}.manage-teachers-action-card:hover:before{opacity:1}.manage-teachers-action-card>*{position:relative;z-index:2}.manage-teachers-action-icon{align-items:center;border-radius:16px;box-shadow:0 8px 25px #00000026;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.manage-teachers-action-icon .manage-teachers-card-icon{color:#fff;font-size:1.75rem}.manage-teachers-action-title{color:#2d3748;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.manage-teachers-action-subtitle{color:#718096;flex-grow:1;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.manage-teachers-card-action-hint{align-items:center;color:#667eea;display:flex;font-weight:600;gap:.5rem;margin-top:auto;transition:opacity .3s,transform .3s}.manage-teachers-action-card:hover .manage-teachers-card-action-hint{transform:translateX(5px)}.manage-teachers-card-add .manage-teachers-action-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.manage-teachers-card-csv .manage-teachers-action-icon{background:linear-gradient(135deg,#38a169,#2f855a)}.manage-teachers-card-edit .manage-teachers-action-icon{background:linear-gradient(135deg,#ed8936,#dd6b20)}.manage-teachers-card-subjects .manage-teachers-action-icon{background:linear-gradient(135deg,#4299e1,#3182ce)}.manage-teachers-card-schedule .manage-teachers-action-icon{background:linear-gradient(135deg,#9f7aea,#805ad5)}.manage-teachers-card-review .manage-teachers-action-icon{background:linear-gradient(135deg,#f56565,#e53e3e)}.manage-teachers-guide-section{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #0000000d;box-sizing:border-box;margin-bottom:2.5rem;padding:1.5rem 2rem;width:100%}.manage-teachers-guide-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;gap:.75rem;margin-bottom:1.5rem}.manage-teachers-guide-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.manage-teachers-guide-item{align-items:flex-start;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;box-sizing:border-box;display:flex;gap:1rem;padding:1rem;transition:all .3s;width:100%}.manage-teachers-guide-item:hover{background:#fff;border-color:#e2e8f0;transform:translateX(5px)}.manage-teachers-guide-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.manage-teachers-guide-title{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.25rem}.manage-teachers-guide-desc{color:#718096;font-size:.875rem;line-height:1.5}.manage-teachers-alerts-section{background:linear-gradient(135deg,#f565650d,#e53e3e0d);border:1px solid #f5656533;border-radius:16px;box-sizing:border-box;margin-bottom:2.5rem;padding:1.5rem 2rem;width:100%}.manage-teachers-alert-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.manage-teachers-alert-header h4{color:#2d3748;font-size:1.1rem;margin:0}.manage-teachers-alert-header svg{color:#f56565}.manage-teachers-alerts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.manage-teachers-alert-item{align-items:center;background:#fff;border:1px solid #fed7d7;border-radius:12px;box-sizing:border-box;display:flex;gap:1rem;padding:1rem;width:100%}.manage-teachers-alert-badge{align-items:center;background:#f56565;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.manage-teachers-alert-content{flex:1 1}.manage-teachers-alert-title{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.25rem}.manage-teachers-alert-desc{color:#718096;font-size:.875rem;line-height:1.4}.manage-teachers-footer{border-top:1px solid #e8edf3;margin-top:3rem;padding-top:2rem;text-align:center;width:100%}.manage-teachers-footer-main{margin-bottom:1rem;width:100%}.manage-teachers-footer p{color:#718096;margin-bottom:.5rem}.manage-teachers-footer-stats{align-items:center;color:#a0aec0;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;justify-content:center}.manage-teachers-divider{opacity:.5}.manage-teachers-footer-credit{align-items:center;color:#667eea;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center}.manage-teachers-fade-in{animation:manage-teachers-fadeIn .5s ease-out forwards}@media (max-width:1200px){.manage-teachers-main-content{margin-left:0;padding:1.5rem;width:100%}.manage-teachers-actions-grid,.manage-teachers-distributions-grid,.manage-teachers-metrics-grid,.manage-teachers-quick-stats{grid-template-columns:repeat(2,1fr)}.manage-teachers-dashboard-wrapper .sidebar{height:auto;position:relative;width:100%}.manage-teachers-dashboard-wrapper{flex-direction:column}}@media (max-width:768px){.manage-teachers-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.manage-teachers-actions-grid,.manage-teachers-alerts-grid,.manage-teachers-distributions-grid,.manage-teachers-guide-grid,.manage-teachers-metrics-grid,.manage-teachers-quick-stats,.manage-teachers-status-grid{grid-template-columns:1fr}.manage-teachers-footer-stats{flex-direction:column;gap:.5rem}.manage-teachers-footer-stats .manage-teachers-divider{display:none}.manage-teachers-main-content{padding:1rem}.manage-teachers-header h1{font-size:1.75rem}.manage-teachers-action-card{min-height:250px;padding:1.5rem}}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#e4edf5);background:var(--bg-gradient);color:#343a40;font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{color:#212529;color:var(--gray-900);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.family-manager-wrapper{background:linear-gradient(135deg,#f5f7fa,#e4edf5);background:var(--bg-gradient);display:flex;min-height:100vh}.family-manager-main{flex:1 1;margin-left:260px;min-height:100vh;padding:2rem 2.5rem;padding:var(--space-8) var(--space-10);position:relative;width:calc(100% - 260px)}.family-header-section{animation:fadeIn .6s ease-out}.family-header-section,.header-content{margin-bottom:2rem;margin-bottom:var(--space-8)}.header-content{align-items:center;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;gap:var(--space-6);padding:1.5rem;padding:var(--space-6)}.header-icon-wrapper{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border-radius:20px;border-radius:var(--radius-2xl);color:#fff;color:var(--white);font-size:2rem;height:80px;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);width:80px}.header-icon-wrapper,.header-icon-wrapper:hover{box-shadow:0 8px 25px #4361ee4d;box-shadow:var(--shadow-primary)}.header-icon-wrapper:hover{transform:scale(1.05) rotate(5deg)}.header-text{flex:1 1}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.header-subtitle{color:#6c757d;color:var(--gray-600);font-size:1.125rem;font-weight:400;margin:0;opacity:.9}.stats-overview{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:2rem;margin-top:var(--space-8)}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);background:var(--card-gradient);border:1px solid #e9ecef;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);gap:1rem;gap:var(--space-4);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.stat-card:before{background:#4361ee;background:var(--primary-color);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.stat-card:hover{border-color:#4895ef;border-color:var(--primary-light);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stat-card:hover:before{opacity:1}.stat-card.total:hover{border-color:#4361ee;border-color:var(--primary-color)}.stat-card.students:hover{border-color:#f72585;border-color:var(--accent-color)}.stat-card.completion:hover{border-color:#2a9d8f;border-color:var(--success-color)}.stat-card.registered:hover{border-color:#f8961e;border-color:var(--warning-color)}.stat-icon{border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);font-size:1.5rem;height:60px;width:60px}.stat-icon.total{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient)}.stat-icon.students{background:linear-gradient(135deg,#f72585,#ff7aa8);background:linear-gradient(135deg,var(--accent-color),var(--accent-light))}.stat-icon.completion{background:linear-gradient(135deg,#2a9d8f,#4cc9f0);background:linear-gradient(135deg,var(--success-color),var(--success-light))}.stat-icon.registered{background:linear-gradient(135deg,#f8961e,#f9c74f);background:linear-gradient(135deg,var(--warning-color),var(--warning-light))}.stat-value{font-feature-settings:"tnum";color:#212529;color:var(--gray-900);font-size:2rem;margin-bottom:var(--space-1)}.stat-label{color:#6c757d;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.family-manager-content{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:1fr 400px}.list-controls{align-items:center;background:#f8f9fa;background:var(--gray-50);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-6);justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.search-section{display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--space-4);min-width:300px}.search-icon{color:#adb5bd;color:var(--gray-500);font-size:1rem}.search-input{background:#fff;background:var(--white);border:2px solid #dee2e6;border-radius:var(--radius-lg);color:#343a40;color:var(--gray-800);padding:.75rem 1rem .75rem 3rem;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:80%}.search-input:focus{background:var(--white);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a}.search-input::placeholder{color:var(--gray-500);font-weight:400}.clear-search{border-radius:9999px;border-radius:var(--radius-full);color:#ced4da;color:var(--gray-400);height:28px;padding:.5rem;padding:var(--space-2);right:1rem;right:var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px}.clear-search:hover{background:#e9ecef;background:var(--gray-200);color:#e63946;color:var(--error-color)}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.filter-group{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.filter-group:hover{border-color:#4361ee;border-color:var(--primary-color)}.filter-icon{color:#adb5bd;color:var(--gray-500);font-size:.875rem}.sort-select,.status-filter{background:none;border:none;color:#495057;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.sort-select:focus,.status-filter:focus{outline:none}.action-buttons{align-items:center;gap:var(--space-4)}.refresh-btn{border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:#495057;color:var(--gray-700);font-size:.875rem;gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#f8f9fa;background:var(--gray-50);border-color:#4361ee;border-color:var(--primary-color);color:#4361ee;color:var(--primary-color);transform:translateY(-1px)}.add-family-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 25px #4361ee4d;box-shadow:var(--shadow-primary);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.75rem;gap:var(--space-3);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);white-space:nowrap}.add-family-btn:hover{box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.add-family-btn:active{transform:translateY(0)}.family-grid{grid-gap:1.5rem;grid-gap:var(--space-6);align-items:start;background-color:#ebe8ee;display:grid;flex:1 1;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-height:calc(200vh - 400px);overflow-y:auto;padding:1.5rem;padding:var(--space-6)}.family-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;min-height:27rem;overflow:hidden;position:relative;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.family-card:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.family-card-header{align-items:center;background:#f8f9fa;background:var(--gray-50);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);padding:1rem;padding:var(--space-4) var(--space-4)}.family-code-badge{align-items:center;background:#f1f3f9;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#495057;color:var(--gray-700);display:flex;font-family:SF Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:600;gap:.5rem;gap:var(--space-2);letter-spacing:.3px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.family-code-badge svg{color:#4361ee;color:var(--primary-color);font-size:.75rem}.family-status-badge{align-items:center;border:2px solid;display:flex;font-size:.7rem;font-weight:700;gap:.5rem;gap:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.family-card-body{flex:1 1;flex-direction:column;padding:1.25rem;padding:var(--space-5)}.family-card-body,.family-name-section{display:flex;gap:1rem;gap:var(--space-4)}.family-name-section{align-items:flex-start}.family-avatar{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.25rem;height:56px;justify-content:center;width:56px}.family-name-content{flex:1 1;min-width:0}.family-name{color:#212529;color:var(--gray-900);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-meta{align-items:center;color:#6c757d;color:var(--gray-600);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);margin:0}.family-meta svg{color:#adb5bd;color:var(--gray-500);font-size:.875rem;opacity:.8}.family-stats{grid-gap:.75rem;grid-gap:var(--space-3);background-color:#fcf8c4;border-color:#fcf8c4;border-radius:12px;border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr 1fr}.family-stats,.stat-item{gap:.75rem;gap:var(--space-3)}.stat-item{align-items:center;display:flex}.stat-item .stat-icon{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#4361ee;color:var(--primary-color);font-size:.875rem;height:36px;width:36px}.stat-info{flex:1 1}.stat-info .stat-value{color:#212529;color:var(--gray-900);font-size:1.25rem;font-weight:800;line-height:1;margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-info .stat-label{color:#6c757d;color:var(--gray-600);font-size:.7rem;font-weight:600;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.family-contact{background:#eee;border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);padding:.75rem;padding:var(--space-3)}.contact-item{align-items:center;color:#495057;color:var(--gray-700);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;gap:var(--space-3)}.contact-item svg{color:#adb5bd;color:var(--gray-500);font-size:.875rem;opacity:.8}.family-card-footer{align-items:center;background:#f8f9fa;background:var(--gray-50);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-top:-10vh;padding:1rem;padding:var(--space-4)}.details-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#4895ef);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.details-btn:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-actions{display:flex;gap:.5rem;gap:var(--space-2)}.action-btn{border-radius:var(--radius-md);color:#fff;color:var(--white);font-size:.875rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.edit-btn{background:#457b9d;background:var(--info-color)}.edit-btn:hover{background:#386fa4;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.delete-btn{background:#e63946;background:var(--error-color)}.delete-btn:hover{background:#d32f2f;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.loading-state{color:#adb5bd;color:var(--gray-500);grid-column:1/-1;padding:4rem;padding:var(--space-16)}.loading-spinner{border:3px solid #e9ecef;border-top-color:#4361ee;border-top-color:var(--primary-color);margin-bottom:1rem;margin-bottom:var(--space-4)}.no-families{grid-column:1/-1;padding:4rem 2rem;padding:var(--space-16) var(--space-8);text-align:center}.no-data-icon{color:#dee2e6;color:var(--gray-300);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-6);opacity:.5}.no-families h3{color:#6c757d;color:var(--gray-600);font-size:1.5rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.no-families p{color:#adb5bd;color:var(--gray-500);font-size:1.1rem;margin-bottom:1.5rem;margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;max-width:400px}.add-first-family-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;gap:var(--space-3);padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.add-first-family-btn:hover{box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pagination{background:#f8f9fa;background:var(--gray-50);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#495057;color:var(--gray-700);font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.pagination-btn:not(:disabled):hover{background:#f8f9fa;background:var(--gray-50);border-color:#4361ee;border-color:var(--primary-color);color:#4361ee;color:var(--primary-color);transform:translateY(-1px)}.page-numbers{display:flex;gap:.5rem;gap:var(--space-2)}.page-number{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#495057;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;min-width:40px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.page-number:hover{background:#f8f9fa;background:var(--gray-50);color:#4361ee;color:var(--primary-color)}.page-number.active,.page-number:hover{border-color:#4361ee;border-color:var(--primary-color)}.page-number.active{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white)}.form-panel{animation:slideIn .4s ease-out;background:#fff;background:var(--white);border:2px solid #4361ee;border:2px solid var(--primary-color);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);max-height:calc(100vh - 200px);overflow-y:auto;padding:1.5rem;padding:var(--space-6);position:sticky;top:2rem;top:var(--space-8)}.form-header{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--gray-200);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.form-header h2{color:#343a40;color:var(--gray-800);font-size:1.5rem;gap:var(--space-3)}.close-form-btn{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#adb5bd;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;padding:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.close-form-btn:hover{background:#f1f3f9;background:var(--gray-100);color:#e63946;color:var(--error-color)}.family-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.form-section{background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6)}.section-title{align-items:center;color:#495057;color:var(--gray-700);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;gap:var(--space-3);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-label{color:#495057;color:var(--gray-700);font-size:.875rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-label.required:after{color:#e63946;color:var(--error-color);content:"*";margin-left:2px}.form-input,.form-textarea{background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#343a40;color:var(--gray-800);font-size:1rem;font-weight:500;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-input.error,.form-textarea.error{border-color:#e63946;border-color:var(--error-color)}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #e639461a}.form-textarea{font-family:inherit;line-height:1.5;min-height:100px}.error-message{color:#e63946;color:var(--error-color);display:block;font-size:.875rem;font-weight:500;margin-top:.25rem;margin-top:var(--space-1)}.family-code-section{flex-direction:column}.code-display,.family-code-section{display:flex;gap:1rem;gap:var(--space-4)}.code-display{align-items:center;background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.code-label{color:#495057;color:var(--gray-700);font-size:.875rem;font-weight:600}.code-value{flex:1 1;font-family:SF Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:1.125rem;font-weight:600;letter-spacing:.5px}.code-value.generated{color:#2a9d8f;color:var(--success-color)}.code-value.empty{color:#ced4da;color:var(--gray-400);font-style:italic}.generate-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;gap:var(--space-3);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.generate-btn.generating{background:#adb5bd;background:var(--gray-500)}.form-note{align-items:center;color:#6c757d;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem;gap:var(--space-2);margin-top:.5rem;margin-top:var(--space-2)}.form-note svg{color:#457b9d;color:var(--info-color);font-size:.875rem}.counters-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.counter-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.counter-card:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.counter-header{align-items:center;color:#495057;color:var(--gray-700);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--space-2)}.counter-controls{gap:.75rem;gap:var(--space-3)}.counter-btn,.counter-controls{align-items:center;display:flex}.counter-btn{background:#f1f3f9;background:var(--gray-100);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#495057;color:var(--gray-700);cursor:pointer;font-size:1.25rem;font-weight:600;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.counter-btn:hover{background:#4361ee;background:var(--primary-color);border-color:#4361ee;border-color:var(--primary-color);color:#fff;color:var(--white)}.counter-input{background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#343a40;color:var(--gray-800);font-size:1.25rem;font-weight:600;padding:.5rem;padding:var(--space-2);text-align:center;width:80px}.counter-input:focus{border-color:#4361ee;border-color:var(--primary-color);outline:none}.total-card{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border:none}.total-card,.total-card .counter-header,.total-card .total-value{color:#fff;color:var(--white)}.total-value{font-size:2rem;font-weight:800;margin-top:.25rem;margin-top:var(--space-1)}.form-actions{border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);gap:var(--space-4);margin-top:1rem;margin-top:var(--space-4);padding-top:var(--space-6)}.btn{border-radius:12px;border-radius:var(--radius-lg);flex:1 1;gap:.75rem;gap:var(--space-3);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.btn-primary{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:disabled{transform:none!important}.btn-secondary{background:var(--white);border:2px solid #dee2e6;border:2px solid var(--gray-300);color:#495057;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f8f9fa;background:var(--gray-50);border-color:#4361ee;border-color:var(--primary-color);color:#4361ee;color:var(--primary-color);transform:translateY(-2px)}.modal-overlay{z-index:400;z-index:var(--z-modal-backdrop)}.more-menu-container{position:relative}.more-menu-btn{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#adb5bd;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;padding:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.more-menu-btn:hover{background:#e9ecef;background:var(--gray-200);color:#495057;color:var(--gray-700)}.more-menu-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);margin-top:.5rem;margin-top:var(--space-2);min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-dropdown)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f1f3f9;border-bottom:1px solid var(--gray-100);color:#495057;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f8f9fa;background:var(--gray-50);color:#4361ee;color:var(--primary-color)}.menu-item.delete:hover{color:#e63946;color:var(--error-color)}.truncate{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);-webkit-background-clip:text;background-clip:text}@media (max-width:1400px){.family-manager-content{grid-template-columns:1fr}.form-panel{border-radius:16px 0 0 16px;border-radius:var(--radius-xl) 0 0 var(--radius-xl);bottom:0;max-width:500px;position:fixed;right:0;top:0;width:90%;z-index:500;z-index:var(--z-modal)}}@media (max-width:1200px){.family-manager-main{padding:1.5rem;padding:var(--space-6)}.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.family-manager-main{margin-left:0;width:100%}.header-content{flex-direction:column;gap:1rem;gap:var(--space-4);text-align:center}.header-icon-wrapper{font-size:1.5rem;height:64px;width:64px}.header-title{font-size:2rem}.family-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.list-controls{flex-direction:column;gap:1rem;gap:var(--space-4)}.search-section{width:100%}.action-buttons,.filter-controls{justify-content:space-between;width:100%}.counters-grid,.family-grid{grid-template-columns:1fr}.form-panel{border-radius:16px;border-radius:var(--radius-xl);width:100%}.details-grid{grid-template-columns:1fr}.student-stats-grid{grid-template-columns:repeat(2,1fr)}.modal-header h2{font-size:1.25rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.stats-overview{grid-template-columns:1fr}}@media (max-width:480px){.family-manager-main{padding:1rem;padding:var(--space-4)}.header-title{font-size:1.75rem}.family-card-footer{flex-direction:column;gap:.75rem;gap:var(--space-3)}.details-btn{width:100%}.student-stats-grid{grid-template-columns:1fr}.modal-content{margin:.5rem;margin:var(--space-2);max-height:95vh;width:98%}.family-info h3{font-size:1.25rem}}::-webkit-scrollbar-track{background:#f1f3f9}::-webkit-scrollbar-thumb{background:#ced4da;background:var(--gray-400)}::-webkit-scrollbar-thumb:hover{background:#adb5bd;background:var(--gray-500)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}.family-grid::-webkit-scrollbar{width:6px}.family-grid::-webkit-scrollbar-track{background:#f1f3f9;background:var(--gray-100)}@media print{.family-manager-wrapper{background:none}.family-manager-main{margin:0;padding:0}.action-btn,.add-family-btn,.form-panel,.list-controls,.modal-overlay,.pagination{display:none!important}.family-card{break-inside:avoid;page-break-inside:avoid}.family-card,.family-details-modal{border:1px solid #000;box-shadow:none}.family-details-modal{position:static}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4361ee;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme:dark){:root{--white:#121417;--gray-50:#1a1d23;--gray-100:#212529;--gray-200:#343a40;--gray-300:#495057;--gray-400:#6c757d;--gray-500:#adb5bd;--gray-600:#ced4da;--gray-700:#dee2e6;--gray-800:#e9ecef;--gray-900:#f8f9fa;--black:#fff;--bg-gradient:linear-gradient(135deg,#0a0c0f,#14181f);--card-gradient:linear-gradient(135deg,#1a1d23,#212529)}.family-card,.family-list-panel,.form-panel,.stat-card{border-color:#495057;border-color:var(--gray-700)}.counter-input,.form-input,.form-textarea,.search-input{background:#f1f3f9;background:var(--gray-100);border-color:#495057;border-color:var(--gray-700);color:#343a40;color:var(--gray-800)}.counter-input:focus,.form-input:focus,.form-textarea:focus,.search-input:focus{border-color:#4895ef;border-color:var(--primary-light)}}.form-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:none;justify-content:center;left:0;opacity:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal);z-index:1111}.form-modal-overlay.active{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal);display:flex;opacity:1}.family-form-modal{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.family-form-modal .form-header{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.family-form-modal .form-header h2{font-size:1.5rem;font-weight:700;gap:.75rem;gap:var(--space-3);margin:0}.close-modal-btn,.family-form-modal .form-header h2{align-items:center;color:#fff;color:var(--white);display:flex}.close-modal-btn{background:#ffffff1a;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;font-size:1.25rem;height:44px;justify-content:center;padding:.75rem;padding:var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:44px}.close-modal-btn:hover{background:#fff3;transform:rotate(90deg)}.family-form-modal .family-form{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--space-6)}.form-panel{display:none}.family-manager-content{display:block;margin-top:2rem;margin-top:var(--space-8);min-height:calc(100vh - 300px)}.family-list-panel{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;width:100%}@media (max-width:1400px){.family-manager-content{grid-template-columns:1fr}}@media (max-width:768px){.family-form-modal{max-height:90vh;width:95%}}@media (max-width:480px){.family-form-modal{margin:.5rem;margin:var(--space-2);width:98%}.family-form-modal .form-header h2{font-size:1.25rem}}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;opacity:0;padding:var(--space-4);transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.modal-overlay.active{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal);opacity:1}.family-details-modal{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);color:var(--white);padding:var(--space-6)}.modal-header .header-content{align-items:center;background:none;border:none;box-shadow:none;display:flex;justify-content:space-between;margin:0;padding:0}.modal-header h2{font-size:1.5rem;gap:.75rem;gap:var(--space-3)}.close-modal,.modal-header h2{align-items:center;color:#fff;color:var(--white);display:flex}.close-modal{background:#ffffff1a;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;font-size:1.25rem;height:44px;justify-content:center;padding:.75rem;padding:var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:44px}.close-modal:hover{background:#fff3;transform:rotate(90deg)}.modal-body{flex:1 1;padding:var(--space-6)}.family-overview{margin-bottom:2rem;margin-bottom:var(--space-8)}.family-header{align-items:flex-start;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.family-header,.family-title{display:flex;gap:1.5rem;gap:var(--space-6)}.family-title{align-items:center;flex:1 1;min-width:300px}.family-avatar-large{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #4361ee4d;box-shadow:var(--shadow-primary);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;width:80px}.family-info{flex:1 1;min-width:0}.family-info h3{color:#212529;color:var(--gray-900);font-size:1.75rem;font-weight:800;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.family-code-display{align-items:center;background:#f1f3f9;background:var(--gray-100);color:#4361ee;color:var(--primary-color);font-family:SF Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:1.125rem;font-weight:600;gap:.75rem;gap:var(--space-3);letter-spacing:.5px}.family-code-display,.status-indicator{border-radius:9999px;border-radius:var(--radius-full);display:flex;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.status-indicator{border:2px solid;font-size:.875rem;font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.progress-section{background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6)}.progress-header{color:#495057;color:var(--gray-700);font-size:.95rem;margin-bottom:var(--space-4)}.progress-bar{background:#dee2e6;background:var(--gray-300);margin-bottom:.75rem;margin-bottom:var(--space-3)}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{transition:width .6s ease}.progress-text{color:#6c757d;color:var(--gray-600)}.details-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.detail-section{background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6)}.detail-section h4{align-items:center;color:#343a40;color:var(--gray-800);display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;gap:var(--space-3);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.detail-section h4 svg{color:#4361ee;color:var(--primary-color)}.detail-item{align-items:flex-start;background:var(--white);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-lg);gap:1rem;gap:var(--space-4);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem;padding:var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.detail-item:last-child{margin-bottom:0}.detail-item:hover{border-color:#4895ef;border-color:var(--primary-light);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-item.full-width{grid-column:1/-1}.detail-item svg{color:#4361ee;color:var(--primary-color);font-size:1.25rem;margin-top:2px;min-width:24px;opacity:.9}.detail-item label{color:#6c757d;color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-1);opacity:.8;text-transform:uppercase}.detail-item span{color:#343a40;color:var(--gray-800);display:block;font-size:1rem;font-weight:600;line-height:1.4}.student-stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.student-stat{align-items:center;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);cursor:default;display:flex;gap:1rem;gap:var(--space-4);padding:1.25rem;padding:var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.student-stat:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-3px)}.student-stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.student-stat-icon.boys{background:linear-gradient(135deg,#4361ee,#4895ef);background:linear-gradient(135deg,var(--primary-color),var(--primary-light))}.student-stat-icon.girls{background:linear-gradient(135deg,#f72585,#ff7aa8);background:linear-gradient(135deg,var(--accent-color),var(--accent-light))}.student-stat-icon.total{background:linear-gradient(135deg,#7209b7,#9d4edd);background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light))}.student-stat-info{flex:1 1}.student-stat-value{color:#212529;color:var(--gray-900);font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.25rem;margin-bottom:var(--space-1)}.student-stat-label{color:#6c757d;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.students-section{border-top:2px solid #e9ecef;border-top:2px solid var(--gray-200);margin-top:2rem;margin-top:var(--space-8);padding-top:1.5rem;padding-top:var(--space-6)}.students-section h4{align-items:center;color:#343a40;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;gap:var(--space-3);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.students-list{border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);overflow:hidden}.students-list table{background:#fff;background:var(--white);border-collapse:collapse;width:100%}.students-list thead{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient)}.students-list th{border-bottom:2px solid #ffffff1a;color:#fff;color:var(--white);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.students-list td,.students-list th{padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.students-list td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);color:#495057;color:var(--gray-700);font-size:.95rem}.students-list tr:last-child td{border-bottom:none}.students-list tr:hover{background:#f8f9fa;background:var(--gray-50)}.gender-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;gap:var(--space-2);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.gender-badge.male{background:#4361ee1a;color:#4361ee;color:var(--primary-color)}.gender-badge.female{background:#f725851a;color:#f72585;color:var(--accent-color)}.gender-badge svg{font-size:.75rem}.modal-footer{background:#f8f9fa;background:var(--gray-50);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);gap:1rem;gap:var(--space-4);padding:var(--space-6)}.modal-footer .btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;gap:var(--space-3);justify-content:center;min-width:140px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modal-footer .btn-secondary{background:#dee2e6;background:var(--gray-300);color:#343a40;color:var(--gray-800)}.modal-footer .btn-secondary:hover{background:#ced4da;background:var(--gray-400);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-footer .btn-primary{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--header-gradient);color:#fff;color:var(--white)}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modal-footer .btn-danger{background:linear-gradient(135deg,#e63946,#ff6b6b);background:linear-gradient(135deg,var(--error-color),var(--error-light));color:#fff;color:var(--white)}.modal-footer .btn-danger:hover{background:linear-gradient(135deg,#d32f2f,#e63946);background:linear-gradient(135deg,#d32f2f,var(--error-color));box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.family-details-modal{max-height:90vh;width:95%}.details-grid{grid-template-columns:1fr}.student-stats-grid{grid-template-columns:repeat(2,1fr)}.modal-header h2{font-size:1.25rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width:480px){.family-details-modal{margin:.5rem;margin:var(--space-2);width:98%}.family-info h3{font-size:1.25rem}.student-stats-grid{grid-template-columns:1fr}}:root{--addFamilyCSV-family-blue:#4361ee;--addFamilyCSV-family-light:#e6f0ff}.addFamilyCSV-dashboard-wrapper{display:flex;min-height:100vh}.addFamilyCSV-main-content{background-color:#f9fafb;background-color:var(--addFamilyCSV-light-bg);flex-grow:1;margin-left:280px;padding:30px}.addFamilyCSV-content{margin:0 auto;max-width:1400px}.addFamilyCSV-content-header{margin-bottom:40px;text-align:center}.addFamilyCSV-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#4361ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-family-blue) 100%);-webkit-background-clip:text;background-clip:text;color:#2e2a74;color:var(--addFamilyCSV-primary-blue);font-size:2.5rem;font-weight:700;margin:0 0 8px}.addFamilyCSV-subtitle{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:1.1rem;font-weight:400;margin:0}.addFamilyCSV-horizontal-cards-container{display:flex;justify-content:space-between}.addFamilyCSV-horizontal-card{background:#fff;background:var(--addFamilyCSV-white);border:1px solid #e5e7eb;border:1px solid var(--addFamilyCSV-gray-200);border-radius:16px;border-radius:var(--addFamilyCSV-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--addFamilyCSV-shadow-lg);display:flex;flex:0 0 45%;flex-direction:column;min-height:600px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.addFamilyCSV-horizontal-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.addFamilyCSV-card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--addFamilyCSV-gray-100);display:flex;gap:16px;margin-bottom:32px;padding-bottom:20px}.addFamilyCSV-header-icon-wrapper{align-items:center;background:linear-gradient(135deg,#2e2a74,#4361ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-family-blue) 100%);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.addFamilyCSV-card-icon{color:#fff;color:var(--addFamilyCSV-white);font-size:24px}.addFamilyCSV-card-title{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 6px}.addFamilyCSV-card-subtitle{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.95rem;font-weight:400;line-height:1.4;margin:0}.addFamilyCSV-instructions-card{border-top:4px solid #2e2a74;border-top:4px solid var(--addFamilyCSV-primary-blue)}.addFamilyCSV-instructions-content{flex:1 1;margin-bottom:30px}.addFamilyCSV-instruction-step{background:#f9fafb;background:var(--addFamilyCSV-light-bg);border-left:4px solid #2e2a74;border-left:4px solid var(--addFamilyCSV-primary-blue);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);display:flex;gap:16px;margin-bottom:16px;padding:20px;transition:all .3s ease}.addFamilyCSV-instruction-step:hover{background:#e6f0ff;background:var(--addFamilyCSV-family-light);transform:translateX(4px)}.addFamilyCSV-instruction-step:nth-child(2){border-left-color:#4361ee;border-left-color:var(--addFamilyCSV-family-blue)}.addFamilyCSV-instruction-step:nth-child(3){border-left-color:#2e8b57;border-left-color:var(--addFamilyCSV-accent-green)}.addFamilyCSV-step-number{align-items:center;background:linear-gradient(135deg,#2e2a74,#4361ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-family-blue) 100%);border-radius:50%;color:#fff;color:var(--addFamilyCSV-white);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.addFamilyCSV-step-title{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:1.1rem;font-weight:600;margin:0 0 6px}.addFamilyCSV-step-description{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.95rem;line-height:1.5;margin:0}.addFamilyCSV-card-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.addFamilyCSV-action-btn{align-items:center;border:2px solid #0000;border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;text-decoration:none;transition:all .3s ease}.addFamilyCSV-primary-action{background:linear-gradient(135deg,#2e2a74,#4361ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-family-blue) 100%);box-shadow:0 4px 12px #2e2a7433;color:#fff;color:var(--addFamilyCSV-white)}.addFamilyCSV-primary-action:hover{box-shadow:0 8px 20px #2e2a744d;transform:translateY(-2px)}.addFamilyCSV-secondary-action{background-color:#fff;background-color:var(--addFamilyCSV-white);border-color:#2e2a74;border-color:var(--addFamilyCSV-primary-blue);color:#2e2a74;color:var(--addFamilyCSV-primary-blue)}.addFamilyCSV-secondary-action:hover{background-color:#2e2a74;background-color:var(--addFamilyCSV-primary-blue);color:#fff;color:var(--addFamilyCSV-white);transform:translateY(-2px)}.addFamilyCSV-upload-card{border-top:4px solid #4361ee;border-top:4px solid var(--addFamilyCSV-family-blue)}.addFamilyCSV-upload-area{align-items:center;background-color:#f9fafb;background-color:var(--addFamilyCSV-light-bg);border:2px dashed #d1d5db;border:2px dashed var(--addFamilyCSV-gray-300);border-radius:16px;border-radius:var(--addFamilyCSV-radius-lg);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:24px;padding:40px 30px;text-align:center;transition:all .3s ease}.addFamilyCSV-upload-area.addFamilyCSV-drag-over{background-color:#e6f0ff;background-color:var(--addFamilyCSV-family-light);border-color:#4361ee;border-color:var(--addFamilyCSV-family-blue);transform:scale(1.02)}.addFamilyCSV-upload-icon-wrapper{align-items:center;background:linear-gradient(135deg,#4361ee,#4895ef);background:linear-gradient(135deg,var(--addFamilyCSV-family-blue) 0,#4895ef 100%);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.addFamilyCSV-upload-area-icon{color:#fff;color:var(--addFamilyCSV-white);font-size:32px}.addFamilyCSV-upload-area-title{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:1.25rem;font-weight:600;margin:0 0 8px}.addFamilyCSV-upload-subtitle{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.95rem;margin:0 0 24px}.addFamilyCSV-upload-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.addFamilyCSV-browse-btn{background:linear-gradient(135deg,#4361ee,#4895ef);background:linear-gradient(135deg,var(--addFamilyCSV-family-blue) 0,#4895ef 100%);border:none;border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);box-shadow:0 4px 12px #4361ee33;color:#fff;color:var(--addFamilyCSV-white);cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.addFamilyCSV-browse-btn:hover{box-shadow:0 8px 20px #4361ee4d;transform:translateY(-2px)}.addFamilyCSV-upload-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.addFamilyCSV-upload-note{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.9rem;margin:0}.addFamilyCSV-file-preview-section{animation:addFamilyCSV-slideIn .3s ease;background:#f9fafb;background:var(--addFamilyCSV-light-bg);border:1px solid #e5e7eb;border:1px solid var(--addFamilyCSV-gray-200);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);margin-bottom:24px;padding:20px}.addFamilyCSV-file-preview-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--addFamilyCSV-gray-200);display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.addFamilyCSV-file-type-icon{color:#4361ee;color:var(--addFamilyCSV-family-blue);font-size:20px}.addFamilyCSV-file-preview-header span{color:#111827;color:var(--addFamilyCSV-gray-900);font-weight:600}.addFamilyCSV-file-details{align-items:center;display:flex;justify-content:space-between}.addFamilyCSV-file-info{display:flex;flex-direction:column;gap:4px}.addFamilyCSV-file-name{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:.95rem;font-weight:600}.addFamilyCSV-file-size{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.85rem}.addFamilyCSV-file-status{align-items:center;color:#2e8b57;color:var(--addFamilyCSV-accent-green);display:flex;font-size:.9rem;font-weight:600;gap:8px}.addFamilyCSV-status-icon{font-size:16px}.addFamilyCSV-upload-controls{margin-top:auto}.addFamilyCSV-upload-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#4895ef);background:linear-gradient(135deg,var(--addFamilyCSV-family-blue) 0,#4895ef 100%);border:none;border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);box-shadow:0 4px 12px #4361ee33;color:#fff;color:var(--addFamilyCSV-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:18px 24px;transition:all .3s ease;width:100%}.addFamilyCSV-upload-btn:hover:not(.addFamilyCSV-disabled){box-shadow:0 8px 20px #4361ee4d;transform:translateY(-2px)}.addFamilyCSV-upload-btn.addFamilyCSV-disabled{cursor:not-allowed;opacity:.6;transform:none}.addFamilyCSV-upload-progress-section{animation:addFamilyCSV-slideIn .3s ease;background:#f9fafb;background:var(--addFamilyCSV-light-bg);border:1px solid #e5e7eb;border:1px solid var(--addFamilyCSV-gray-200);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);margin-top:20px;padding:20px}.addFamilyCSV-progress-header{color:#111827;color:var(--addFamilyCSV-gray-900);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.addFamilyCSV-progress-percentage{color:#4361ee;color:var(--addFamilyCSV-family-blue);font-weight:700}.addFamilyCSV-progress-bar-container{background:#e5e7eb;background:var(--addFamilyCSV-gray-200);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.addFamilyCSV-progress-bar-fill{background:linear-gradient(90deg,#4361ee,#4895ef);background:linear-gradient(90deg,var(--addFamilyCSV-family-blue),#4895ef);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.addFamilyCSV-progress-bar-fill:after{animation:addFamilyCSV-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;top:0;width:100%}.addFamilyCSV-progress-note{align-items:center;color:#374151;color:var(--addFamilyCSV-gray-700);display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:0;text-align:center}@media (max-width:1200px){.addFamilyCSV-horizontal-card{flex:0 0 48%}}@media (max-width:992px){.addFamilyCSV-horizontal-cards-container{flex-direction:column;gap:30px}.addFamilyCSV-horizontal-card{flex:0 0 100%;min-height:auto}.addFamilyCSV-main-content{padding:20px}.addFamilyCSV-title{font-size:2rem}}@media (max-width:768px){.addFamilyCSV-card-header{flex-direction:column;text-align:center}.addFamilyCSV-header-icon-wrapper{margin:0 auto 16px}.addFamilyCSV-instruction-step{align-items:center;flex-direction:column;text-align:center}.addFamilyCSV-step-number{margin-bottom:12px}.addFamilyCSV-upload-area{padding:30px 20px}}:root{--addFamilyCSV-primary-blue:#2e2a74;--addFamilyCSV-primary-light:#7b68ee;--addFamilyCSV-accent-yellow:#fff200;--addFamilyCSV-accent-green:#2e8b57;--addFamilyCSV-white:#fff;--addFamilyCSV-light-bg:#f9fafb;--addFamilyCSV-gray-100:#f3f4f6;--addFamilyCSV-gray-200:#e5e7eb;--addFamilyCSV-gray-300:#d1d5db;--addFamilyCSV-gray-700:#374151;--addFamilyCSV-gray-900:#111827;--addFamilyCSV-success-light:#d1fae5;--addFamilyCSV-warning-light:#fef3c7;--addFamilyCSV-shadow-sm:0 1px 3px #0000001a;--addFamilyCSV-shadow-md:0 4px 6px -1px #0000001a;--addFamilyCSV-shadow-lg:0 10px 15px -3px #0000001a;--addFamilyCSV-radius-sm:8px;--addFamilyCSV-radius-md:12px;--addFamilyCSV-radius-lg:16px}.addStudentsCSV-dashboard-wrapper{display:flex;min-height:100vh}.addStudentsCSV-main-content{background-color:#f9fafb;background-color:var(--addFamilyCSV-light-bg);flex-grow:1;margin-left:280px;padding:30px}.addStudentsCSV-content{margin:0 auto;max-width:1400px}.addStudentsCSV-content-header{margin-bottom:40px;text-align:center}.addStudentsCSV-title{color:#2e2a74;color:var(--addFamilyCSV-primary-blue);font-size:2.5rem;font-weight:700;margin:0 0 8px}.addStudentsCSV-subtitle{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:1.1rem;font-weight:400;margin:0}.addStudentsCSV-horizontal-cards-container{display:flex;justify-content:center}.addStudentsCSV-horizontal-card{background:#fff;background:var(--addFamilyCSV-white);border:1px solid #e5e7eb;border:1px solid var(--addFamilyCSV-gray-200);border-radius:16px;border-radius:var(--addFamilyCSV-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--addFamilyCSV-shadow-lg);box-sizing:border-box;display:flex;flex:0 0 45%;flex-direction:column;margin-right:2rem;min-height:600px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.addStudentsCSV-horizontal-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.addStudentsCSV-card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--addFamilyCSV-gray-100);display:flex;gap:16px;margin-bottom:32px;padding-bottom:20px}.addStudentsCSV-header-icon-wrapper{align-items:center;background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-primary-light) 100%);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.addStudentsCSV-card-icon{color:#fff;color:var(--addFamilyCSV-white);font-size:24px}.addStudentsCSV-card-title{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 6px}.addStudentsCSV-card-subtitle{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.95rem;font-weight:400;line-height:1.4;margin:0}.addStudentsCSV-instructions-card{border-top:4px solid #2e2a74;border-top:4px solid var(--addFamilyCSV-primary-blue)}.addStudentsCSV-instructions-content{flex:1 1;margin-bottom:30px}.addStudentsCSV-instruction-step{background:#f9fafb;background:var(--addFamilyCSV-light-bg);border-left:4px solid #2e2a74;border-left:4px solid var(--addFamilyCSV-primary-blue);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);display:flex;gap:16px;margin-bottom:16px;padding:20px;transition:all .3s ease}.addStudentsCSV-instruction-step:hover{background:#f3f4f6;background:var(--addFamilyCSV-gray-100);transform:translateX(4px)}.addStudentsCSV-instruction-step:nth-child(2){border-left-color:#7b68ee;border-left-color:var(--addFamilyCSV-primary-light)}.addStudentsCSV-instruction-step:nth-child(3){border-left-color:#2e8b57;border-left-color:var(--addFamilyCSV-accent-green)}.addStudentsCSV-step-number{align-items:center;background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-primary-light) 100%);border-radius:50%;color:#fff;color:var(--addFamilyCSV-white);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.addStudentsCSV-step-title{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:1.1rem;font-weight:600;margin:0 0 6px}.addStudentsCSV-step-description{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.95rem;line-height:1.5;margin:0}.addStudentsCSV-card-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.addStudentsCSV-action-btn{align-items:center;border:2px solid #0000;border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;text-decoration:none;transition:all .3s ease}.addStudentsCSV-primary-action{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-primary-light) 100%);box-shadow:0 4px 12px #2e2a7433;color:#fff;color:var(--addFamilyCSV-white)}.addStudentsCSV-primary-action:hover{box-shadow:0 8px 20px #2e2a744d;transform:translateY(-2px)}.addStudentsCSV-secondary-action{background-color:#fff;background-color:var(--addFamilyCSV-white);border-color:#2e2a74;border-color:var(--addFamilyCSV-primary-blue);color:#2e2a74;color:var(--addFamilyCSV-primary-blue)}.addStudentsCSV-secondary-action:hover{background-color:#2e2a74;background-color:var(--addFamilyCSV-primary-blue);color:#fff;color:var(--addFamilyCSV-white);transform:translateY(-2px)}.addStudentsCSV-upload-card{border-top:4px solid #2e8b57;border-top:4px solid var(--addFamilyCSV-accent-green)}.addStudentsCSV-upload-area{align-items:center;background-color:#f9fafb;background-color:var(--addFamilyCSV-light-bg);border:2px dashed #d1d5db;border:2px dashed var(--addFamilyCSV-gray-300);border-radius:16px;border-radius:var(--addFamilyCSV-radius-lg);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:24px;padding:40px 30px;text-align:center;transition:all .3s ease}.addStudentsCSV-upload-area.addStudentsCSV-drag-over{background-color:#d1fae5;background-color:var(--addFamilyCSV-success-light);border-color:#2e8b57;border-color:var(--addFamilyCSV-accent-green);transform:scale(1.02)}.addStudentsCSV-upload-icon-wrapper{align-items:center;background:linear-gradient(135deg,#2e8b57,#34d399);background:linear-gradient(135deg,var(--addFamilyCSV-accent-green) 0,#34d399 100%);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.addStudentsCSV-upload-area-icon{color:#fff;color:var(--addFamilyCSV-white);font-size:32px}.addStudentsCSV-upload-area-title{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:1.25rem;font-weight:600;margin:0 0 8px}.addStudentsCSV-upload-subtitle{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.95rem;margin:0 0 24px}.addStudentsCSV-upload-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.addStudentsCSV-browse-btn{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--addFamilyCSV-primary-blue) 0,var(--addFamilyCSV-primary-light) 100%);border:none;border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);box-shadow:0 4px 12px #2e2a7433;color:#fff;color:var(--addFamilyCSV-white);cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.addStudentsCSV-browse-btn:hover{box-shadow:0 8px 20px #2e2a744d;transform:translateY(-2px)}.addStudentsCSV-upload-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.addStudentsCSV-upload-note{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.9rem;margin:0}.addStudentsCSV-file-preview-section{animation:addFamilyCSV-slideIn .3s ease;background:#f9fafb;background:var(--addFamilyCSV-light-bg);border:1px solid #e5e7eb;border:1px solid var(--addFamilyCSV-gray-200);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);margin-bottom:24px;padding:20px}@keyframes addFamilyCSV-slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.addStudentsCSV-file-preview-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--addFamilyCSV-gray-200);display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.addStudentsCSV-file-type-icon{color:#2e2a74;color:var(--addFamilyCSV-primary-blue);font-size:20px}.addStudentsCSV-file-preview-header span{color:#111827;color:var(--addFamilyCSV-gray-900);font-weight:600}.addStudentsCSV-file-details{align-items:center;display:flex;justify-content:space-between}.addStudentsCSV-file-info{display:flex;flex-direction:column;gap:4px}.addStudentsCSV-file-name{color:#111827;color:var(--addFamilyCSV-gray-900);font-size:.95rem;font-weight:600}.addStudentsCSV-file-size{color:#374151;color:var(--addFamilyCSV-gray-700);font-size:.85rem}.addStudentsCSV-file-status{align-items:center;color:#2e8b57;color:var(--addFamilyCSV-accent-green);display:flex;font-size:.9rem;font-weight:600;gap:8px}.addStudentsCSV-status-icon{font-size:16px}.addStudentsCSV-upload-controls{margin-top:auto}.addStudentsCSV-upload-btn{align-items:center;background:linear-gradient(135deg,#2e8b57,#34d399);background:linear-gradient(135deg,var(--addFamilyCSV-accent-green) 0,#34d399 100%);border:none;border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);box-shadow:0 4px 12px #2e8b5733;color:#fff;color:var(--addFamilyCSV-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:18px 24px;transition:all .3s ease;width:100%}.addStudentsCSV-upload-btn:hover:not(.addStudentsCSV-disabled){box-shadow:0 8px 20px #2e8b574d;transform:translateY(-2px)}.addStudentsCSV-upload-btn.addStudentsCSV-disabled{cursor:not-allowed;opacity:.6;transform:none}.addStudentsCSV-upload-progress-section{animation:addFamilyCSV-slideIn .3s ease;background:#f9fafb;background:var(--addFamilyCSV-light-bg);border:1px solid #e5e7eb;border:1px solid var(--addFamilyCSV-gray-200);border-radius:12px;border-radius:var(--addFamilyCSV-radius-md);margin-top:20px;padding:20px}.addStudentsCSV-progress-header{color:#111827;color:var(--addFamilyCSV-gray-900);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.addStudentsCSV-progress-percentage{color:#2e8b57;color:var(--addFamilyCSV-accent-green);font-weight:700}.addStudentsCSV-progress-bar-container{background:#e5e7eb;background:var(--addFamilyCSV-gray-200);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.addStudentsCSV-progress-bar-fill{background:linear-gradient(90deg,#2e8b57,#34d399);background:linear-gradient(90deg,var(--addFamilyCSV-accent-green),#34d399);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.addStudentsCSV-progress-bar-fill:after{animation:addFamilyCSV-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;top:0;width:100%}@keyframes addFamilyCSV-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.addStudentsCSV-progress-note{align-items:center;color:#374151;color:var(--addFamilyCSV-gray-700);display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:0;text-align:center}@media (max-width:1200px){.addStudentsCSV-horizontal-card{flex:0 0 48%}}@media (max-width:992px){.addStudentsCSV-horizontal-cards-container{flex-direction:column;gap:30px}.addStudentsCSV-horizontal-card{flex:0 0 100%;min-height:auto}.addStudentsCSV-main-content{padding:20px}.addStudentsCSV-title{font-size:2rem}}@media (max-width:768px){.addStudentsCSV-card-header{flex-direction:column;text-align:center}.addStudentsCSV-header-icon-wrapper{margin:0 auto 16px}.addStudentsCSV-instruction-step{align-items:center;flex-direction:column;text-align:center}.addStudentsCSV-step-number{margin-bottom:12px}.addStudentsCSV-upload-area{padding:30px 20px}.addStudentsCSV-card-actions{flex-direction:column}}.dashboard-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.csv-upload-container{animation:fadeIn .5s ease-out;background:#fff;box-shadow:-5px 0 25px #0000000d;flex:1 1;margin-left:260px;min-height:100vh;padding:2.5rem 3rem}.csv-header{align-items:flex-start;border-bottom:1px solid #e8edf3;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.header-left{align-items:flex-start;gap:1.5rem}.back-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s;white-space:nowrap}.back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateX(-5px)}.header-title h1{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0}.header-title h1 svg{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;color:#667eea;padding:12px}.header-title p{color:#718096;font-size:1rem;margin-top:.5rem}.header-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 20px #667eea4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem}.csv-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;margin-bottom:2rem}@media (max-width:1200px){.csv-grid{grid-template-columns:1fr}}.csv-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #667eea14;overflow:hidden;transition:all .3s}.csv-card:hover{box-shadow:0 15px 50px #667eea1f;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid #e8edf3;gap:1rem;padding:1.25rem 2rem}.card-header h3{color:#2d3748;font-size:1.2rem;margin:0}.card-header svg{color:#667eea;height:20px;width:20px}.card-body{padding:2rem}.instruction-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.instruction-item{align-items:flex-start;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.instruction-item:hover{background:#fff;border-color:#e2e8f0;transform:translateX(5px)}.instruction-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.instruction-content h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.instruction-content p{color:#718096;font-size:.9rem;line-height:1.5;margin:0}.download-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.download-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s}.download-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.download-btn.primary:hover{box-shadow:0 12px 30px #667eea66;transform:translateY(-2px)}.download-btn.secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.download-btn.secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.requirements-section{border-top:1px solid #e8edf3;margin-top:2rem;padding-top:1.5rem}.requirements-section h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:1rem}.requirements-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.requirement-item{border-radius:8px;font-size:.85rem;font-weight:500;padding:.75rem;text-align:center}.requirement-item.required{background:#f565651a;border:1px solid #f5656533;color:#e53e3e}.requirement-item.optional{background:#a0aec01a;border:1px solid #a0aec033;color:#718096}.legend{display:flex;font-size:.8rem;gap:1.5rem;justify-content:center}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-item.required:before{background:#e53e3e;border-radius:2px;content:"";height:12px;width:12px}.legend-item.optional:before{background:#718096;border-radius:2px;content:"";height:12px;width:12px}.drop-zone{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;margin-bottom:1.5rem;padding:3rem 2rem;text-align:center;transition:all .3s}.drop-zone:hover:not(.has-file){background:#667eea0d;border-color:#667eea}.drop-zone.dragging{background:#667eea1a;border-color:#667eea;transform:scale(1.02)}.drop-zone.has-file{background:#38a1690d;border-color:#38a169;border-style:solid;padding:1.5rem}.upload-icon-large{color:#a0aec0;font-size:3rem;margin-bottom:1rem}.drop-zone.dragging .upload-icon-large{color:#667eea}.drop-zone h4{color:#2d3748;font-size:1.25rem;margin-bottom:.5rem}.drop-zone p{color:#718096;margin:0}.drag-hint{animation:pulse 1.5s infinite;color:#667eea;font-weight:600;margin-top:1rem}.file-preview{gap:1.5rem}.file-icon,.file-preview{align-items:center;display:flex}.file-icon{background:linear-gradient(135deg,#38a169,#2f855a);border-radius:12px;color:#fff;font-size:1.75rem;height:64px;justify-content:center;width:64px}.file-info{flex:1 1;text-align:left}.file-info h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .25rem;word-break:break-all}.file-info p{color:#718096;font-size:.9rem;margin:0 0 1rem}.remove-btn{align-items:center;background:#f565651a;border:1px solid #f5656533;border-radius:6px;color:#f56565;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.remove-btn:hover{background:#f5656533}.file-input-hidden{display:none}.validation-status{align-items:center;border-radius:10px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.validation-status.validating{background:#ed89361a;border:1px solid #ed893633;color:#ed8936}.validation-status.error{background:#f565651a;border:1px solid #f5656533;color:#e53e3e}.error-list{flex:1 1}.error-item{font-size:.9rem;margin-top:.25rem;padding-left:1rem;position:relative}.error-item:before{content:"•";left:0;position:absolute}.upload-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.progress-header{align-items:center;color:#2d3748;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1rem}.progress-bar-container{background:#edf2f7;border-radius:5px;height:10px;margin-bottom:1rem}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-hint{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:.75rem}.upload-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.upload-stats h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.stat-item{border-radius:10px;padding:1rem;text-align:center}.stat-item.success{background:#38a1691a;border:1px solid #38a16933}.stat-item.failed{background:#f565651a;border:1px solid #f5656533}.stat-item.duplicates{background:#ed89361a;border:1px solid #ed893633}.stat-item.total{background:#667eea1a;border:1px solid #667eea33}.stat-value{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#718096;font-size:.85rem;font-weight:500}.error-details{margin-top:1rem}.error-details h5{color:#2d3748;font-size:.95rem;margin-bottom:.75rem}.error-scroll{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:150px;overflow-y:auto;padding:.75rem}.detailed-error{border-bottom:1px solid #f1f5f9;color:#718096;font-size:.85rem;padding:.5rem}.detailed-error:last-child{border-bottom:none}.action-buttons{gap:1rem;margin-bottom:1.5rem}.reset-btn,.upload-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.upload-btn:hover:not(:disabled){box-shadow:0 12px 30px #667eea66;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.reset-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.reset-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.reset-btn:disabled{cursor:not-allowed;opacity:.5}.quick-tips{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a;border-radius:12px;padding:1.5rem}.quick-tips h5{align-items:center;color:#2d3748;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.quick-tips ul{color:#718096;font-size:.9rem;margin:0;padding-left:1.5rem}.quick-tips li{line-height:1.5;margin-bottom:.5rem}.quick-tips li:last-child{margin-bottom:0}.csv-footer{border-top:1px solid #e8edf3;margin-top:2rem;padding-top:2rem}.footer-content{text-align:center}.footer-content p{color:#4a5568;gap:.75rem;margin-bottom:1rem}.footer-content p,.footer-stats{align-items:center;display:flex;justify-content:center}.footer-stats{color:#a0aec0;font-size:.875rem;gap:1rem}.divider{opacity:.5}@media (max-width:1200px){.csv-upload-container{margin-left:0;padding:1.5rem}}@media (max-width:768px){.csv-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.header-left{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr}.action-buttons,.footer-stats{flex-direction:column}.footer-stats{gap:.5rem}.footer-stats .divider{display:none}}::-webkit-scrollbar-thumb{background:#cbd5e0}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.add-students-portal-wrapper{background:linear-gradient(135deg,#f5f7ff,#e8eaf6);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.add-students-hero-section{margin-bottom:48px;position:relative;text-align:center}.add-students-hero-section:before{background:var(--primary-gradient);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:100px}.add-students-main-title{color:var(--primary-indigo);display:inline-block;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-top:16px;position:relative}.add-students-main-title:after{animation:add-students-float 3s ease-in-out infinite;content:"🧑‍🎓";font-size:2.5rem;position:absolute;right:-120px;top:50%;transform:translateY(-50%)}@keyframes add-students-float{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-10px)}}.add-students-hero-description{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto 32px;max-width:600px}.add-students-cards-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:48px;padding:0 20px}.add-students-card{align-items:center;background:var(--primary-white);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;height:430px;justify-content:space-between;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.1);width:380px}.add-students-card:before{background:var(--primary-gradient);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:2}.add-students-card:hover:before{transform:scaleX(1)}.add-students-card:hover{border-color:var(--primary-indigo);box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.add-students-card:after{background:linear-gradient(135deg,#2e2a7408,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.add-students-card:hover:after{opacity:1}.add-students-card-badge{background:var(--primary-yellow);border-radius:20px;box-shadow:0 2px 8px #00000026;color:var(--primary-indigo);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;right:16px;text-transform:uppercase;top:16px;z-index:3}.add-students-icon-circle{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:24px;position:relative;transition:all .4s ease;width:100px;z-index:1}.add-students-icon-circle:before{background:linear-gradient(135deg,var(--primary-indigo) 0,#1e1a5e 100%);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}.add-students-card:hover .add-students-icon-circle{transform:scale(1.1) rotate(5deg)}.add-students-card-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;width:100%}.add-students-card-title{color:var(--primary-indigo);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:16px;transition:color .3s ease}.add-students-card:hover .add-students-card-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.add-students-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:24px;max-height:72px;overflow:hidden}.add-students-card-features{margin-bottom:24px;padding:0 8px;text-align:left;width:100%}.add-students-feature-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:10px;line-height:1.4;margin-bottom:8px}.add-students-feature-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.add-students-button-container,.add-students-option-btn{display:flex;justify-content:center;width:100%}.add-students-option-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:600;gap:12px;max-width:220px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease;z-index:1}.add-students-option-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-students-option-btn:hover:before{left:100%}.add-students-option-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.add-students-btn-individual{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:var(--primary-white)}.add-students-btn-individual:hover{box-shadow:0 8px 25px #2e2a744d}.add-students-btn-family{background:linear-gradient(135deg,var(--primary-yellow) 0,#ffd600 100%);box-shadow:var(--shadow-md);color:var(--primary-indigo)}.add-students-btn-family:hover{box-shadow:0 8px 25px #fff2004d}.add-students-option-btn:hover svg{transform:translateX(4px);transition:transform .3s ease}.add-students-stats-banner{background:linear-gradient(135deg,#2e2a740d,#fff2000d);border:2px solid var(--border-color);border-radius:var(--radius-xl);margin:48px auto;max-width:1200px;padding:32px;position:relative}.add-students-stats-banner:before{background:var(--primary-gradient);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);content:"";height:4px;left:0;position:absolute;right:0;top:0}.add-students-stats-header{margin-bottom:24px}.add-students-stats-header,.add-students-stats-icon{align-items:center;display:flex;gap:12px}.add-students-stats-title{color:#2e2a74;font-size:1.5rem;margin:0}.add-students-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.add-students-stat-item{background:#ffffffb3;border-radius:var(--radius-lg);padding:20px;transition:all .3s ease}.add-students-stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.add-students-stat-number{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.add-students-stat-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:1px;text-transform:uppercase}.add-students-guidance-section{background:var(--primary-white);border:2px solid var(--primary-indigo);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:48px auto;max-width:1200px;padding:32px}.add-students-guidance-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.add-students-guidance-icon{align-items:center;background:var(--primary-gradient);border-radius:12px;color:var(--primary-white);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.add-students-guidance-title{color:var(--primary-indigo);font-size:1.5rem;font-weight:700}.add-students-guidance-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.add-students-guidance-item{background:linear-gradient(135deg,#2e2a740d,#0000);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .3s ease}.add-students-guidance-item:hover{border-color:var(--primary-indigo);transform:translateX(8px)}.add-students-guidance-item h4{align-items:center;color:var(--primary-indigo);display:flex;gap:8px;margin-bottom:8px}.add-students-guidance-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.add-students-footer-note{color:var(--text-secondary);font-size:.875rem;margin-top:32px;text-align:center}.add-students-footer-content{align-items:center;display:flex;gap:12px;justify-content:center}@keyframes add-students-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes add-students-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in-up{animation:add-students-fadeInUp .6s ease-out forwards}.pulse-on-hover:hover{animation:add-students-pulse .5s ease}.add-students-scroll-reveal{opacity:0;transform:translateY(20px);transition:all .6s ease}.add-students-scroll-reveal.visible{opacity:1;transform:translateY(0)}.add-students-card-corner{background:linear-gradient(135deg,#0000 50%,#2e2a740d 0);border-top-right-radius:var(--radius-xl);height:60px;pointer-events:none;position:absolute;right:0;top:0;width:60px}@media (max-width:1200px){.add-students-cards-container{gap:24px}.add-students-card{height:350px;width:350px}}@media (max-width:768px){.add-students-main-title{font-size:2.5rem}.add-students-main-title:after{display:block;margin-top:16px;position:relative;right:auto;top:auto;transform:none}.add-students-cards-container{align-items:center;flex-direction:column}.add-students-card{height:380px;max-width:400px;width:100%}.add-students-stats-grid{grid-template-columns:repeat(2,1fr)}.add-students-guidance-grid{grid-template-columns:1fr}}@media (max-width:480px){.add-students-main-title{font-size:2rem}.add-students-hero-description{font-size:1rem}.add-students-icon-circle{height:80px;width:80px}.add-students-card-title{font-size:1.25rem}.add-students-option-btn{font-size:.9rem;padding:12px 24px}.add-students-card{height:360px;padding:24px}.add-students-stats-grid{grid-template-columns:1fr}}.add-students-card.loading{overflow:hidden;position:relative}.add-students-card.loading:after{animation:add-students-loading 1.5s infinite;background:linear-gradient(90deg,#0000,#2e2a741a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes add-students-loading{0%{left:-100%}to{left:100%}}.add-students-card:focus{box-shadow:0 0 0 4px #2e2a7433;outline:none}.add-students-card:focus:before{transform:scaleX(1)}.add-students-active{border-color:var(--primary-indigo);box-shadow:0 0 0 3px #2e2a741a}.add-students-card:hover{box-shadow:0 20px 40px #2e2a7426}.add-students-icon-circle{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.solo-dashboard-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.solo-main-content{background:#fff;box-shadow:-5px 0 25px #0000000d;flex:1 1;margin-left:260px;min-height:100vh;padding:2.5rem 3rem}.solo-page-header{animation:solo-fadeIn .6s ease-out;border-bottom:1px solid #e8edf3;margin-bottom:2.5rem;padding-bottom:1.5rem}.solo-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.solo-page-subtitle{color:#718096;font-size:1.1rem;line-height:1.6;margin:0;max-width:800px}.solo-pro-form{animation:solo-fadeIn .8s ease-out .1s both;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.solo-form-card{background:#fff;border:1px solid #e8edf3;border-radius:20px;box-shadow:0 12px 40px #667eea14;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.1)}.solo-form-card:hover{box-shadow:0 20px 60px #667eea26;transform:translateY(-5px) scale(1.005)}.solo-form-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.solo-form-card:hover:before{opacity:1}.solo-card-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid #e8edf3;padding:1.5rem 2rem;position:relative}.solo-card-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.35rem;font-weight:700;gap:1rem;margin:0}.solo-card-header h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;content:"";display:inline-block;height:24px;width:6px}.solo-form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2.5rem}.solo-input-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.solo-input-group label{align-items:center;color:#4a5568;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;transition:color .3s}.solo-input-group label:after{color:#e53e3e;content:"*";margin-left:2px;opacity:.7}.solo-input-group.full-width{grid-column:1/-1}.solo-form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-family:inherit;font-size:1rem;padding:1.1rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.solo-form-input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid #0000;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-2px)}.solo-form-input::placeholder{color:#a0aec0;opacity:.7}.solo-form-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size:16px;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;cursor:pointer;font-family:inherit;font-size:1rem;padding:1.1rem 1.4rem;transition:all .3s;width:100%}.solo-form-select:focus{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236674ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size:16px;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-2px)}.solo-form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-family:inherit;font-size:1rem;line-height:1.5;min-height:120px;padding:1.1rem 1.4rem;resize:vertical;transition:all .3s;width:100%}.solo-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-2px)}.solo-id-control-panel{background:linear-gradient(135deg,#667eea05,#764ba205);border:2px dashed #667eea33;border-radius:16px;grid-column:1/-1;margin-top:1rem;padding:2rem;transition:all .3s}.solo-id-control-panel:hover{background:linear-gradient(135deg,#667eea0a,#764ba20a);border-color:#667eea66}.solo-id-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.solo-id-actions label{align-items:center;color:#4a5568;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem}.solo-id-actions label:before{content:"🎯";font-size:1.2rem}.solo-id-display{position:relative}.solo-id-display .solo-form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 20px #00000014;color:#2d3748;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.2rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1.5rem}.solo-id-display .solo-form-input:not(:placeholder-shown){background:#38a16908;border-color:#38a169}.solo-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;min-width:200px;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.solo-btn-primary:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-3px) scale(1.02)}.solo-btn-primary:active{transform:translateY(-1px) scale(1.01)}.solo-btn-primary:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.solo-btn-primary:hover:after{height:300px;width:300px}.solo-btn-secondary{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000000d;color:#4a5568;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;min-width:160px;padding:1.1rem 2rem;transition:all .3s}.solo-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.solo-btn-secondary:active{transform:translateY(0)}.solo-form-actions{animation:solo-fadeIn 1s ease-out .3s both;border-top:1px solid #e8edf3;display:flex;justify-content:flex-end;margin-top:2.5rem;padding-top:2.5rem}.solo-form-input:invalid:not(:focus):not(:placeholder-shown){background:#fc818108;border-color:#fc8181}.solo-form-input:valid:not(:focus):not(:placeholder-shown){background:#68d39108;border-color:#68d391}.solo-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.solo-loader{animation:solo-spin 1s linear infinite;border-color:#667eea #764ba2 #e2e8f0 #e2e8f0;border-radius:50%;border-style:solid;border-width:4px;height:60px;width:60px}.solo-input-group:hover .solo-tooltip{opacity:1;transform:translateY(0)}.solo-tooltip{background:#2d3748;border-radius:6px;color:#fff;font-size:.85rem;opacity:0;padding:.5rem .75rem;pointer-events:none;right:10px;transition:all .3s;white-space:nowrap;z-index:10}.solo-tooltip,.solo-tooltip:after{position:absolute;top:50%;transform:translateY(-50%)}.solo-tooltip:after{border:6px solid #0000;border-right-color:#2d3748;content:"";left:-6px}.solo-required-field:after{color:#e53e3e;content:" *";font-weight:700}.solo-success-message{align-items:center;animation:solo-slideIn .5s ease-out;background:linear-gradient(135deg,#38a169,#2f855a);border-radius:12px;color:#fff;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.solo-success-message:before{content:"✓";font-size:1.5rem;font-weight:700}@media (max-width:1200px){.solo-main-content{margin-left:0;padding:2rem}.solo-form-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem}}@media (max-width:768px){.solo-main-content{padding:1.5rem}.solo-page-title{font-size:1.8rem}.solo-page-subtitle{font-size:1rem}.solo-form-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.solo-form-card{border-radius:16px}.solo-card-header{padding:1.25rem 1.5rem}.solo-id-control-panel{padding:1.5rem}.solo-id-actions{align-items:stretch;flex-direction:column}.solo-btn-secondary{min-width:auto;width:100%}.solo-form-actions{flex-direction:column;gap:1rem}.solo-btn-primary{min-width:auto;width:100%}}@media (max-width:480px){.solo-form-grid,.solo-form-input,.solo-form-select,.solo-form-textarea,.solo-main-content{padding:1rem}.solo-btn-primary,.solo-btn-secondary{font-size:1rem;padding:1rem 1.5rem}}@keyframes solo-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes solo-spin{to{transform:rotate(1turn)}}@keyframes solo-slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes solo-pulse{0%,to{opacity:1}50%{opacity:.7}}.solo-scrollbar::-webkit-scrollbar{height:10px;width:10px}.solo-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.solo-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;-webkit-transition:background .3s;transition:background .3s}.solo-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4196)}.solo-focus :focus{outline:2px solid #667eea80;outline-offset:2px}.solo-selection::selection{background:#667eea4d;color:#2d3748}@media print{.solo-dashboard-wrapper{background:none}.solo-main-content{box-shadow:none;margin:0;padding:0}.solo-btn-primary,.solo-btn-secondary,.solo-form-actions{display:none}.solo-form-card{border:1px solid #ddd;box-shadow:none}}@media (prefers-reduced-motion:reduce){.solo-dashboard-wrapper *,.solo-dashboard-wrapper :after,.solo-dashboard-wrapper :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.solo-btn-primary,.solo-btn-secondary,.solo-form-input,.solo-form-select,.solo-form-textarea{border-width:3px}}@media (prefers-color-scheme:dark){.solo-main-content{background:#1a202c;color:#e2e8f0}.solo-form-card{background:#2d3748;border-color:#4a5568}.solo-form-input,.solo-form-select,.solo-form-textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.solo-page-title{color:#e2e8f0}.solo-input-group label{color:#cbd5e0}.solo-card-header{background:#667eea1a}}.solo-text-center{text-align:center}.solo-mt-1{margin-top:.25rem}.solo-mt-2{margin-top:.5rem}.solo-mt-3{margin-top:1rem}.solo-mt-4{margin-top:1.5rem}.solo-mt-5{margin-top:2rem}.solo-mb-1{margin-bottom:.25rem}.solo-mb-2{margin-bottom:.5rem}.solo-mb-3{margin-bottom:1rem}.solo-mb-4{margin-bottom:1.5rem}.solo-mb-5{margin-bottom:2rem}.solo-p-1{padding:.25rem}.solo-p-2{padding:.5rem}.solo-p-3{padding:1rem}.solo-p-4{padding:1.5rem}.solo-p-5{padding:2rem}.solo-hidden{display:none!important}.solo-visible{display:block!important}.solo-flex{display:flex}.solo-flex-col{flex-direction:column}.solo-items-center{align-items:center}.solo-justify-between{justify-content:space-between}.solo-gap-2{gap:.5rem}.solo-gap-4{gap:1rem}.solo-w-full{width:100%}.solo-is-valid{background:#38a1690d!important;border-color:#38a169!important}.solo-is-invalid{background:#e53e3e0d!important;border-color:#e53e3e!important}.solo-error-message{align-items:center;color:#e53e3e;display:flex;font-size:.85rem;gap:.25rem;margin-top:.25rem}.solo-input-group:focus-within label{color:#667eea}.solo-placeholder::placeholder{color:#a0aec0;opacity:1}.solo-btn-primary,.solo-btn-secondary,.solo-form-card,.solo-form-input,.solo-form-select,.solo-form-textarea{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.solo-form-card:hover .solo-card-header{background:linear-gradient(135deg,#667eea14,#764ba214)}.solo-button-group{display:flex;flex-wrap:wrap;gap:1rem}.solo-form-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:2rem 0}.solo-success-check{align-items:center;animation:solo-pulse 2s infinite;background:#38a169;border-radius:50%;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.solo-loading-bar{animation:solo-loading 1.5s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;border-radius:2px;height:4px;margin-top:1rem}@keyframes solo-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.solo-form-hint{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:.25rem;margin-top:.25rem}.solo-required-note{border-top:1px solid #e2e8f0;color:#718096;font-size:.9rem;margin-top:2rem;padding-top:1rem}.solo-required-note:before{color:#e53e3e;content:"* "}.solo-form-card:after{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:attr(data-step);display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:2rem;top:1.5rem;width:32px}.solo-form-progress{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.solo-progress-step{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;position:relative}.solo-progress-step.active{background:linear-gradient(90deg,#667eea,#764ba2)}.solo-progress-step.completed{background:#38a169}.solo-form-input:read-only{background:#f7fafc;cursor:not-allowed;opacity:.8}.solo-form-input:read-only:focus{border-color:#e2e8f0;box-shadow:none;transform:none}.solo-id-generator-container{position:relative}.solo-id-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-family:SF Mono,monospace;font-size:.9rem;padding:.5rem 1rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.solo-data-table{border-collapse:collapse;margin-top:2rem;width:100%}.solo-data-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:1rem;text-align:left}.solo-data-table td{border-bottom:1px solid #e2e8f0;padding:1rem}.solo-data-table tr:hover{background:#f7fafc}.solo-form-footer{border-top:1px solid #e2e8f0;color:#718096;font-size:.9rem;margin-top:3rem;padding-top:2rem;text-align:center}.solo-char-counter{bottom:10px;color:#a0aec0;font-size:.8rem;position:absolute;right:10px}.solo-char-counter.warning{color:#ed8936}.solo-char-counter.error{color:#e53e3e}.solo-field-group{align-items:flex-end;display:flex;gap:1rem}.solo-field-group .solo-input-group{flex:1 1}.solo-compact .solo-form-grid{gap:1rem;padding:1.5rem}.solo-compact .solo-form-input,.solo-compact .solo-form-select{padding:.75rem 1rem}.solo-watermark{position:relative}.solo-watermark:after{color:#667eea1a;content:"CONFIDENTIAL";font-size:3rem;font-weight:900;left:50%;letter-spacing:2px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);z-index:1}.solo-watermark>*{position:relative;z-index:2}select.solo-form-select option{font-size:1rem;padding:1rem}select.solo-form-select option:hover{background:#667eea;color:#fff}@-moz-document url-prefix(){.solo-form-select{padding-right:2.5rem;text-indent:.01px;text-overflow:""}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.solo-form-grid{display:flex;flex-wrap:wrap}.solo-input-group{flex:1 0 300px;margin:1rem}.solo-form-card{display:block}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.solo-form-select{padding-right:2.5rem}}}@media print{.solo-form-input,.solo-form-select,.solo-form-textarea{background:none;border:1px solid #000;color:#000}.solo-form-card{break-inside:avoid;page-break-inside:avoid}}:root{--primary-color:#667eea;--primary-dark:#5a67d8;--secondary-color:#764ba2;--accent-color:#ed8936;--success-color:#38a169;--warning-color:#ed8936;--error-color:#e53e3e;--info-color:#4299e1;--gray-100:#f4f6f9;--gray-300:#cbd5e0;--gray-400:#a0aec0;--gray-500:#718096;--gray-600:#4a5568;--gray-700:#2d3748;--gray-800:#1a202c;--gray-900:#171923;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--success-gradient:linear-gradient(135deg,#38a169,#2f855a);--warning-gradient:linear-gradient(135deg,#ed8936,#dd6b20);--danger-gradient:linear-gradient(135deg,#e53e3e,#c53030);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}body{color:#2d3748;color:var(--gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.family-dashboard-wrapper{background:linear-gradient(135deg,#f4f6f9,#e2e8f0);background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);display:flex;min-height:100vh;overflow-x:hidden;position:relative}.family-content-wrapper{background:#fff;background:var(--white);box-shadow:-8px 0 32px #00000014;flex:1 1;margin-left:260px;min-height:100vh;padding:2rem 2.5rem;padding:var(--space-8) var(--space-10);position:relative;transition:all .25s ease;transition:all var(--transition-normal);z-index:1}@keyframes family-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.family-fade-in{animation:family-fade-in .6s cubic-bezier(.175,.885,.32,1.275) .45s forwards;animation:family-fade-in .6s var(--transition-bounce) forwards}.family-page-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1.5rem;padding-bottom:var(--space-6);position:relative}.family-page-header:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.family-page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#1a202c;color:var(--gray-800);display:flex;font-size:2.25rem;font-size:var(--text-4xl);font-weight:800;font-weight:var(--font-extrabold);gap:1rem;gap:var(--space-4);letter-spacing:-.025em;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.family-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 25px #667eea4d;color:#fff;color:var(--white);display:flex;font-size:1.5rem;font-size:var(--text-2xl);height:64px;justify-content:center;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);width:64px}.family-icon-wrapper:hover{box-shadow:0 15px 35px #667eea66;transform:scale(1.05) rotate(5deg)}.family-page-subtitle{color:#718096;color:var(--gray-500);font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium);line-height:1.6;margin:0;max-width:800px;padding-left:calc(64px + 1rem);padding-left:calc(64px + var(--space-4))}.family-search-section{background:linear-gradient(135deg,#667eea08,#764ba208);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-8);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.family-search-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-top-left-radius:20px;border-top-left-radius:var(--radius-2xl);border-top-right-radius:20px;border-top-right-radius:var(--radius-2xl);content:"";height:4px;left:0;position:absolute;right:0;top:0}.family-section-title{align-items:center;color:#1a202c;color:var(--gray-800);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);gap:.75rem;gap:var(--space-3);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0;position:relative}.family-section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.family-section-icon{color:#667eea;color:var(--primary-color);font-size:1.25rem;font-size:var(--text-xl);transition:transform .25s ease;transition:transform var(--transition-normal)}.family-section-title:hover .family-section-icon{transform:scale(1.1) rotate(5deg)}.family-search-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.family-input-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.family-input-label{align-items:center;color:#2d3748;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.family-input-label svg{color:#667eea;color:var(--primary-color);font-size:1.125rem;font-size:var(--text-lg);transition:all .25s ease;transition:all var(--transition-normal)}.family-input-group:hover .family-input-label svg{transform:scale(1.1)}.family-search-input{border:2px solid #cbd5e0;border:2px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1a202c;color:var(--gray-800);font-family:inherit;font-size:1rem;font-size:var(--text-base);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.family-search-input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;background:linear-gradient(var(--white),var(--white)) padding-box,var(--primary-gradient) border-box;border:2px solid #0000;box-shadow:0 0 0 4px #667eea26}.family-search-input::placeholder{color:#a0aec0;color:var(--gray-400);font-weight:500;font-weight:var(--font-medium)}.family-search-input:hover:not(:focus){border-color:#5a67d8;border-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.family-search-actions{align-items:center;border-top:2px solid #e2e8f0;border-top:2px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);justify-content:flex-start;margin-top:2rem;margin-top:var(--space-8);padding-top:1.5rem;padding-top:var(--space-6)}.family-suggestion-list{animation:family-slide-down .2s ease-out;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:var(--radius-lg);border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top:.25rem;margin-top:var(--space-1);max-height:320px}@keyframes family-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.family-suggestion-item{border-bottom:1px solid #f4f6f9;border-bottom:1px solid var(--gray-100);gap:1rem;gap:var(--space-4);overflow:hidden;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);position:relative;transition:all .15s ease}.family-suggestion-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease;transition:transform var(--transition-normal);width:4px}.family-suggestion-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateX(4px)}.family-suggestion-item:hover:before{transform:scaleY(1)}.family-suggestion-icon{color:#667eea;font-size:1.125rem;font-size:var(--text-lg);min-width:24px;transition:all .25s ease;transition:all var(--transition-normal)}.family-suggestion-item:hover .family-suggestion-icon{transform:scale(1.1) rotate(5deg)}.family-suggestion-main{color:#1a202c;color:var(--gray-800);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.family-suggestion-sub{color:#718096;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.family-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 25px #667eea4d;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.75rem;gap:var(--space-3);justify-content:center;letter-spacing:.025em;min-width:180px;overflow:hidden;padding:1rem 2rem;padding:var(--space-4) var(--space-8);position:relative;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.family-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.family-btn-primary:hover:before{left:100%}.family-btn-primary:hover:not(:disabled){box-shadow:0 15px 35px #667eea66;transform:translateY(-3px) scale(1.02)}.family-btn-primary:active:not(:disabled){box-shadow:0 5px 20px #667eea4d;transform:translateY(-1px) scale(.98)}.family-btn-primary:disabled{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.6;transform:none!important}.family-btn-primary svg{font-size:1.125rem;font-size:var(--text-lg);transition:transform .25s ease;transition:transform var(--transition-normal)}.family-btn-primary:hover svg{transform:translateX(4px)}.family-btn-secondary{align-items:center;background:#fff;background:var(--white);border:2px solid #cbd5e0;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2d3748;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.75rem;gap:var(--space-3);justify-content:center;min-width:140px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.family-btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#667eea;color:var(--primary-color);transform:translateY(-2px)}.family-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.family-btn-generate{align-items:center;background:linear-gradient(135deg,#38a169,#2f855a);background:var(--success-gradient);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #38a16933;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;min-width:140px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);white-space:nowrap}.family-btn-generate:hover:not(:disabled){box-shadow:0 8px 25px #38a1694d;transform:translateY(-2px) scale(1.02)}.family-btn-generate:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.family-btn-generate svg{font-size:1rem;font-size:var(--text-base);transition:transform .25s ease;transition:transform var(--transition-normal)}.family-btn-generate:hover svg{transform:rotate(180deg)}.family-btn-save{align-items:center;background:linear-gradient(135deg,#ed8936,#dd6b20);background:var(--warning-gradient);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 25px #ed89364d;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.75rem;gap:var(--space-3);justify-content:center;max-width:300px;padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);width:100%}.family-btn-save:hover:not(:disabled){box-shadow:0 15px 35px #ed893666;transform:translateY(-3px) scale(1.02)}.family-btn-save:disabled{cursor:not-allowed;opacity:.6}.family-btn-save svg{font-size:1.125rem;font-size:var(--text-lg)}.family-btn-nav{align-items:center;background:#fff;background:var(--white);border:2px solid #cbd5e0;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);color:#2d3748;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;min-width:140px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .25s ease;transition:all var(--transition-normal)}.family-btn-nav:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#667eea;color:var(--primary-color);transform:translateY(-2px)}.family-btn-nav:disabled{cursor:not-allowed;opacity:.5}.family-btn-nav svg{transition:transform .25s ease;transition:transform var(--transition-normal)}.family-btn-nav:hover:not(:disabled) svg{transform:translateX(-2px)}.family-btn-nav:last-child:hover:not(:disabled) svg{transform:translateX(2px)}.family-data-section{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-8);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative}.family-data-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.family-section-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:.75rem;padding-bottom:var(--space-3)}.family-table-responsive{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto;position:relative}.family-table-responsive::-webkit-scrollbar{height:8px}.family-table-responsive::-webkit-scrollbar-track{background:#f4f6f9;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full)}.family-table-responsive::-webkit-scrollbar-thumb{background:#667eea;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full)}.family-table-responsive::-webkit-scrollbar-thumb:hover{background:#5a67d8;background:var(--primary-dark)}.family-data-table{background:#fff;background:var(--white);border-collapse:collapse;min-width:800px;width:100%}.family-data-table thead{background:linear-gradient(135deg,#667eea14,#764ba214)}.family-data-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.family-data-table td,.family-data-table th{color:#2d3748;color:var(--gray-700);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.family-data-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);transition:background-color .15s ease;transition:background-color var(--transition-fast)}.family-data-table tr:last-child td{border-bottom:none}.family-data-table tr:hover td{background:#667eea08}.family-mobile-display{align-items:center;color:#2d3748;color:var(--gray-700);display:flex;font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2)}.family-mobile-display svg{color:#667eea;color:var(--primary-color)}.family-status-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.family-status-active{background:linear-gradient(135deg,#38a16926,#2f855a26);border:1px solid #38a1694d;color:#38a169;color:var(--success-color)}.family-status-inactive{background:linear-gradient(135deg,#e53e3e26,#c5303026);border:1px solid #e53e3e4d;color:#e53e3e;color:var(--error-color)}.family-student-cards-section{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8);position:relative}.family-student-cards-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-top-left-radius:20px;border-top-left-radius:var(--radius-2xl);border-top-right-radius:20px;border-top-right-radius:var(--radius-2xl);content:"";height:4px;left:0;position:absolute;right:0;top:0}.family-cards-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1.5rem;padding-bottom:var(--space-6)}.family-cards-count{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #667eea4d;color:#fff;color:var(--white);display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-2);justify-content:center;min-width:160px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.family-cards-count:before{content:"🎯";font-size:1.125rem;font-size:var(--text-lg)}.family-card-navigation{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-6);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.family-card-indicators{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:center}.family-card-indicator{align-items:center;background:#fff;background:var(--white);border:2px solid #cbd5e0;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);color:#4a5568;color:var(--gray-600);cursor:pointer;display:flex;font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);width:48px}.family-card-indicator:hover:not(.family-active-indicator){border-color:#667eea;border-color:var(--primary-color);box-shadow:0 6px 20px #667eea26;color:#667eea;color:var(--primary-color);transform:translateY(-3px) scale(1.05)}.family-active-indicator{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 8px 25px #667eea4d;color:#fff;color:var(--white);transform:scale(1.1)}.family-completed-indicator:after{align-items:center;background:#38a169;background:var(--success-color);border-radius:50%;box-shadow:0 2px 8px #38a1694d;color:#fff;color:var(--white);content:"✓";display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:700;font-weight:var(--font-bold);height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.family-cards-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.family-student-card{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.family-student-card:before{background:#cbd5e0;background:var(--gray-300);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background-color .25s ease;transition:background-color var(--transition-normal)}.family-student-card:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.family-student-card:hover:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.family-active-card{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 20px 40px #667eea26;transform:translateY(-5px) scale(1.01)}.family-active-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.family-inactive-card{opacity:.7;transform:scale(.98)}.family-inactive-card:hover{opacity:1;transform:scale(.99)}.family-card-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.family-card-title{align-items:center;color:#1a202c;color:var(--gray-800);display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-2);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.family-card-title:before{content:"👤";font-size:1.125rem;font-size:var(--text-lg)}.family-card-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.family-gender-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.family-badge-boy{background:linear-gradient(135deg,#4299e126,#3182ce26);border:1px solid #4299e14d;color:#4299e1}.family-badge-girl{background:linear-gradient(135deg,#ed64a626,#d6418726);border:1px solid #ed64a64d;color:#ed64a6}.family-card-family-code{background:#f4f6f9;background:var(--gray-100);color:#4a5568;color:var(--gray-600);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.family-card-badge,.family-card-family-code{border-radius:9999px;border-radius:var(--radius-full);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.family-card-badge{font-size:.75rem;font-size:var(--text-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.family-badge-completed{background:linear-gradient(135deg,#38a169,#2f855a);background:var(--success-gradient);box-shadow:0 4px 15px #38a1694d;color:#fff;color:var(--white)}.family-badge-pending{background:linear-gradient(135deg,#ed893626,#dd6b2026);border:1px solid #ed89364d;color:#ed8936;color:var(--warning-color)}.family-card-form{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.family-form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);position:relative}.family-form-group:focus-within .family-form-label{color:#667eea;color:var(--primary-color)}.family-full-width{grid-column:1/-1}.family-form-label{align-items:center;color:#2d3748;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--space-1);transition:color .25s ease;transition:color var(--transition-normal)}.family-form-label:after{color:#e53e3e;color:var(--error-color);content:"*";font-size:1.125rem;font-size:var(--text-lg);margin-left:.25rem;margin-left:var(--space-1);opacity:.8}.family-form-input,.family-form-select,.family-form-textarea{background:#fff;background:var(--white);border:2px solid #cbd5e0;border:2px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1a202c;color:var(--gray-800);font-family:inherit;font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce);width:90%}.family-form-input:focus,.family-form-select:focus,.family-form-textarea:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;background:linear-gradient(var(--white),var(--white)) padding-box,var(--primary-gradient) border-box;border:2px solid #0000;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-2px)}.family-form-input:hover:not(:focus):not(:disabled):not([readonly]),.family-form-select:hover:not(:focus):not(:disabled),.family-form-textarea:hover:not(:focus):not(:disabled){border-color:#5a67d8;border-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.family-form-input:disabled,.family-form-input:read-only,.family-form-select:disabled{background:#f4f6f9;background:var(--gray-100);border-color:#cbd5e0;border-color:var(--gray-300);color:#718096;color:var(--gray-500);cursor:not-allowed;opacity:.8}.family-form-input:disabled:focus,.family-form-input:read-only:focus,.family-form-select:disabled:focus{border-color:#cbd5e0;border-color:var(--gray-300);box-shadow:none;transform:none}.family-form-textarea{line-height:1.5;min-height:100px;resize:vertical}.family-form-textarea::-webkit-scrollbar{width:8px}.family-form-textarea::-webkit-scrollbar-track{background:#f4f6f9;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full)}.family-form-textarea::-webkit-scrollbar-thumb{background:#667eea;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full)}.family-id-generator{align-items:stretch;display:flex;gap:.75rem;gap:var(--space-3)}.family-id-generator .family-form-input{background:#f9fafb;background:var(--gray-50);border:2px dashed #667eea;border:2px dashed var(--primary-color);color:#667eea;color:var(--primary-color);flex:1 1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);letter-spacing:.05em}.family-id-generator .family-form-input:focus{border-style:solid}.family-card-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--gray-200);margin-top:1.5rem;margin-top:var(--space-6);padding-top:1rem;padding-top:var(--space-4);text-align:center}.family-progress-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);margin-top:2rem;margin-top:var(--space-8);padding:1.5rem;padding:var(--space-6)}.family-progress-bar{background:var(--gray-200);box-shadow:inset 0 2px 8px #0000001a;height:12px;margin-bottom:1rem;margin-bottom:var(--space-4)}.family-progress-bar,.family-progress-fill{border-radius:9999px;border-radius:var(--radius-full);position:relative}.family-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);overflow:hidden;transition:width .6s cubic-bezier(.175,.885,.32,1.275) .45s;transition:width .6s var(--transition-bounce)}.family-progress-fill:after{animation:family-progress-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes family-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.family-progress-info{color:#4a5568;color:var(--gray-600);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);justify-content:space-between}.family-progress-info span{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.family-progress-info span:first-child:before{content:"📊";font-size:1.125rem;font-size:var(--text-lg)}.family-progress-info span:last-child:before{content:"🎯";font-size:1.125rem;font-size:var(--text-lg)}.family-footer-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-top:2.5rem;margin-top:var(--space-10);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative}.family-footer-stats:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.family-stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.family-stat-item{background:linear-gradient(135deg,#667eea08,#764ba208);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);padding:1rem;padding:var(--space-4);text-align:center;transition:all .45s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-bounce)}.family-stat-item:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.family-stat-number{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-size:var(--text-4xl);font-weight:800;font-weight:var(--font-extrabold);margin-bottom:.5rem;margin-bottom:var(--space-2);position:relative}.family-stat-number:after{background:inherit;border-radius:9999px;border-radius:var(--radius-full);bottom:-4px;content:"";height:3px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);width:60px}.family-stat-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.family-stat-success{background:linear-gradient(135deg,#38a169,#2f855a);background:var(--success-gradient)}.family-stat-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);background:var(--warning-gradient)}.family-stat-label{color:#4a5568;color:var(--gray-600);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}@keyframes family-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.family-spin{animation:family-spin 1s linear infinite}.family-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.family-loading-spinner{animation:family-spin 1s linear infinite;border-bottom:4px solid #e2e8f0;border-bottom:4px solid var(--gray-200);border-left:4px solid #e2e8f0;border-left:4px solid var(--gray-200);border-radius:50%;border-right:4px solid #764ba2;border-right:4px solid var(--secondary-color);border-top:4px solid #667eea;border-top:4px solid var(--primary-color);height:60px;width:60px}.family-tooltip{display:inline-block;position:relative}.family-tooltip:before{background:#1a202c;background:var(--gray-800);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--white);content:attr(data-tooltip);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);pointer-events:none;transform:translateX(-50%);white-space:nowrap;z-index:1000}.family-tooltip:after,.family-tooltip:before{bottom:100%;left:50%;opacity:0;position:absolute;transition:all .25s ease;transition:all var(--transition-normal);visibility:hidden}.family-tooltip:after{border:6px solid #0000;border-top:6px solid var(--gray-800);content:"";transform:translateX(-50%) translateY(8px)}.family-tooltip:hover:after,.family-tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.family-tooltip:hover:after{transform:translateX(-50%) translateY(0)}.family-required:after{content:"*";font-weight:700;font-weight:var(--font-bold);margin-left:2px}.family-error,.family-required:after{color:#e53e3e;color:var(--error-color)}.family-error{align-items:center;display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1);margin-top:.25rem;margin-top:var(--space-1)}.family-error:before{content:"⚠️";font-size:.875rem;font-size:var(--text-sm)}.family-input-error{background:#e53e3e0d!important;border-color:#e53e3e!important;border-color:var(--error-color)!important}.family-input-error:focus{box-shadow:0 0 0 4px #e53e3e26!important}.family-success{align-items:center;color:#38a169;color:var(--success-color);display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1);margin-top:.25rem;margin-top:var(--space-1)}.family-success:before{content:"✓";font-weight:700;font-weight:var(--font-bold)}.family-input-success{background:#38a1690d!important;border-color:#38a169!important;border-color:var(--success-color)!important}.family-input-success:focus{box-shadow:0 0 0 4px #38a16926!important}.family-missing-info-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-top:15px;padding:15px 20px}.family-missing-stats{display:flex;gap:20px}.family-missing-stat{background:#fff3;border-radius:20px;font-size:14px;padding:5px 15px}.family-btn-add-more{align-items:center;background:#fff;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:5px;padding:8px 16px;transition:all .3s}.family-btn-add-more:hover{background:#f7f7f7;transform:translateY(-2px)}.family-complete-badge{align-items:center;background:#10b981;border-radius:20px;color:#fff;display:flex;font-weight:600;gap:5px;padding:8px 16px}.family-registration-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.family-progress-bar-container{margin-bottom:15px}.family-progress-label{display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.family-progress-percentage{color:#667eea;font-size:18px}.family-progress-bar{background:#e2e8f0;border-radius:5px;height:10px;overflow:hidden}.family-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.family-progress-details{display:flex;gap:30px;margin-top:10px}.family-progress-detail{display:flex;flex-direction:column}.family-progress-value{color:#4a5568;font-weight:600}.family-student-count{display:flex;flex-direction:column;gap:5px}.family-boy-count,.family-girl-count{border-radius:4px;font-size:12px;padding:2px 8px}.family-boy-count{background:#ebf8ff;color:#3182ce}.family-girl-count{background:#fff5f5;color:#e53e3e}.family-total-count{color:#4a5568;font-weight:600}.family-status-complete{background:#10b981;color:#fff}.family-status-incomplete{background:#f59e0b;color:#fff}.family-stat-info{color:#3b82f6}@media (min-width:1200px){.family-content-wrapper{padding:2.5rem 3rem;padding:var(--space-10) var(--space-12)}.family-search-grid{grid-template-columns:repeat(3,1fr)}.family-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1199px){.family-content-wrapper{margin-left:0;padding:1.5rem;padding:var(--space-6)}.family-page-title{font-size:1.875rem;font-size:var(--text-3xl)}.family-icon-wrapper{font-size:1.25rem;font-size:var(--text-xl);height:56px;width:56px}.family-search-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:767px){.family-content-wrapper{padding:1rem;padding:var(--space-4)}.family-page-title{align-items:flex-start;flex-direction:column;font-size:1.5rem;font-size:var(--text-2xl);gap:.75rem;gap:var(--space-3)}.family-icon-wrapper{font-size:1.125rem;font-size:var(--text-lg);height:48px;width:48px}.family-page-subtitle{font-size:1rem;font-size:var(--text-base);padding-left:0}.family-data-section,.family-search-section,.family-student-cards-section{padding:1rem;padding:var(--space-4)}.family-search-grid{grid-template-columns:1fr}.family-search-actions{flex-direction:column}.family-btn-primary,.family-btn-secondary{justify-content:center;width:100%}.family-cards-header{flex-direction:column;gap:1rem;gap:var(--space-4)}.family-cards-count{justify-content:center;width:100%}.family-card-navigation{flex-direction:column;gap:1rem;gap:var(--space-4)}.family-card-indicators{order:-1}.family-card-form,.family-cards-grid{grid-template-columns:1fr}.family-id-generator{flex-direction:column}.family-btn-generate{width:100%}.family-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.family-content-wrapper{padding:.75rem;padding:var(--space-3)}.family-page-title{font-size:1.25rem;font-size:var(--text-xl)}.family-card-title,.family-cards-count,.family-section-title{font-size:1.125rem;font-size:var(--text-lg)}.family-stat-number{font-size:1.875rem;font-size:var(--text-3xl)}.family-stats-grid{grid-template-columns:1fr}.family-table-responsive{font-size:.875rem;font-size:var(--text-sm)}.family-data-table td,.family-data-table th{padding:.75rem;padding:var(--space-3)}}@media print{.family-dashboard-wrapper{background:none}.family-content-wrapper{box-shadow:none;margin:0;padding:0}.family-btn-generate,.family-btn-nav,.family-btn-primary,.family-btn-save,.family-btn-secondary,.family-card-actions,.family-card-indicators,.family-card-navigation,.family-search-actions{display:none!important}.family-student-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.family-form-input,.family-form-select,.family-form-textarea{background:none;border:1px solid #000;color:#000}}@media (prefers-color-scheme:dark){.family-dashboard-wrapper{background:linear-gradient(135deg,#171923,#1a202c);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%)}.family-content-wrapper{background:#1a202c;background:var(--gray-800);box-shadow:-8px 0 32px #0000004d}.family-card-title,.family-page-title,.family-section-title{color:#fff;color:var(--white)}.family-page-subtitle{color:#a0aec0;color:var(--gray-400)}.family-data-section,.family-footer-stats,.family-progress-section,.family-search-section,.family-student-cards-section{background:#2d3748;background:var(--gray-700);border-color:#4a5568;border-color:var(--gray-600)}.family-form-input,.family-form-select,.family-form-textarea,.family-search-input{background:#4a5568;background:var(--gray-600);border-color:#718096;border-color:var(--gray-500);color:#fff;color:var(--white)}.family-form-input:focus,.family-form-select:focus,.family-form-textarea:focus,.family-search-input:focus{background:#4a5568;background:var(--gray-600)}.family-form-input:disabled,.family-form-input:read-only,.family-form-select:disabled{background:#2d3748;background:var(--gray-700);color:#a0aec0;color:var(--gray-400)}.family-data-table{background:#2d3748;background:var(--gray-700);color:#fff;color:var(--white)}.family-data-table td,.family-data-table th{border-color:#4a5568;border-color:var(--gray-600);color:#cbd5e0;color:var(--gray-300)}.family-card-family-code{background:#4a5568;background:var(--gray-600);color:#cbd5e0;color:var(--gray-300)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.family-btn-generate,.family-btn-primary,.family-btn-save{border:2px solid #000}.family-form-input,.family-form-select,.family-form-textarea,.family-search-input{border-width:3px}}::-webkit-scrollbar-track{background:#f4f6f9;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#5a67d8;background:var(--primary-dark)}:focus-visible{border-radius:4px;border-radius:var(--radius-sm);outline:3px solid #667eea;outline:3px solid var(--primary-color);outline-offset:2px}::selection{background:#667eea4d;color:#fff;color:var(--white)}.family-hidden{display:none!important}.family-visible{display:block!important}.family-flex{display:flex!important}.family-flex-col{flex-direction:column!important}.family-items-center{align-items:center!important}.family-justify-center{justify-content:center!important}.family-justify-between{justify-content:space-between!important}.family-gap-2{gap:.5rem!important;gap:var(--space-2)!important}.family-gap-4{gap:1rem!important;gap:var(--space-4)!important}.family-gap-6{gap:1.5rem!important;gap:var(--space-6)!important}.family-w-full{width:100%!important}.family-text-center{text-align:center!important}.family-text-right{text-align:right!important}.family-text-left{text-align:left!important}.family-mt-2{margin-top:.5rem!important;margin-top:var(--space-2)!important}.family-mt-4{margin-top:1rem!important;margin-top:var(--space-4)!important}.family-mt-6{margin-top:1.5rem!important;margin-top:var(--space-6)!important}.family-mb-2{margin-bottom:.5rem!important;margin-bottom:var(--space-2)!important}.family-mb-4{margin-bottom:1rem!important;margin-bottom:var(--space-4)!important}.family-mb-6{margin-bottom:1.5rem!important;margin-bottom:var(--space-6)!important}.family-p-2{padding:.5rem!important;padding:var(--space-2)!important}.family-p-4{padding:1rem!important;padding:var(--space-4)!important}.family-p-6{padding:1.5rem!important;padding:var(--space-6)!important}.family-rounded-sm{border-radius:4px!important;border-radius:var(--radius-sm)!important}.family-rounded-md{border-radius:8px!important;border-radius:var(--radius-md)!important}.family-rounded-lg{border-radius:12px!important;border-radius:var(--radius-lg)!important}.family-rounded-xl{border-radius:16px!important;border-radius:var(--radius-xl)!important}.family-shadow-sm{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important}.family-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important}.family-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important}.family-opacity-50{opacity:.5!important}.family-opacity-75{opacity:.75!important}.family-opacity-100{opacity:1!important}.family-pointer-events-none{pointer-events:none!important}.family-pointer-events-auto{pointer-events:auto!important}.family-cursor-pointer{cursor:pointer!important}.family-cursor-not-allowed{cursor:not-allowed!important}.family-select-none{-webkit-user-select:none!important;user-select:none!important}.family-select-text{-webkit-user-select:text!important;user-select:text!important}.family-overflow-hidden{overflow:hidden!important}.family-overflow-auto{overflow:auto!important}.family-overflow-x-auto{overflow-x:auto!important}.family-overflow-y-auto{overflow-y:auto!important}.family-whitespace-nowrap{white-space:nowrap!important}.family-whitespace-normal{white-space:normal!important}.family-break-words{word-wrap:break-word!important}.family-z-0{z-index:0!important}.family-z-10{z-index:10!important}.family-z-20{z-index:20!important}.family-z-30{z-index:30!important}.family-z-40{z-index:40!important}.family-z-50{z-index:50!important}.family-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.family-transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.family-transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.family-transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@keyframes family-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes family-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes family-fade-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes family-fade-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes family-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes family-pulse{0%,to{opacity:1}50%{opacity:.5}}.family-animate-fade-in-up{animation:family-fade-in-up .6s ease-out}.family-animate-fade-in-down{animation:family-fade-in-down .6s ease-out}.family-animate-fade-in-left{animation:family-fade-in-left .6s ease-out}.family-animate-fade-in-right{animation:family-fade-in-right .6s ease-out}.family-animate-scale-in{animation:family-scale-in .6s ease-out}.family-animate-pulse{animation:family-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.family-bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important}.family-bg-gradient-success{background:linear-gradient(135deg,#38a169,#2f855a)!important;background:var(--success-gradient)!important}.family-bg-gradient-warning{background:linear-gradient(135deg,#ed8936,#dd6b20)!important;background:var(--warning-gradient)!important}.family-bg-gradient-danger{background:linear-gradient(135deg,#e53e3e,#c53030)!important;background:var(--danger-gradient)!important}.family-border-primary{border-color:#667eea!important;border-color:var(--primary-color)!important}.family-border-success{border-color:#38a169!important;border-color:var(--success-color)!important}.family-border-warning{border-color:#ed8936!important;border-color:var(--warning-color)!important}.family-border-danger{border-color:#e53e3e!important;border-color:var(--error-color)!important}.family-text-primary{color:#667eea!important;color:var(--primary-color)!important}.family-text-success{color:#38a169!important;color:var(--success-color)!important}.family-text-warning{color:#ed8936!important;color:var(--warning-color)!important}.family-text-danger{color:#e53e3e!important;color:var(--error-color)!important}.family-text-white{color:#fff!important;color:var(--white)!important}.family-text-gray-50{color:#f9fafb!important;color:var(--gray-50)!important}.family-text-gray-100{color:#f4f6f9!important;color:var(--gray-100)!important}.family-text-gray-200{color:#e2e8f0!important;color:var(--gray-200)!important}.family-text-gray-300{color:#cbd5e0!important;color:var(--gray-300)!important}.family-text-gray-400{color:#a0aec0!important;color:var(--gray-400)!important}.family-text-gray-500{color:#718096!important;color:var(--gray-500)!important}.family-text-gray-600{color:#4a5568!important;color:var(--gray-600)!important}.family-text-gray-700{color:#2d3748!important;color:var(--gray-700)!important}.family-text-gray-800{color:#1a202c!important;color:var(--gray-800)!important}.family-text-gray-900{color:#171923!important;color:var(--gray-900)!important}.family-bg-primary{background-color:#667eea!important;background-color:var(--primary-color)!important}.family-bg-success{background-color:#38a169!important;background-color:var(--success-color)!important}.family-bg-warning{background-color:#ed8936!important;background-color:var(--warning-color)!important}.family-bg-danger{background-color:#e53e3e!important;background-color:var(--error-color)!important}.family-bg-white{background-color:#fff!important;background-color:var(--white)!important}.family-bg-gray-50{background-color:#f9fafb!important;background-color:var(--gray-50)!important}.family-bg-gray-100{background-color:#f4f6f9!important;background-color:var(--gray-100)!important}.family-bg-gray-200{background-color:#e2e8f0!important;background-color:var(--gray-200)!important}.family-bg-gray-300{background-color:#cbd5e0!important;background-color:var(--gray-300)!important}.family-bg-gray-400{background-color:#a0aec0!important;background-color:var(--gray-400)!important}.family-bg-gray-500{background-color:#718096!important;background-color:var(--gray-500)!important}.family-bg-gray-600{background-color:#4a5568!important;background-color:var(--gray-600)!important}.family-bg-gray-700{background-color:#2d3748!important;background-color:var(--gray-700)!important}.family-bg-gray-800{background-color:#1a202c!important;background-color:var(--gray-800)!important}.family-bg-gray-900{background-color:#171923!important;background-color:var(--gray-900)!important}.family-focus-ring:focus{box-shadow:0 0 0 3px #667eea80!important;outline:none}.family-ring-primary{--ring-color:var(--primary-color)}.family-ring-success{--ring-color:var(--success-color)}.family-ring-warning{--ring-color:var(--warning-color)}.family-ring-danger{--ring-color:var(--error-color)}.family-ring-offset-2{--ring-offset-width:2px}.family-ring-offset-white{--ring-offset-color:var(--white)}.family-form-group *,.family-input-group *,.family-student-card *{transition:all .25s ease;transition:all var(--transition-normal)}input:not([type=checkbox]):not([type=radio]),select,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none}@-moz-document url-prefix(){.family-form-select{text-indent:.01px;text-overflow:""}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.family-form-select{padding-right:2.5rem}}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.family-card-form,.family-cards-grid,.family-search-grid,.family-stats-grid{display:flex;flex-wrap:wrap}.family-card-form>*,.family-cards-grid>*,.family-search-grid>*,.family-stats-grid>*{flex:1 0 300px;margin:1rem;margin:var(--space-4)}}.edit-student-panel-screen{background-color:#f8fafc;min-height:100vh}.edit-student-dashboard-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;min-height:100vh}.edit-student-container.edit-student-loading-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.edit-student-loader-spinner.edit-student-loader-large{animation:edit-student-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:60px;margin-bottom:20px;width:60px}@keyframes edit-student-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.edit-student-loading-text{color:#4a5568;font-size:16px;font-weight:500;margin-top:16px}.edit-student-container{flex:1 1;margin-left:280px;max-width:1400px;padding:30px;width:100%}.edit-student-header{align-items:flex-start;background:#fff;border-bottom:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.edit-student-header-left{flex:1 1}.edit-student-back-btn{align-items:center;background:#edf2f7;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .2s ease}.edit-student-back-btn:hover{background:#e2e8f0;transform:translateX(-2px)}.edit-student-back-btn:active{transform:translateX(0)}.edit-student-header-title{display:flex;flex-direction:column;gap:4px}.edit-student-main-title{align-items:center;color:#2d3748;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.edit-student-main-title svg{color:#667eea;font-size:24px}.edit-student-subtitle{color:#718096;font-size:16px;font-weight:400;margin:0}.edit-student-id-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea33;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px}.edit-student-id-badge svg{font-size:18px}.edit-student-id-text{font-family:Courier New,monospace;font-weight:600}.edit-student-professional-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.edit-student-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.edit-student-form-card:hover{box-shadow:0 10px 15px -3px #00000012;transform:translateY(-2px)}.edit-student-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:20px 24px}.edit-student-card-header svg{font-size:20px}.edit-student-card-title{font-size:18px;font-weight:600;margin:0}.edit-student-card-body{padding:24px}.edit-student-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.edit-student-form-group.edit-student-form-group-full-width{grid-column:1/-1}.edit-student-form-group{display:flex;flex-direction:column}.edit-student-form-label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.edit-student-form-label svg{color:#667eea;font-size:14px}.edit-student-form-input,.edit-student-form-select,.edit-student-form-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;padding:12px 16px;transition:all .2s ease;width:90%}.edit-student-form-input:focus,.edit-student-form-select:focus,.edit-student-form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-student-form-input::placeholder{color:#a0aec0}.edit-student-form-select:disabled{background:#edf2f7;cursor:not-allowed;opacity:.6}.edit-student-form-textarea{font-family:inherit;min-height:100px;resize:vertical}.edit-student-radio-group{display:flex;gap:20px;padding:12px 0}.edit-student-radio-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:8px;padding-left:30px;position:relative}.edit-student-radio-input{cursor:pointer;opacity:0;position:absolute}.edit-student-radio-custom{background-color:#edf2f7;border:2px solid #cbd5e0;border-radius:50%;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.edit-student-radio-input:checked~.edit-student-radio-custom{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.edit-student-radio-input:checked~.edit-student-radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.edit-student-radio-text{font-size:14px;font-weight:500}.edit-student-field-hint{margin-top:6px}.edit-student-id-control-panel{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.edit-student-family-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:25px;padding:20px}.edit-student-family-notice-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.edit-student-family-notice-header h4{font-size:18px;font-weight:600;margin:0}.edit-student-family-notice-header svg{font-size:20px}.edit-student-family-notice-text{font-size:15px;line-height:1.5;margin-bottom:15px;opacity:.95}.edit-student-family-fields-list{display:flex;flex-wrap:wrap;gap:12px}.edit-student-family-field-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.edit-student-family-field-item svg{font-size:12px}.edit-student-family-badge{align-items:center;background:#4f46e5;border-radius:6px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:10px;padding:4px 10px}.edit-student-family-badge svg{font-size:10px}.edit-student-card-subtitle{font-size:14px;font-style:italic;font-weight:400;margin-left:10px;opacity:.8}.edit-student-input-disabled{background-color:#f7fafc!important;color:#718096!important;cursor:not-allowed!important}.edit-student-input-disabled,.edit-student-input-disabled:hover{border-color:#e2e8f0!important}.edit-student-family-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:15px;padding:12px 16px}.edit-student-family-summary-text{align-items:flex-start;color:#0369a1;display:flex;font-size:14px;gap:10px;margin:0}.edit-student-family-summary-text svg{margin-top:2px}.edit-student-summary-icon{font-size:14px;margin-left:6px;opacity:.8}.edit-student-field-hint{color:#718096;display:block;font-size:12px;font-style:italic;margin-top:5px}.edit-student-error-alert{background:#fed7d7;border:1px solid #fc8181;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.edit-student-error-alert p{align-items:center;color:#c53030;display:flex;gap:10px;justify-content:center;margin:0 0 10px}.edit-student-retry-btn{align-items:center;background:#c53030;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}.edit-student-retry-btn:hover{background:#9b2c2c}.edit-student-header-error{align-items:center;background:#fff5f5;border:1px solid #fc8181;border-radius:6px;color:#c53030;display:flex;gap:10px;margin-top:10px;padding:10px 15px}.edit-student-header-retry{background:#c53030;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:auto;padding:4px 12px;transition:background-color .2s}.edit-student-header-retry:hover{background:#9b2c2c}@media (max-width:768px){.edit-student-id-control-panel{gap:24px;grid-template-columns:1fr}}.edit-student-id-actions-label,.edit-student-id-display-label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.edit-student-id-input-group{position:relative}.edit-student-id-display-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 16px;width:93%}.edit-student-id-status{align-items:center;color:#48bb78;display:flex;font-size:12px;font-weight:500;gap:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.edit-student-id-status svg{font-size:14px}.edit-student-id-status-text{font-size:12px}.edit-student-id-actions{display:flex;flex-direction:column;gap:12px}.edit-student-generate-id-btn{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.edit-student-generate-id-btn:hover:not(:disabled){box-shadow:0 6px 12px #48bb7833;transform:translateY(-2px)}.edit-student-generate-id-btn:disabled{cursor:not-allowed;opacity:.6}.edit-student-generate-id-btn:active:not(:disabled){transform:translateY(0)}.edit-student-form-actions{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:16px;justify-content:flex-end;padding:24px}.edit-student-btn-primary,.edit-student-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:14px 32px;transition:all .2s ease}.edit-student-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-student-btn-primary:hover:not(:disabled){box-shadow:0 8px 15px #667eea4d;transform:translateY(-2px)}.edit-student-btn-secondary{background:#edf2f7;color:#4a5568}.edit-student-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.edit-student-btn-primary:disabled,.edit-student-btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.edit-student-btn-primary:active:not(:disabled),.edit-student-btn-secondary:active:not(:disabled){transform:translateY(0)}.edit-student-summary{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.edit-student-summary-title{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.edit-student-summary-title svg{color:#667eea;font-size:18px}.edit-student-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.edit-student-summary-item{display:flex;flex-direction:column;gap:6px}.edit-student-summary-label{color:#718096;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.edit-student-summary-value{color:#2d3748;font-size:16px;font-weight:600}.edit-student-status-active{background:#f0fff4;color:#48bb78}.edit-student-status-active,.edit-student-status-inactive{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px}.edit-student-status-inactive{background:#fff5f5;color:#f56565}.edit-student-status-graduated{background:#fffaf0;color:#ed8936}.edit-student-status-graduated,.edit-student-status-transferred{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px}.edit-student-status-transferred{background:#ebf8ff;color:#4299e1}@media (max-width:1024px){.edit-student-container{padding:20px}.edit-student-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.edit-student-header{align-items:stretch;flex-direction:column;gap:20px}.edit-student-id-badge{align-self:flex-start}.edit-student-form-actions{flex-direction:column}.edit-student-btn-primary,.edit-student-btn-secondary{width:100%}}@media (max-width:480px){.edit-student-container{padding:16px}.edit-student-main-title{font-size:24px}.edit-student-card-body{padding:20px}.edit-student-radio-group{flex-direction:column;gap:12px}}.edit-student-back-btn:focus-visible,.edit-student-btn-primary:focus-visible,.edit-student-btn-secondary:focus-visible,.edit-student-form-input:focus-visible,.edit-student-form-select:focus-visible,.edit-student-form-textarea:focus-visible,.edit-student-generate-id-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.edit-student-back-btn,.edit-student-form-actions,.edit-student-generate-id-btn,.edit-student-id-badge,.sidebar{display:none!important}.edit-student-container{padding:0}.edit-student-form-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.edit-student-card-header{background:#f8fafc!important;color:#2d3748!important}}.manage-sections-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px;padding:20px}.content-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.content-header h1{background:linear-gradient(135deg,#2e2a74,#2e8b57);color:#2c3e50;margin-bottom:10px}.content-header .subtitle{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0;max-width:600px}.selection-card{border:1px solid #e9ecef;box-shadow:0 6px 20px #00000014;overflow:hidden;transition:all .3s ease}.selection-card:hover{box-shadow:0 8px 25px #0000001f}.card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;gap:20px;padding:25px 30px}.header-icon-wrapper{background:linear-gradient(135deg,#2e2a74,#4a47a3);box-shadow:0 4px 12px #2e2a7426;height:60px;width:60px}.card-icon{font-size:1.5rem}.card-header h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 8px}.card-subtitle{color:#6c757d}.selection-form{padding:25px 30px}.search-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:20px;transition:all .3s ease}.search-box:focus-within{background:#fff;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.search-icon{color:#6c757d;font-size:1.1rem;padding:0 20px}.search-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:1rem;padding:15px 0}.search-input::placeholder{color:#adb5bd}.clear-search{background:#6c757d;color:#fff;font-size:.9rem;font-weight:500;margin-right:10px;padding:8px 20px;transition:all .2s ease}.clear-search:hover{background:#5a6268;transform:translateY(-1px)}.table-actions{display:flex;gap:15px;justify-content:flex-end}.refresh-btn{background:linear-gradient(135deg,#2e2a74,#4a47a3);border-radius:10px;box-shadow:0 4px 12px #2e2a7426;gap:10px;padding:12px 25px}.refresh-btn:hover:not(:disabled){box-shadow:0 6px 20px #2e2a7440}.refresh-btn:disabled{background:#adb5bd}.refresh-btn span{font-size:.95rem}.classes-grid{grid-gap:30px;animation:slideUp .5s ease;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.class-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.class-card:hover{border-color:#2e8b57;box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.01)}.class-card:before{background:linear-gradient(90deg,#2e2a74,#2e8b57);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.class-card:hover:before{opacity:1}.class-header{background:linear-gradient(135deg,#2e2a74,#4a47a3);color:#fff;overflow:hidden;padding:25px;position:relative}.class-header:after{background:#2e8b57;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px;z-index:1}.class-title{align-items:center;display:flex;gap:15px;margin-bottom:15px}.class-title h3{color:#fff;font-size:1.6rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.class-title .class-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#2e8b57;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.class-meta{display:flex;font-size:.9rem;gap:20px;margin-top:10px;opacity:.95}.class-meta-item{align-items:center;color:#ffffffe6;display:flex;gap:8px}.class-meta-item svg{color:#2e8b57;font-size:1.1rem}.sections-list{background:#fafafa;flex:1 1;max-height:320px;overflow-y:auto;padding:20px}.sections-list::-webkit-scrollbar{width:8px}.sections-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sections-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2e2a74,#4a47a3);border-radius:4px}.sections-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a47a3,#2e8b57)}.section-item{align-items:center;background:#fff;border-left:5px solid #2e8b57;border-radius:12px;box-shadow:0 3px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease}.section-item:before{background:linear-gradient(90deg,#0000,#2e8b571a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.section-item:hover:before{left:100%}.section-item:hover{background:#f8fff9;box-shadow:0 5px 15px #0000001a;transform:translateX(5px)}.section-info{flex:1 1;min-width:0}.section-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:8px}.section-name .section-icon{color:#2e8b57;font-size:1.2rem}.section-details{display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.section-tag{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.section-tag.girls{background:linear-gradient(135deg,#ff6b9d,#ff4081);color:#fff}.section-tag.boys{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.section-tag.department{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.section-hint{background:#f1f3f4;border:1px solid #e9ecef;border-radius:15px;color:#6c757d;font-size:.85rem;padding:4px 12px}.section-actions{display:flex;gap:10px;margin-left:15px}.section-action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.section-action-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.section-action-btn:hover:after{height:300px;width:300px}.section-action-btn.details{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 10px #2196f34d;color:#fff}.section-action-btn.details:hover{box-shadow:0 8px 20px #2196f366;transform:translateY(-3px) rotate(5deg)}.section-action-btn.edit{background:linear-gradient(135deg,#4caf50,#2e8b57);box-shadow:0 4px 10px #4caf504d;color:#fff}.section-action-btn.edit:hover{box-shadow:0 8px 20px #4caf5066;transform:translateY(-3px) rotate(-5deg)}.section-action-btn.delete{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 10px #f443364d;color:#fff}.section-action-btn.delete:hover{box-shadow:0 8px 20px #f4433666;transform:translateY(-3px) scale(1.1)}.class-actions{align-items:center;background:#f8f9fa;border-radius:0 0 20px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.class-stats{display:flex;font-size:.9rem;gap:25px}.class-stat{align-items:center;color:#6c757d;display:flex;gap:8px}.class-stat svg{color:#2e8b57;font-size:1.1rem}.add-section-btn{align-items:center;background:linear-gradient(135deg,#2e8b57,#3da56a);border:none;border-radius:12px;box-shadow:0 6px 20px #2e8b5740;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:12px;overflow:hidden;padding:14px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.add-section-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.add-section-btn:hover:before{left:100%}.add-section-btn:hover{background:linear-gradient(135deg,#2e8b57,#4caf7a);box-shadow:0 12px 30px #2e8b5759;transform:translateY(-3px)}.add-section-btn:active{box-shadow:0 4px 15px #2e8b574d;transform:translateY(-1px)}.add-section-btn:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.add-section-btn:disabled:before{display:none}.add-section-btn svg{font-size:1.1rem}.empty-state{animation:pulse 2s infinite;background:#fff;border:2px dashed #e9ecef;border-radius:20px;box-shadow:0 8px 30px #00000014;margin:30px auto;max-width:600px;padding:60px 30px}.empty-state .empty-icon{animation:float 3s ease-in-out infinite;color:#e9ecef;font-size:4rem;margin-bottom:20px}.empty-state h4{color:#6c757d;font-size:1.5rem;margin-bottom:15px}.empty-state p{color:#adb5bd;font-size:1.1rem;line-height:1.6;margin-bottom:25px;margin-left:auto;margin-right:auto}.empty-sections{color:#6c757d;padding:40px 20px;text-align:center}.empty-sections .empty-icon{color:#dee2e6;font-size:3rem;margin-bottom:15px}.empty-sections h4{color:#6c757d;font-size:1.3rem;margin-bottom:10px}.empty-sections p{color:#adb5bd;margin-bottom:20px}.loading-state{background:#fff;border-radius:20px;box-shadow:0 8px 30px #00000014;margin:30px auto;max-width:600px;padding:60px 30px;text-align:center}.loading-spinner{border-right:4px solid #f3f3f3;border-top:4px solid #f3f3f3;border-color:#2e8b57 #2e2a74 #f3f3f3 #f3f3f3;border-width:4px;height:60px;margin:0 auto 20px;width:60px}.loading-state p{color:#6c757d;font-size:1.1rem;font-weight:500}.modal-overlay{background:#000000b3}.section-details-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:85vh;max-width:550px;overflow-y:auto;padding:0;width:100%}.details-modal-header{background:linear-gradient(135deg,#2e2a74,#4a47a3);border-radius:24px 24px 0 0;color:#fff;overflow:hidden;padding:30px;position:relative}.details-modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.details-modal-header h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.details-modal-header .modal-subtitle{color:#ffffffe6;font-size:1rem;margin:0;position:relative;z-index:1}.details-modal-body{background:linear-gradient(135deg,#fafafa,#fff);padding:30px}.detail-row{border-bottom:2px solid #e9ecef;margin-bottom:25px;padding-bottom:25px;position:relative}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:before{background:#2e8b57;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.detail-label{color:#2c3e50;color:#2e2a74;display:block;font-size:.95rem;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.detail-value{align-items:center;color:#495057;display:flex;font-size:1.1rem;gap:15px}.detail-value .value-text{background:#fff;border-left:4px solid #2e8b57;border-radius:12px;box-shadow:0 3px 10px #0000000d;color:#2c3e50;flex:1 1;font-weight:500;padding:15px 20px}.detail-icon{align-items:center;background:#2e8b571a;border-radius:12px;color:#2e8b57;display:flex;font-size:1.3rem;height:50px;justify-content:center;width:50px}.add-section-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:650px;overflow-y:auto;padding:0;width:100%}.add-modal-header{background:linear-gradient(135deg,#2e8b57,#3da56a);border-radius:24px 24px 0 0;color:#fff;overflow:hidden;padding:30px;position:relative}.add-modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100L0 100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.add-modal-header h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.add-modal-header .modal-subtitle{color:#ffffffe6;font-size:1rem;margin:0;position:relative;z-index:1}.add-modal-body{background:linear-gradient(135deg,#fafafa,#fff);padding:30px}.add-section-form{display:grid}.add-section-form,.form-row{grid-gap:25px;gap:25px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.modal-form-group{margin-bottom:20px}.modal-form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.modal-form-group label .required{color:#dc3545;margin-left:4px}.modal-input,.modal-select{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#2c3e50;font-family:inherit;font-size:1rem;padding:16px 20px;transition:all .3s ease;width:100%}.modal-input:focus,.modal-select:focus{border-color:#2e8b57;box-shadow:0 0 0 4px #2e8b5726;outline:none;transform:translateY(-2px)}.modal-input.readonly{background:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.8}.modal-input.readonly:focus{border-color:#dee2e6;box-shadow:none;transform:none}.hint-display{position:relative}.hint-icon{animation:pulseHint 2s infinite;color:#2e8b57;font-size:1.2rem;position:absolute;right:20px;top:50%;transform:translateY(-50%)}@keyframes pulseHint{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}.form-hint{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:8px;margin-top:8px}.form-hint.small{font-size:.8rem}.form-hint svg{color:#2e8b57;font-size:.9rem}.loading-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:24px;z-index:10}.modal-actions{background:#f8f9fa;border-radius:0 0 24px 24px;border-top:1px solid #e9ecef;display:flex;gap:20px;justify-content:flex-end;padding:25px 30px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 15px #6c757d33;color:#fff}.btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 8px 25px #6c757d4d;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#2e8b57,#3da56a);box-shadow:0 4px 15px #2e8b5740;color:#fff}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#2e8b57,#4caf7a);box-shadow:0 8px 25px #2e8b5759;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.btn-cancel span,.btn-submit span{position:relative;z-index:1}@media (max-width:1200px){.classes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:992px){.content-header h1{font-size:2.2rem}.classes-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.manage-sections-container{padding:15px}.content-header h1{font-size:2rem}.content-header .subtitle{font-size:1rem}.classes-grid{gap:20px;grid-template-columns:1fr}.card-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.header-icon-wrapper{height:50px;width:50px}.class-meta{flex-wrap:wrap;gap:15px;justify-content:center}.section-details{flex-direction:column;gap:8px}.class-actions{flex-direction:column;gap:15px}.class-stats{justify-content:center;width:100%}.modal-overlay{padding:10px}.add-section-modal,.section-details-modal{max-height:95vh;max-width:100%}.modal-actions{flex-direction:column-reverse;gap:15px}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.content-header h1{font-size:1.8rem}.selection-form{padding:20px}.search-box{flex-direction:column;padding:15px}.search-icon{padding:0 0 10px}.search-input{padding:12px 0;width:100%}.clear-search{margin:10px 0 0;width:100%}.table-actions{justify-content:center}.section-item{align-items:stretch;flex-direction:column;gap:15px}.section-actions{justify-content:center;margin-left:0}.section-action-btn{height:45px;width:45px}}@media print{.add-section-btn,.modal-overlay,.refresh-btn,.section-actions,.selection-card{display:none!important}.class-card{border:2px solid #000!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.content-header h1{-webkit-text-fill-color:#000;background:none}.sections-list{max-height:none!important;overflow:visible!important}}@media (prefers-color-scheme:dark){.class-card,.modal-overlay .modal-content,.selection-card{background:#1a1a1a;border-color:#333}.content-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,#00ced1);-webkit-background-clip:text;color:#fff}.card-subtitle,.content-header .subtitle{color:#aaa}.section-item{background:#222;color:#fff}.detail-label{color:#fff}.detail-value .value-text{background:#222;color:#fff}}.add-section-btn:focus,.btn-cancel:focus,.btn-submit:focus,.modal-input:focus,.modal-select:focus,.refresh-btn:focus,.section-action-btn:focus{outline:3px solid #2e8b57;outline-offset:2px}@media (prefers-contrast:high){.class-header{background:#000;color:#fff}.section-tag{border:2px solid}.modal-overlay{background:#000000e6}}:root{--ms-primary-blue:#2e2a74;--ms-primary-light:#7b68ee;--ms-accent-yellow:#fff200;--ms-accent-green:#2e8b57;--ms-accent-purple:#8a2be2;--ms-white:#fff;--ms-light-bg:#f9fafb;--ms-gray-100:#f3f4f6;--ms-gray-200:#e5e7eb;--ms-gray-300:#d1d5db;--ms-gray-700:#374151;--ms-gray-900:#111827;--ms-shadow-sm:0 1px 3px #0000001a;--ms-shadow-md:0 4px 6px -1px #0000001a;--ms-shadow-lg:0 10px 15px -3px #0000001a;--ms-radius-sm:8px;--ms-radius-md:12px;--ms-radius-lg:16px;--ms-transition-standard:all 0.3s cubic-bezier(0.4,0,0.2,1)}.manage-sections-screen{background-color:#f9fafb;background-color:var(--ms-light-bg);color:#111827;color:var(--ms-gray-900);font-family:Inter,sans-serif;min-height:100vh}.manage-sections-dashboard-wrapper{display:flex;min-height:150vh}.manage-sections-main-content{background-color:#f9fafb;background-color:var(--ms-light-bg);flex:1 1;margin-left:25%;overflow-y:auto;padding:2rem;width:75%}.manage-sections-content{margin:0 auto;max-width:1400px}.manage-sections-content-header{margin-bottom:3rem;padding:0 1rem;text-align:center}.manage-sections-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#8a2be2);background:linear-gradient(135deg,var(--ms-primary-blue) 0,var(--ms-accent-purple) 100%);-webkit-background-clip:text;background-clip:text;color:#2e2a74;color:var(--ms-primary-blue);font-size:2.75rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem}.manage-sections-subtitle{color:#374151;color:var(--ms-gray-700);font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.manage-sections-cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:0 auto;max-width:1400px}@media (max-width:1200px){.manage-sections-cards-container{gap:1.5rem;grid-template-columns:1fr}}.manage-sections-card{background:#fff;background:var(--ms-white);border:1px solid #e5e7eb;border:1px solid var(--ms-gray-200);border-radius:16px;border-radius:var(--ms-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--ms-shadow-lg);display:flex;flex-direction:column;height:100%;min-height:550px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ms-transition-standard)}.manage-sections-card:hover{box-shadow:0 25px 50px -12px #00000026;transform:translateY(-8px)}.manage-sections-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-sections-add-card:before{background:linear-gradient(135deg,#8a2be2,#9d4edd);background:linear-gradient(135deg,var(--ms-accent-purple) 0,#9d4edd 100%)}.manage-sections-view-card:before{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--ms-primary-blue) 0,var(--ms-primary-light) 100%)}.manage-sections-card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--ms-gray-100);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.manage-sections-header-icon-wrapper{align-items:center;border-radius:12px;border-radius:var(--ms-radius-md);display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ms-transition-standard);width:64px}.manage-sections-add-card .manage-sections-header-icon-wrapper{background:linear-gradient(135deg,#8a2be2,#9d4edd);background:linear-gradient(135deg,var(--ms-accent-purple) 0,#9d4edd 100%);box-shadow:0 8px 24px #8a2be233}.manage-sections-view-card .manage-sections-header-icon-wrapper{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--ms-primary-blue) 0,var(--ms-primary-light) 100%);box-shadow:0 8px 24px #2e2a7433}.manage-sections-card-icon{color:#fff;color:var(--ms-white);font-size:28px}.manage-sections-card-title{color:#111827;color:var(--ms-gray-900);font-size:1.75rem;font-weight:700;letter-spacing:-.25px;line-height:1.3;margin:0 0 .5rem}.manage-sections-card-subtitle{color:#374151;color:var(--ms-gray-700);font-size:.95rem;font-weight:400;line-height:1.5;margin:0;max-width:350px}.manage-sections-card-features{margin-bottom:2rem}.manage-sections-feature-item{align-items:flex-start;background:#f9fafb;background:var(--ms-light-bg);border:1px solid #0000;border-radius:12px;border-radius:var(--ms-radius-md);display:flex;gap:1.25rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ms-transition-standard)}.manage-sections-feature-item:hover{background:#f3f4f6;background:var(--ms-gray-100);border-color:#e5e7eb;border-color:var(--ms-gray-200);transform:translateX(6px)}.manage-sections-feature-icon{align-items:center;background:#fff;background:var(--ms-white);border-radius:50%;box-shadow:0 1px 3px #0000001a;box-shadow:var(--ms-shadow-sm);display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ms-transition-standard);width:44px}.manage-sections-add-card .manage-sections-feature-icon{background:linear-gradient(135deg,#8a2be21a,#9d4edd1a);color:#8a2be2;color:var(--ms-accent-purple)}.manage-sections-view-card .manage-sections-feature-icon{background:linear-gradient(135deg,#2e2a741a,#7b68ee1a);color:#2e2a74;color:var(--ms-primary-blue)}.manage-sections-feature-content{flex:1 1}.manage-sections-feature-title{color:#111827;color:var(--ms-gray-900);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .375rem}.manage-sections-feature-description{color:#374151;color:var(--ms-gray-700);font-size:.875rem;line-height:1.6;margin:0}.manage-sections-card-description{background:#f9fafb;background:var(--ms-light-bg);border-left:4px solid #2e8b57;border-left:4px solid var(--ms-accent-green);border-radius:12px;border-radius:var(--ms-radius-md);margin-bottom:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ms-transition-standard)}.manage-sections-add-card .manage-sections-card-description{background:linear-gradient(90deg,#8a2be208 0,#8a2be200);border-left-color:#8a2be2;border-left-color:var(--ms-accent-purple)}.manage-sections-view-card .manage-sections-card-description{background:linear-gradient(90deg,#2e2a7408 0,#2e2a7400);border-left-color:#2e2a74;border-left-color:var(--ms-primary-blue)}.manage-sections-description-text{color:#374151;color:var(--ms-gray-700);font-size:.9375rem;font-weight:400;line-height:1.7;margin:0}.manage-sections-action-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--ms-radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.25px;margin-top:auto;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ms-transition-standard);width:100%}.manage-sections-action-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.manage-sections-action-btn:focus:not(:active):after{animation:ripple 1s ease-out}.manage-sections-primary-btn{background:linear-gradient(135deg,#8a2be2,#9d4edd);background:linear-gradient(135deg,var(--ms-accent-purple) 0,#9d4edd 100%);box-shadow:0 4px 16px #8a2be240;color:#fff;color:var(--ms-white)}.manage-sections-primary-btn:hover{box-shadow:0 8px 24px #8a2be259;transform:translateY(-2px)}.manage-sections-primary-btn:active{transform:translateY(0)}.manage-sections-secondary-btn{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--ms-primary-blue) 0,var(--ms-primary-light) 100%);box-shadow:0 4px 16px #2e2a7440;color:#fff;color:var(--ms-white)}.manage-sections-secondary-btn:hover{box-shadow:0 8px 24px #2e2a7459;transform:translateY(-2px)}.manage-sections-secondary-btn:active{transform:translateY(0)}.manage-sections-btn-text{font-weight:600;letter-spacing:.5px}@media (max-width:1400px){.manage-sections-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.manage-sections-main-content{margin-left:0;padding:1.5rem;width:100%}.manage-sections-cards-container{gap:1.5rem;grid-template-columns:1fr}.manage-sections-card{min-height:500px}}@media (max-width:768px){.manage-sections-main-content{padding:1rem}.manage-sections-content-header{margin-bottom:2rem}.manage-sections-main-title{font-size:2rem}.manage-sections-subtitle{font-size:1rem}.manage-sections-card{min-height:auto;padding:1.5rem}.manage-sections-card-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.manage-sections-header-icon-wrapper{margin:0 auto}.manage-sections-card-title{font-size:1.5rem;text-align:center}.manage-sections-card-subtitle{max-width:100%;text-align:center}.manage-sections-feature-item{align-items:center;flex-direction:column;gap:1rem;text-align:center}.manage-sections-feature-icon{margin-bottom:.5rem}.manage-sections-card-description{text-align:center}}@media (max-width:480px){.manage-sections-main-title{font-size:1.75rem}.manage-sections-card{padding:1.25rem}.manage-sections-action-btn{font-size:.875rem;padding:.875rem 1.25rem}}@keyframes manage-sections-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.manage-sections-card{animation:manage-sections-fade-in-up .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.manage-sections-add-card{animation-delay:.1s}.manage-sections-view-card{animation-delay:.2s}.manage-sections-action-btn:focus-visible{outline:2px solid #2e2a74;outline:2px solid var(--ms-primary-blue);outline-offset:2px}@keyframes manage-sections-skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.manage-sections-skeleton{animation:manage-sections-skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--ms-gray-100) 25%,var(--ms-gray-200) 50%,var(--ms-gray-100) 75%);background-size:200px 100%}@media print{.manage-sections-action-btn{display:none!important}.manage-sections-card{border:1px solid #d1d5db;border:1px solid var(--ms-gray-300);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.manage-sections-card:hover{transform:none}}.manage-sections-main-content::-webkit-scrollbar{width:8px}.manage-sections-main-content::-webkit-scrollbar-track{background:#f3f4f6;background:var(--ms-gray-100);border-radius:4px}.manage-sections-main-content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--ms-gray-300);border-radius:4px}.manage-sections-main-content::-webkit-scrollbar-thumb:hover{background:var(--ms-gray-400)}:root{--primary-blue:#2e2a74;--primary-light:#7b68ee;--accent-yellow:#fff200;--accent-green:#2e8b57;--accent-purple:#8a2be2;--accent-pink:#ec4899;--accent-blue:#3b82f6;--light-bg:#f9fafb;--shadow-sm:0 1px 3px #0000001a}.main-content{background-color:#f9fafb;background-color:var(--light-bg);flex-grow:1;padding:30px}.content-header{margin-bottom:40px;text-align:center}.content-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#8a2be2);background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;color:#2e2a74;color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin:0 0 8px}.subtitle{color:#374151;color:var(--gray-700);font-size:1.1rem;font-weight:400;margin:0}.selection-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border-radius:16px;border-radius:var(--radius-lg);border-top:4px solid #2e2a74;border:1px solid var(--gray-200);border-top:4px solid var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:32px}.card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;gap:16px;margin-bottom:32px;padding-bottom:20px}.header-icon-wrapper{align-items:center;background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-light) 100%);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.card-icon{color:#fff;color:var(--white)}.card-header h3{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 6px}.card-subtitle{color:#374151;color:var(--gray-700);font-size:.95rem;font-weight:400;line-height:1.4;margin:0}.selection-form{margin:0 auto;max-width:800px}.form-label{color:#111827;color:var(--gray-900);font-size:15px;gap:8px;margin-bottom:10px}.label-icon{color:#2e2a74;color:var(--primary-blue);font-size:16px}.required{color:#ef4444;margin-left:4px}.form-select{background-color:#fff;background-color:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-size:20px;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-md);color:#111827;color:var(--gray-900);font-size:15px;max-width:400px;padding:14px 16px;transition:all .3s ease}.form-select:focus{border-color:#2e2a74;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2e2a741a}.form-select:disabled{background-color:#f3f4f6;background-color:var(--gray-100);opacity:.7}.search-box{margin-bottom:24px;max-width:400px}.search-icon{color:#9ca3af;color:var(--gray-400);font-size:16px;left:16px;top:50%;transform:translateY(-50%)}.search-input{background-color:#fff;background-color:var(--white);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:var(--radius-md);color:#111827;color:var(--gray-900);font-size:15px;padding:14px 16px 14px 48px}.search-input:focus{border-color:#2e2a74;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2e2a741a;outline:none}.clear-search{background:#e5e7eb;background:var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);font-size:13px;padding:4px 12px;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease}.clear-search:hover{background:#d1d5db;background:var(--gray-300)}.stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:32px}.stat-card{background:#f9fafb;background:var(--light-bg);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);color:var(--white);height:48px;width:48px}.stat-icon.total{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-light) 100%)}.stat-icon.girls{background:linear-gradient(135deg,#ec4899,#f472b6)}.stat-icon.boys{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stat-content h4{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0 0 4px}.stat-content p{color:#374151;color:var(--gray-700);font-size:13px;margin:0}.table-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border-radius:16px;border-radius:var(--radius-lg);border-top:4px solid #8a2be2;border:1px solid var(--gray-200);border-top:4px solid var(--accent-purple);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.table-header{background:#f9fafb;background:var(--light-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:24px 32px}.table-title{display:flex;flex-direction:column;gap:4px}.table-title h3{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.table-subtitle{color:#374151;color:var(--gray-700);font-size:14px;margin:0}.refresh-btn{background:#fff;background:var(--white);border:1px solid #2e2a74;border:1px solid var(--primary-blue);border-radius:12px;border-radius:var(--radius-md);color:#2e2a74;color:var(--primary-blue)}.refresh-btn:hover:not(:disabled){background:#2e2a74;background:var(--primary-blue);color:#fff;color:var(--white)}.refresh-btn:disabled{opacity:.6}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#2e2a74;border:3px solid var(--gray-200);border-top-color:var(--primary-blue);margin-bottom:16px}.loading-state p{color:#374151;color:var(--gray-700);margin:0}.empty-state{flex-direction:column;padding:80px 20px}.empty-icon{align-items:center;background:#f9fafb;background:var(--light-bg);border-radius:50%;color:#9ca3af;color:var(--gray-400);display:flex;font-size:24px;height:64px;justify-content:center;width:64px}.empty-state h4{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-state p{color:#374151;color:var(--gray-700);margin:0;max-width:300px}.table-container{padding:20px}.sections-table{border-collapse:collapse;min-width:800px;width:100%}.sections-table thead{background:#f9fafb;background:var(--light-bg)}.sections-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:14px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.sections-table th.text-center{text-align:center}.sections-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:background-color .3s ease}.sections-table tbody tr:hover{background-color:#f9fafb;background-color:var(--gray-50)}.sections-table td{color:#111827;color:var(--gray-900);font-size:14px;padding:20px}.sections-table td.serial{color:#2e2a74;color:var(--primary-blue);font-size:15px;font-weight:600;text-align:center}.section-name{align-items:center;display:flex;gap:10px}.section-icon{font-size:14px}.department-tag,.section-icon{color:#2e2a74;color:var(--primary-blue)}.department-tag{background:linear-gradient(135deg,#2e2a741a,#7b68ee1a);border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.department-tag.no-department{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.section-for{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.section-for.girls{background:linear-gradient(135deg,#ec48991a,#f472b61a);color:#ec4899}.section-for.boys{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);color:#3b82f6}.section-hint{max-width:250px}.section-hint span{background:#f9fafb;background:var(--gray-50);border-left:3px solid #2e8b57;border-left:3px solid var(--accent-green);border-radius:8px;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);display:inline-block;font-size:13px;padding:8px 12px}.actions-cell{min-width:180px}.action-buttons{gap:8px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#2e2a74,#7b68ee);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-light) 100%);color:#fff;color:var(--white)}.btn-edit:hover{box-shadow:0 4px 12px #2e2a7433;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;color:var(--white)}.btn-delete:hover{box-shadow:0 4px 12px #ef444433;transform:translateY(-2px)}@media (max-width:992px){.main-content{padding:20px}.content-header h1{font-size:2rem}.table-header{align-items:stretch;flex-direction:column;gap:16px;text-align:center}.refresh-btn{justify-content:center;width:100%}}@media (max-width:768px){.card-header{align-items:center;flex-direction:column;text-align:center}.header-icon-wrapper{margin:0 auto 16px}.stats-container{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-delete,.btn-edit{width:100%}}.swal2-popup{border-radius:16px!important;border-radius:var(--radius-lg)!important;font-family:Inter,sans-serif!important}.swal2-title{color:#111827!important;color:var(--gray-900)!important;font-size:1.5rem!important;font-weight:600!important}.swal2-html-container{color:#374151!important;color:var(--gray-700)!important;font-size:14px!important}.swal2-confirm{background:linear-gradient(135deg,#2e8b57,#34d399)!important;background:linear-gradient(135deg,var(--accent-green) 0,#34d399 100%)!important}.swal2-cancel,.swal2-confirm{border:none!important;border-radius:12px!important;border-radius:var(--radius-md)!important;font-weight:600!important;padding:12px 24px!important}.swal2-cancel{background:#e5e7eb!important;background:var(--gray-200)!important;color:#111827!important;color:var(--gray-900)!important}.update-modal .modal-header{margin-bottom:24px}.update-modal .modal-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0 0 4px}.update-modal .modal-subtitle{color:#374151;color:var(--gray-700);font-size:14px;margin:0}.update-modal .modal-body{display:flex;flex-direction:column;gap:16px}.update-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.update-modal .form-group{margin:0}.update-modal .form-group label{color:#111827;color:var(--gray-900);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.update-modal .modal-input{background-color:#fff;background-color:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:14px;padding:10px 12px;width:100%}.update-modal .modal-input:focus{border-color:#2e2a74;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2e2a741a;outline:none}.update-modal .modal-input.readonly{background-color:#f9fafb;background-color:var(--gray-50);cursor:not-allowed}.update-modal .modal-select{background-color:#fff;background-color:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.update-modal .form-hint{color:var(--gray-600);font-size:12px;margin-top:4px}.teacher-dashboard-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.teacher-main-content{background:#f7fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:2rem}.teacher-page-header{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.teacher-page-title{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.teacher-page-subtitle{color:#718096;font-size:1rem;line-height:1.5;max-width:800px}.teacher-api-status{align-items:center;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;display:flex;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.teacher-api-status-indicator{border-radius:50%;height:10px;width:10px}.teacher-api-status-indicator.active{background:#10b981;box-shadow:0 0 10px #10b98180}.teacher-api-status-indicator.inactive{background:#ef4444;box-shadow:0 0 10px #ef444480}.teacher-api-status-text{color:#475569;font-size:.875rem;font-weight:500}.teacher-backend-warning{align-items:flex-start;animation:pulseWarning 2s infinite;background:linear-gradient(135deg,#fff3e0,#ffecb3);border:2px solid #ffb74d;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}@keyframes pulseWarning{0%{box-shadow:0 0 0 0 #ff980066}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 0 0 #ff980000}}.warning-icon{flex-shrink:0;font-size:2rem}.warning-content h4{color:#92400e;font-weight:600;margin-bottom:.5rem}.warning-content p{color:#78350f;margin-bottom:.5rem}.warning-content ul{margin:.5rem 0;padding-left:1.5rem}.warning-content li{color:#78350f;margin-bottom:.25rem}.teacher-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.teacher-form-card:hover{border-color:#c7d2fe;box-shadow:0 10px 15px #0000001a}.teacher-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.teacher-card-header-left{align-items:center;display:flex;gap:1rem}.teacher-step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.teacher-card-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.teacher-card-badge{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.teacher-card-badge.success{background:#d1fae5;color:#059669}.teacher-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.teacher-input-group.full-width{grid-column:1/-1}.teacher-input-group label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.teacher-required-field:after{color:#e53e3e;content:" *"}.teacher-field-icon{color:#667eea;margin-right:.5rem}.teacher-form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:.875rem;padding:.95rem 1rem;transition:all .3s ease;width:90%}.teacher-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.teacher-form-input.teacher-is-valid{background:linear-gradient(270deg,#f0fdf4 50%,#fff 0);background-position:100%;background-size:200% 100%;border-color:#10b981;transition:background-position .5s ease}.teacher-form-input.teacher-is-invalid{background:linear-gradient(270deg,#fef2f2 50%,#fff 0);background-position:100%;background-size:200% 100%;border-color:#ef4444;transition:background-position .5s ease}.teacher-textarea-wrapper{position:relative}.teacher-form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;resize:vertical;transition:all .3s ease;width:95%}.teacher-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.teacher-textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.teacher-char-counter{color:#718096;font-size:.75rem}.teacher-char-counter.warning{color:#dc2626;font-weight:600}.teacher-address-hint{color:#94a3b8;font-size:.75rem}.teacher-select-wrapper{position:relative}.teacher-form-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.teacher-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.teacher-select-arrow{color:#94a3b8;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.teacher-input-with-prefix{align-items:center;display:flex}.teacher-input-prefix{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px 0 0 8px;border-right:none;color:#64748b;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.teacher-input-with-prefix .teacher-form-input{border-left:none;border-radius:0 8px 8px 0}.teacher-id-control-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;padding:2rem}.teacher-id-generator{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.teacher-generator-left h4{color:#2d3748;font-weight:600;margin-bottom:.5rem}.teacher-generator-description{color:#64748b;margin-bottom:1rem;max-width:500px}.teacher-generator-requirements{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.requirement-icon{color:#10b981}.teacher-btn-generate{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.teacher-btn-generate:hover:not(.disabled){box-shadow:0 6px 8px #667eea66;transform:translateY(-2px)}.teacher-btn-generate.disabled{cursor:not-allowed;opacity:.5;transform:none}.generate-icon{font-size:1.25rem}.teacher-id-display-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.teacher-id-display-header{color:#2d3748;font-weight:600;gap:.5rem;margin-bottom:1rem}.teacher-id-display-header,.teacher-id-input-wrapper{align-items:center;display:flex}.teacher-id-prefix{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px 0 0 8px;color:#64748b;font-size:.875rem;font-weight:600;padding:.75rem 1rem}.teacher-id-input{border-left:none;border-radius:0 8px 8px 0;color:#2d3748;font-size:1rem;font-weight:600}.teacher-id-hint{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.teacher-form-actions{align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;margin-top:2rem;padding:2rem}.teacher-actions-left,.teacher-actions-right{display:flex;flex-direction:column;gap:.5rem}.teacher-btn-clear{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-btn-clear:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.teacher-btn-submit{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 6px #10b9814d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.teacher-btn-submit:hover:not(:disabled){box-shadow:0 6px 8px #10b98166;transform:translateY(-2px)}.teacher-btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-icon{font-size:1.25rem}.teacher-form-tips{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.5rem}.tip-icon{color:#f59e0b}.teacher-submit-requirements{min-height:1.5rem}.requirement-warning{color:#dc2626;font-size:.75rem;font-weight:500}.teacher-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;margin-top:2rem;padding:2rem}.teacher-summary-header{align-items:center;border-bottom:2px solid #cbd5e1;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.teacher-summary-header h4{align-items:center;color:#0369a1;display:flex;gap:.5rem;margin:0}.summary-icon{font-size:1.5rem}.teacher-summary-status{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#059669;font-size:.875rem;font-weight:600;padding:.375rem 1rem}.teacher-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.teacher-summary-item{display:flex;flex-direction:column;gap:.25rem}.teacher-summary-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.teacher-summary-value{color:#1e293b;font-size:.875rem;font-weight:500}.teacher-summary-value.teacher-id-highlight{color:#667eea;font-size:1rem;font-weight:700}.teacher-summary-value.address-truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-required-note{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;margin-top:2rem;padding:1rem}.required-note-icon{font-size:1.25rem}.teacher-loading-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.teacher-loader{border:5px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.teacher-loader,.teacher-loader-spinner{animation:teacher-spin 1s linear infinite}.teacher-loader-spinner{border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.teacher-loader-spinner.small{border-width:2px;height:16px;width:16px}@keyframes teacher-spin{to{transform:rotate(1turn)}}.teacher-loading-bar{animation:teacher-loading 2s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;height:3px;left:250px;position:fixed;right:0;top:0}@keyframes teacher-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.teacher-error-message{border-left:2px solid #dc2626;color:#dc2626;display:block;font-size:.75rem;margin-top:.25rem;padding-left:.5rem}.teacher-form-hint{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem}.hint-icon{color:#f59e0b}@media (max-width:1024px){.teacher-main-content{margin-left:0;padding:1rem}.teacher-form-grid{grid-template-columns:1fr}.teacher-id-generator{flex-direction:column;gap:1rem;text-align:center}.teacher-form-actions{align-items:stretch;flex-direction:column;gap:1rem}.teacher-actions-left,.teacher-actions-right{width:100%}.teacher-loading-bar{left:0}}@media (max-width:768px){.teacher-page-title{font-size:1.5rem}.teacher-form-card{padding:1.5rem}.teacher-summary-grid{grid-template-columns:1fr}}@keyframes teacher-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.teacher-is-invalid{animation:teacher-shake .5s ease-in-out}@keyframes teacher-success{0%{background-position:100%}to{background-position:0}}.teacher-is-valid{animation:teacher-success .5s ease-in-out}.swal2-warning-modal{border:2px solid #ff9800!important;border-radius:16px!important;box-shadow:0 10px 30px #ff980033!important}.swal2-warning-modal .swal2-title{border-bottom:2px solid #ffcc80!important;color:#e65100!important;font-size:1.6rem!important;font-weight:600!important;margin-bottom:20px!important;padding-bottom:10px!important}.swal2-warning-modal .swal2-html-container{color:#5d4037!important;font-size:14px!important;line-height:1.6!important;text-align:left!important}.swal2-warning-modal .swal2-confirm{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 6px #ff98004d!important;font-weight:600!important;padding:.75rem 2rem!important;transition:all .3s ease!important}.swal2-warning-modal .swal2-confirm:hover{box-shadow:0 6px 12px #ff980066!important;transform:translateY(-2px)!important}.swal2-warning-modal .swal2-cancel{background:#f5f5f5!important;border:1px solid #ddd!important;border-radius:8px!important;color:#666!important;font-weight:500!important;padding:.75rem 2rem!important;transition:all .3s ease!important}.swal2-warning-modal .swal2-cancel:hover{background:#e0e0e0!important}.swal2-success-modal{border:2px solid #4caf50!important;border-radius:16px!important;box-shadow:0 10px 30px #4caf5033!important}.swal2-success-modal .swal2-title{color:#2e7d32!important;font-size:1.8rem!important;font-weight:600!important}.swal2-success-modal .swal2-confirm{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 6px #4caf504d!important;font-weight:600!important;padding:.75rem 2rem!important;transition:all .3s ease!important}.swal2-success-modal .swal2-confirm:hover{box-shadow:0 6px 12px #4caf5066!important;transform:translateY(-2px)!important}.swal2-info-modal{border:2px solid #2196f3!important;border-radius:16px!important;box-shadow:0 10px 30px #2196f333!important}.swal2-info-modal .swal2-title{color:#1565c0!important;font-size:1.6rem!important;font-weight:600!important}.swal2-info-modal .swal2-confirm{background:linear-gradient(135deg,#2196f3,#0d47a1)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 6px #2196f34d!important;font-weight:600!important;padding:.75rem 2rem!important;transition:all .3s ease!important}.swal2-info-modal .swal2-confirm:hover{box-shadow:0 6px 12px #2196f366!important;transform:translateY(-2px)!important}.fetch-teachers-container{background:#f5f7fa;flex:1 1;margin-left:250px;min-height:100vh;padding:2rem 4rem}.filter-input{width:100%}.search-button{justify-content:center}.stats-badge{align-items:center;display:inline-flex;gap:.5rem;margin-left:1rem}.table-header{align-items:flex-start}.table-header h3{align-items:center;display:flex;gap:.75rem}.teacher-table{border-collapse:initial;border-spacing:0;width:100%}.teacher-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.teacher-table th{border:none;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.teacher-table th:first-child{border-top-left-radius:10px}.teacher-table th:last-child{border-top-right-radius:10px}.teacher-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.teacher-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.teacher-table td{border:none;color:#4a5568;font-size:.95rem;padding:1rem;vertical-align:middle}.teacher-table td:first-child{border-left:3px solid #0000}.teacher-table tr:hover td:first-child{border-left-color:#667eea}.teacher-id{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;padding:.25rem .75rem}.action-buttons{justify-content:center}.action-btn{background:#fff;border:2px solid #0000;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:1}.action-btn svg{position:relative;transition:all .3s;z-index:2}.edit-btn{border-color:#4299e1}.edit-btn:hover{border-color:#0000;box-shadow:0 8px 20px #4299e14d;transform:translateY(-2px) scale(1.05)}.edit-btn:hover:before{opacity:1}.delete-btn{border-color:#fc8181}.delete-btn:hover{border-color:#0000;box-shadow:0 8px 20px #fc81814d;transform:translateY(-2px) scale(1.05)}.delete-btn:hover:before{background:linear-gradient(135deg,#f56565,#e53e3e);opacity:1}.empty-state-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.empty-state h3{color:#2d3748;font-size:1.5rem}.empty-state p{color:#718096;font-size:1rem;margin:0 auto 1.5rem;max-width:400px}.loader-spinner{border-color:#667eea #764ba2 #e2e8f0 #e2e8f0;border-style:solid;border-width:3px}.status-badge{align-items:center;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.status-active{background:#48bb781a;border:1px solid #48bb7833;color:#38a169}.status-inactive{background:#f565651a;border:1px solid #f5656533;color:#e53e3e}@media (max-width:1024px){.filters-grid{grid-template-columns:1fr}.fetch-teachers-container{margin-left:0;padding:1rem}.table-container{overflow-x:auto}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.search-button{justify-content:center;width:100%}.teacher-table{min-width:800px}.table-header{align-items:flex-start;flex-direction:column;gap:1rem}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.teacher-edit-container{background:#f5f7fa;flex:1 1;margin-left:250px;min-height:100vh;padding:2rem 4rem}.form-header{border-bottom:2px solid #e8edf3;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.form-header,.form-header h2{align-items:center;display:flex}.form-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;gap:.75rem;margin:0}.form-header h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:24px;width:4px}.teacher-status-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#38a169,#2f855a);display:flex;font-weight:600;padding:.5rem 1.25rem}.teacher-info-card{background:#fff;border-left:4px solid #667eea;border-radius:16px;box-shadow:0 10px 40px #667eea1a;margin-bottom:2rem;padding:1.5rem 2rem}.teacher-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.info-value{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:1.1rem;font-weight:600;padding:.5rem 0}.edit-form-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #667eea1a;margin-bottom:2rem;padding:2rem}.edit-form-card h3{align-items:center;border-bottom:2px solid #f7fafc;color:#2d3748;display:flex;font-size:1.4rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.edit-form-card h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:20px;width:4px}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{position:relative}.form-label{color:#4a5568;display:block;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.form-label:after{color:#667eea;content:"•";font-size:1.2rem}.form-input{background:#fafbfc;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.95rem;padding:0 1rem;transition:all .3s;width:18rem}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.form-input.readonly{background:#f0f4f8;border-color:#cbd5e0;color:#4a5568}.form-select{background:#fafbfc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23667eea' viewBox='0 0 256 256'%3E%3Cpath d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.95rem;padding:.875rem 2.5rem .875rem 1rem;width:100%}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{background:#fafbfc;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.95rem;min-height:120px;padding:.875rem 1rem;resize:vertical;transition:all .3s;width:100%}.form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.teacher-id-display{background:linear-gradient(135deg,#f6e05e,#d69e2e);border:2px solid #ed8936;border-radius:10px;color:#744210;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem;text-align:center}.form-actions{border-top:2px solid #f7fafc;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn{border:2px solid #0000;font-size:1rem;gap:.5rem;padding:.875rem 2rem;transition:all .3s}.btn-primary{box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border-color:#e2e8f0}.btn-secondary:hover{background:#f7fafc;box-shadow:0 4px 12px #0000001a}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px #f565654d;color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #f5656566;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}.loading-spinner{border-color:#667eea #764ba2 #e2e8f0 #e2e8f0;border-style:solid;border-width:3px;height:50px;width:50px}.form-section{background:#f8fafc;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.form-section-title{font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.form-section-title svg{color:#667eea}@media (max-width:1024px){.teacher-edit-container{margin-left:0;padding:1rem}.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.form-header{align-items:flex-start;gap:1rem}.form-actions,.form-header{flex-direction:column}.btn{width:100%}}.input-with-icon{position:relative}.input-icon{color:#a0aec0;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .form-input,.input-with-icon .form-select{padding-left:2.5rem}.success-message{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:10px;color:#fff;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.format-note{color:#718096}.error-note,.format-note{display:block;font-size:.75rem;margin-top:.25rem}.error-note{color:#e53e3e;font-weight:500}.form-input.readonly{background-color:#f7fafc;border-color:#e2e8f0;cursor:not-allowed}.teacher-status-badge{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}:root{--mc-primary-blue:#2d3748;--mc-primary-purple:#667eea;--mc-secondary-purple:#764ba2;--mc-accent-blue:#4299e1;--mc-accent-green:#48bb78;--mc-accent-orange:#ed8936;--mc-accent-indigo:#9f7aea;--mc-accent-red:#f56565;--mc-white:#fff;--mc-light-bg:#f5f7fa;--mc-gray-100:#f7fafc;--mc-gray-200:#e2e8f0;--mc-gray-300:#cbd5e0;--mc-gray-400:#a0aec0;--mc-gray-700:#4a5568;--mc-gray-900:#1a202c;--mc-shadow-sm:0 1px 3px #0000001a;--mc-shadow-md:0 4px 6px -1px #0000001a;--mc-shadow-lg:0 10px 15px -3px #0000001a;--mc-shadow-xl:0 20px 25px -5px #0000001a;--mc-radius-sm:8px;--mc-radius-md:12px;--mc-radius-lg:16px;--mc-radius-xl:20px;--mc-transition-standard:all 0.3s cubic-bezier(0.4,0,0.2,1)}.manage-classes-screen{color:#1a202c;color:var(--mc-gray-900);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}.manage-classes-dashboard-wrapper{display:flex;min-height:100vh}.manage-classes-main-content{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);flex:1 1;margin-left:18%;min-height:100vh;overflow-x:hidden;padding:2rem 3rem;position:relative;width:75%}.manage-classes-main-content:before{height:300px;right:0;top:0;transform:translate(150px,-150px);width:300px}.manage-classes-main-content:after,.manage-classes-main-content:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;content:"";position:absolute;z-index:1}.manage-classes-main-content:after{bottom:0;height:200px;left:0;transform:translate(-100px,100px);width:200px}.manage-classes-header{margin-bottom:2rem;position:relative;z-index:2}.manage-classes-header-content{max-width:800px}.manage-classes-title{align-items:center;color:#2d3748;color:var(--mc-primary-blue);display:flex;font-size:2.5rem;font-weight:800;gap:1rem;letter-spacing:-.5px;line-height:1.2;margin:0 0 1rem;position:relative}.manage-classes-title:before{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%);border-radius:3px;content:"";display:block;height:40px;width:5px}.manage-classes-title-icon{color:#667eea;color:var(--mc-primary-purple);font-size:2rem}.manage-classes-subtitle{border-left:2px solid #e2e8f0;border-left:2px solid var(--mc-gray-200);color:#4a5568;color:var(--mc-gray-700);font-size:1.1rem;font-weight:400;line-height:1.6;margin:0;max-width:600px;padding-left:1rem}.manage-classes-refresh-btn{align-items:center;background:#fff;background:var(--mc-white);border:2px solid #e2e8f0;border:2px solid var(--mc-gray-200);border-radius:12px;border-radius:var(--mc-radius-md);color:#4a5568;color:var(--mc-gray-700);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mc-transition-standard)}.manage-classes-refresh-btn:hover{background:#f7fafc;background:var(--mc-gray-100);border-color:#667eea;border-color:var(--mc-primary-purple);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--mc-shadow-md);color:#667eea;color:var(--mc-primary-purple);transform:translateY(-2px)}.manage-classes-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.manage-classes-quick-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.manage-classes-action-btn{align-items:center;background:#fff;background:var(--mc-white);border:2px solid #e2e8f0;border:2px solid var(--mc-gray-200);border-radius:12px;border-radius:var(--mc-radius-md);color:#4a5568;color:var(--mc-gray-700);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mc-transition-standard)}.manage-classes-action-btn:hover{background:#f7fafc;background:var(--mc-gray-100);border-color:#667eea;border-color:var(--mc-primary-purple);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--mc-shadow-md);color:#667eea;color:var(--mc-primary-purple);transform:translateY(-2px)}.manage-classes-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%);border:none;box-shadow:0 4px 15px #667eea4d;color:#fff;color:var(--mc-white)}.manage-classes-primary-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.manage-classes-search-container{margin-bottom:2rem;position:relative;z-index:2}.manage-classes-search-input{background:#fff;background:var(--mc-white);border:2px solid #e2e8f0;border:2px solid var(--mc-gray-200);border-radius:12px;border-radius:var(--mc-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--mc-shadow-sm);color:#1a202c;color:var(--mc-gray-900);font-family:inherit;font-size:1rem;padding:1rem 1.5rem 1rem 3.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mc-transition-standard);width:40%}.manage-classes-search-input:focus{border-color:#667eea;border-color:var(--mc-primary-purple);box-shadow:0 0 0 3px #667eea1a;outline:none}.manage-classes-search-icon,.manage-classes-search-input::placeholder{color:#a0aec0;color:var(--mc-gray-400)}.manage-classes-search-icon{font-size:1.2rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.manage-classes-error-alert{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--mc-radius-md);color:#dc2626;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;position:relative;z-index:2}.manage-classes-error-alert svg{font-size:1.2rem}.manage-classes-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem;position:relative;z-index:2}.manage-classes-stat-card{background:#fff;background:var(--mc-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--mc-radius-lg);box-shadow:0 10px 40px #667eea14;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mc-transition-standard)}.manage-classes-stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%);border-radius:16px 16px 0 0;border-radius:var(--mc-radius-lg) var(--mc-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-classes-stat-card:hover{border-color:#667eea33;box-shadow:0 20px 60px #667eea26;transform:translateY(-8px)}.manage-classes-stat-content{align-items:center;display:flex;gap:1rem}.manage-classes-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%);border-radius:12px;border-radius:var(--mc-radius-md);color:#fff;color:var(--mc-white);display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.manage-classes-stat-details{flex:1 1}.manage-classes-stat-value{color:#2d3748;color:var(--mc-primary-blue);font-family:Inter,sans-serif;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.manage-classes-stat-label{color:#4a5568;color:var(--mc-gray-700);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.manage-classes-stat-tooltip{bottom:10px;position:absolute;right:10px}.manage-classes-stat-tooltip .tooltip-text{background-color:#333;border-radius:6px;bottom:125%;color:#fff;font-size:12px;left:50%;margin-left:-60px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.manage-classes-stat-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.attendance-card-hover{cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.attendance-card-hover:hover{border-color:#2563eb4d;box-shadow:0 20px 40px #2563eb26;transform:translateY(-8px) scale(1.02)}.attendance-view-overlay{align-items:center;background:#2563ebf2;border-radius:16px;border-radius:var(--mc-radius-lg);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:10}.attendance-card-hover:hover .attendance-view-overlay{opacity:1;visibility:visible}.attendance-view-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#2563eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;z-index:11}.attendance-view-btn:hover{background:#f8fafc;box-shadow:0 6px 8px #00000026;transform:scale(1.05)}.attendance-view-btn:active{transform:scale(.98)}.attendance-view-btn svg{font-size:12px;transition:transform .2s ease}.attendance-view-btn:hover svg{transform:translateX(3px)}.manage-classes-grid-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:2}.manage-classes-grid-icon{color:#667eea;color:var(--mc-primary-purple);font-size:1.5rem}.manage-classes-grid-title{color:#2d3748;color:var(--mc-primary-blue);font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.manage-classes-loading-indicator{align-items:center;color:var(--mc-gray-600);display:flex;font-size:.9rem;gap:.5rem;margin-left:auto}.manage-classes-grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem;position:relative;z-index:2}.manage-classes-card{background:#fff;background:var(--mc-white);border:1px solid #e2e8f0cc;border-radius:20px;border-radius:var(--mc-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--mc-shadow-md);cursor:pointer;display:flex;flex-direction:column;height:320px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mc-transition-standard)}.manage-classes-card:hover{border-color:#667eea4d;box-shadow:0 25px 60px #667eea33;transform:translateY(-12px) scale(1.02)}.manage-classes-card:hover .manage-classes-card-top{transform:scale(1.05)}.manage-classes-card:after{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;border-radius:var(--mc-radius-xl);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s}.manage-classes-card:hover:after{opacity:1}.manage-classes-card-top{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;height:180px;justify-content:center;overflow:hidden;padding:2rem;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1)}.manage-classes-card:nth-child(6n+1) .manage-classes-card-top{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%)}.manage-classes-card:nth-child(6n+2) .manage-classes-card-top{background:linear-gradient(135deg,#4299e1,#3182ce);background:linear-gradient(135deg,var(--mc-accent-blue) 0,#3182ce 100%)}.manage-classes-card:nth-child(6n+3) .manage-classes-card-top{background:linear-gradient(135deg,#48bb78,#38a169);background:linear-gradient(135deg,var(--mc-accent-green) 0,#38a169 100%)}.manage-classes-card:nth-child(6n+4) .manage-classes-card-top{background:linear-gradient(135deg,#ed8936,#dd6b20);background:linear-gradient(135deg,var(--mc-accent-orange) 0,#dd6b20 100%)}.manage-classes-card:nth-child(6n+5) .manage-classes-card-top{background:linear-gradient(135deg,#9f7aea,#805ad5);background:linear-gradient(135deg,var(--mc-accent-indigo) 0,#805ad5 100%)}.manage-classes-card:nth-child(6n+6) .manage-classes-card-top{background:linear-gradient(135deg,#f56565,#e53e3e);background:linear-gradient(135deg,var(--mc-accent-red) 0,#e53e3e 100%)}.manage-classes-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));height:250px;object-fit:contain;position:relative;transition:transform .3s;width:250px;z-index:2}.manage-classes-card:hover .manage-classes-image{transform:scale(1.1) rotate(5deg)}.manage-classes-card-bottom{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1.5rem;position:relative;z-index:2}.manage-classes-card-title{color:#2d3748;color:var(--mc-primary-blue);font-family:Inter,sans-serif;font-size:1.4rem;font-weight:700;margin:0;padding-bottom:.75rem;position:relative;text-align:center}.manage-classes-card-title:after{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.manage-classes-card-grade{color:#4a5568;color:var(--mc-gray-700);font-size:.9rem;font-weight:500;margin-top:.5rem;text-align:center}.manage-classes-action-overlay{align-items:center;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-radius:20px;border-radius:var(--mc-radius-xl);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:3}.manage-classes-card:hover .manage-classes-action-overlay{opacity:1}.manage-classes-view-btn{align-items:center;background:#fff;background:var(--mc-white);border:none;border-radius:50px;box-shadow:0 8px 25px #00000026;color:#667eea;color:var(--mc-primary-purple);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mc-transition-standard)}.manage-classes-view-btn:hover{box-shadow:0 12px 30px #0003;transform:translateY(-2px)}.manage-classes-btn-text{font-weight:600}.manage-classes-btn-icon{font-size:.9rem;transition:transform .3s}.manage-classes-view-btn:hover .manage-classes-btn-icon{transform:translateX(4px)}.manage-classes-footer{border-top:2px solid #e2e8f0;border-top:2px solid var(--mc-gray-200);color:#4a5568;color:var(--mc-gray-700);margin-top:3rem;padding-top:2rem;position:relative;text-align:center;z-index:2}.manage-classes-footer-text{font-size:.9rem;margin:0 0 .5rem}.manage-classes-footer-link{color:#667eea;color:var(--mc-primary-purple);font-weight:600;margin:0 .5rem;text-decoration:none;transition:color .3s}.manage-classes-footer-link:hover{color:#764ba2;color:var(--mc-secondary-purple);text-decoration:underline}.manage-classes-footer-note{color:var(--mc-gray-600);font-size:.85rem;margin:0}@media (max-width:1200px){.manage-classes-grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:1024px){.manage-classes-main-content{margin-left:0;padding:1.5rem;width:100%}.manage-classes-stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.manage-classes-title{font-size:2rem}.manage-classes-grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.manage-classes-stat-card{padding:1rem}.manage-classes-stat-value{font-size:1.5rem}.manage-classes-stat-icon{font-size:1.25rem;height:50px;width:50px}.manage-classes-card{height:280px}.manage-classes-card-top{height:150px}.manage-classes-image{height:100px;width:100px}.manage-classes-quick-actions{align-items:stretch;flex-direction:column}.manage-classes-action-btn{justify-content:center}.manage-classes-refresh-btn{margin-top:1rem;position:relative}}@media (max-width:576px){.manage-classes-main-content{padding:1rem}.manage-classes-title{font-size:1.75rem}.manage-classes-grid-container,.manage-classes-stats-overview{grid-template-columns:1fr}.manage-classes-card-title{font-size:1.2rem}.manage-classes-subtitle{font-size:1rem}}@keyframes manage-classes-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.manage-classes-card{animation:manage-classes-fade-in-up .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.manage-classes-card:first-child{animation-delay:.1s}.manage-classes-card:nth-child(2){animation-delay:.2s}.manage-classes-card:nth-child(3){animation-delay:.3s}.manage-classes-card:nth-child(4){animation-delay:.4s}.manage-classes-card:nth-child(5){animation-delay:.5s}.manage-classes-card:nth-child(6){animation-delay:.6s}.manage-classes-card:nth-child(7){animation-delay:.7s}.manage-classes-card:nth-child(8){animation-delay:.8s}.manage-classes-card:nth-child(9){animation-delay:.9s}.manage-classes-card:nth-child(10){animation-delay:1s}.manage-classes-card:nth-child(11){animation-delay:1.1s}.manage-classes-card:nth-child(12){animation-delay:1.2s}.manage-classes-card:nth-child(13){animation-delay:1.3s}.manage-classes-card:nth-child(14){animation-delay:1.4s}.attendance-view-btn:focus-visible,.manage-classes-action-btn:focus-visible,.manage-classes-search-input:focus-visible,.manage-classes-view-btn:focus-visible{outline:2px solid #667eea;outline:2px solid var(--mc-primary-purple);outline-offset:2px}.manage-classes-main-content::-webkit-scrollbar{width:8px}.manage-classes-main-content::-webkit-scrollbar-track{background:#f7fafc;background:var(--mc-gray-100);border-radius:4px}.manage-classes-main-content::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--mc-gray-300);border-radius:4px}.manage-classes-main-content::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--mc-gray-400)}@media print{.attendance-view-overlay,.manage-classes-action-overlay,.manage-classes-quick-actions,.manage-classes-refresh-btn,.manage-classes-search-container{display:none!important}.manage-classes-card{border:1px solid #cbd5e0;border:1px solid var(--mc-gray-300);box-shadow:none;break-inside:avoid;height:auto;page-break-inside:avoid}.manage-classes-card:hover{transform:none}.manage-classes-main-content{margin-left:0;padding:0;width:100%}}.setup-status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #00000026;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:10}.setup-status-complete{background:linear-gradient(135deg,#48bb78,#38a169);background:linear-gradient(135deg,var(--mc-accent-green) 0,#38a169 100%);color:#fff}.setup-status-partial{background:linear-gradient(135deg,#ed8936,#dd6b20);background:linear-gradient(135deg,var(--mc-accent-orange) 0,#dd6b20 100%);color:#fff}.setup-status-pending{background:linear-gradient(135deg,#f56565,#e53e3e);background:linear-gradient(135deg,var(--mc-accent-red) 0,#e53e3e 100%);color:#fff}.setup-info{border-top:1px solid #e2e8f080;margin-top:1rem;padding-top:1rem}.setup-info-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.setup-info-label{color:var(--mc-gray-600);font-weight:500}.setup-info-value{color:var(--mc-gray-800);font-weight:600}.setup-info-value.complete{color:#48bb78;color:var(--mc-accent-green)}.setup-info-value.partial{color:#ed8936;color:var(--mc-accent-orange)}.setup-info-value.pending{color:#f56565;color:var(--mc-accent-red)}.setup-status-legend{align-items:center;display:flex;gap:1rem;margin-left:auto}.status-legend-item{align-items:center;color:#4a5568;color:var(--mc-gray-700);display:flex;font-size:.85rem;font-weight:500}.status-legend-item:before{border-radius:50%;content:"";display:inline-block;height:10px;margin-right:6px;width:10px}.status-legend-item.complete:before{background:#48bb78;background:var(--mc-accent-green)}.status-legend-item.partial:before{background:#ed8936;background:var(--mc-accent-orange)}.status-legend-item.pending:before{background:#f56565;background:var(--mc-accent-red)}.setup-progress-indicator{background:#e2e8f080;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden}.setup-progress-bar{background:linear-gradient(135deg,#9f7aea,#4299e1);background:linear-gradient(135deg,var(--mc-accent-indigo) 0,var(--mc-accent-blue) 100%);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.setup-progress-summary{margin-top:2rem;position:relative;z-index:2}.setup-summary-card{background:#fff;background:var(--mc-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--mc-radius-lg);box-shadow:0 10px 40px #667eea14;padding:1.5rem}.setup-summary-title{align-items:center;color:#2d3748;color:var(--mc-primary-blue);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.setup-summary-title:before{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--mc-primary-purple) 0,var(--mc-secondary-purple) 100%);border-radius:2px;content:"";display:block;height:24px;width:4px}.setup-progress-overview{display:flex;flex-direction:column;gap:1rem}.progress-item{align-items:center;display:flex;gap:1rem}.progress-label{color:#4a5568;color:var(--mc-gray-700);flex:0 0 120px;font-size:.9rem;font-weight:500}.progress-bar-container{background:#e2e8f0;background:var(--mc-gray-200);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(135deg,#48bb78,#38a169);background:linear-gradient(135deg,var(--mc-accent-green) 0,#38a169 100%);height:100%;transition:width .6s ease}.progress-bar.partial{background:linear-gradient(135deg,#ed8936,#dd6b20);background:linear-gradient(135deg,var(--mc-accent-orange) 0,#dd6b20 100%)}.progress-bar.pending{background:linear-gradient(135deg,#f56565,#e53e3e);background:linear-gradient(135deg,var(--mc-accent-red) 0,#e53e3e 100%)}.progress-value{color:var(--mc-gray-800);flex:0 0 70px;font-size:.9rem;font-weight:600;text-align:right}.setup-account-card{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.setup-account-card:hover{box-shadow:0 30px 70px #667eea40;transform:translateY(-12px) scale(1.02)}.manage-classes-stat-card[style*="--stat-color"] .manage-classes-stat-icon{background:linear-gradient(135deg,var(--stat-color) 0,color-mix(in srgb,var(--stat-color) 50%,#0000) 100%)!important}@media (max-width:768px){.setup-status-legend{display:none}.progress-item{align-items:flex-start;flex-direction:column;gap:.5rem}.progress-label{flex:none;width:100%}.progress-bar-container{width:100%}.progress-value{flex:none;text-align:left;width:100%}}@media (max-width:576px){.setup-info-item{align-items:flex-start;flex-direction:column;gap:.25rem}.setup-status-badge{font-size:.7rem;padding:4px 8px}}:root{--class-attendance-ck-primary-blue:#2563eb;--class-attendance-ck-primary-blue-light:#3b82f6;--class-attendance-ck-primary-blue-dark:#1d4ed8;--class-attendance-ck-secondary-teal:#0d9488;--class-attendance-ck-secondary-purple:#7c3aed;--class-attendance-ck-secondary-orange:#f97316;--class-attendance-ck-status-success:#10b981;--class-attendance-ck-status-warning:#f59e0b;--class-attendance-ck-status-danger:#ef4444;--class-attendance-ck-status-info:#3b82f6;--class-attendance-ck-neutral-50:#f9fafb;--class-attendance-ck-neutral-100:#f3f4f6;--class-attendance-ck-neutral-200:#e5e7eb;--class-attendance-ck-neutral-300:#d1d5db;--class-attendance-ck-neutral-400:#9ca3af;--class-attendance-ck-neutral-500:#6b7280;--class-attendance-ck-neutral-600:#4b5563;--class-attendance-ck-neutral-700:#374151;--class-attendance-ck-neutral-800:#1f2937;--class-attendance-ck-neutral-900:#111827;--class-attendance-ck-shadow-sm:0 1px 2px 0 #0000000d;--class-attendance-ck-shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--class-attendance-ck-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--class-attendance-ck-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--class-attendance-ck-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--class-attendance-ck-radius-sm:0.375rem;--class-attendance-ck-radius-md:0.5rem;--class-attendance-ck-radius-lg:0.75rem;--class-attendance-ck-radius-xl:1rem;--class-attendance-ck-radius-full:9999px;--class-attendance-ck-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--class-attendance-ck-transition-base:250ms cubic-bezier(0.4,0,0.2,1);--class-attendance-ck-transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}.class-attendance-ck-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:.75rem;border-radius:var(--class-attendance-ck-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;margin-top:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.class-attendance-ck-header:before{background:linear-gradient(180deg,#2563eb,#0d9488);background:linear-gradient(to bottom,var(--class-attendance-ck-primary-blue),var(--class-attendance-ck-secondary-teal));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.class-attendance-ck-title-section{flex:1 1;min-width:300px}.class-attendance-ck-title-section h2{align-items:center;color:#111827;color:var(--class-attendance-ck-neutral-900);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.class-attendance-ck-title-section h2 svg{color:#2563eb;color:var(--class-attendance-ck-primary-blue);height:1.5rem;width:1.5rem}.class-attendance-ck-title-section p{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.class-attendance-ck-class-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#2563eb,#7c3aed);background:linear-gradient(120deg,var(--class-attendance-ck-primary-blue) 0,var(--class-attendance-ck-secondary-purple) 100%);-webkit-background-clip:text;background-clip:text;border-radius:.375rem;border-radius:var(--class-attendance-ck-radius-sm);font-weight:700;padding:.125rem .5rem;position:relative}.class-attendance-ck-class-highlight:after{background:linear-gradient(120deg,#2563eb,#7c3aed);background:linear-gradient(120deg,var(--class-attendance-ck-primary-blue) 0,var(--class-attendance-ck-secondary-purple) 100%);border-radius:inherit;content:"";inset:0;opacity:.1;position:absolute}.class-attendance-ck-selected-count-badge{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--class-attendance-ck-status-success),#34d399);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;margin-left:.5rem;padding:.125rem .625rem}.class-attendance-ck-date-info{align-items:center;background:#f9fafb;background:var(--class-attendance-ck-neutral-50);border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);color:#374151;color:var(--class-attendance-ck-neutral-700);display:inline-flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.class-attendance-ck-date-info svg{color:#0d9488;color:var(--class-attendance-ck-secondary-teal);height:.875rem;width:.875rem}.class-attendance-ck-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.class-attendance-ck-stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.class-attendance-ck-stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-left:4px solid;border-radius:.75rem;border-radius:var(--class-attendance-ck-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--class-attendance-ck-shadow-base);min-height:140px;overflow:hidden;padding:1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-base)}.class-attendance-ck-stat-card:hover{border-color:#d1d5db;border-color:var(--class-attendance-ck-neutral-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--class-attendance-ck-shadow-lg);transform:translateY(-2px)}.class-attendance-ck-stat-hoverable{cursor:pointer;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.class-attendance-ck-stat-hoverable:hover{box-shadow:0 20px 40px #e53e3e26;transform:translateY(-4px);z-index:5}.class-attendance-ck-stat-hovered{padding-bottom:3.5rem}.class-attendance-ck-stat-icon{align-items:center;background:linear-gradient(135deg,currentColor,#0000);border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);display:flex;height:2.5rem;justify-content:center;margin-bottom:1rem;opacity:.9;width:2.5rem}.class-attendance-ck-stat-icon svg{height:1.25rem;width:1.25rem}.class-attendance-ck-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#1f2937,#4b5563);background:linear-gradient(120deg,var(--class-attendance-ck-neutral-800),var(--class-attendance-ck-neutral-600));-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--class-attendance-ck-neutral-900);font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.25rem}.class-attendance-ck-stat-label{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.class-attendance-ck-stat-view-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#c53030);background:linear-gradient(135deg,var(--class-attendance-ck-status-danger) 0,#c53030 100%);border:none;border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full);bottom:-20px;box-shadow:0 4px 20px #e53e3e4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;opacity:0;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:10}.class-attendance-ck-stat-hoverable:hover .class-attendance-ck-stat-view-btn{bottom:-15px;opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.class-attendance-ck-stat-view-btn:hover{background:linear-gradient(135deg,#c53030,#9b2c2c);box-shadow:0 6px 25px #e53e3e66;transform:translateX(-50%) scale(1.05)}.class-attendance-ck-stat-view-btn:active{transform:translateX(-50%) scale(.98)}.class-attendance-ck-control-panel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:.75rem;border-radius:var(--class-attendance-ck-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);margin-bottom:1.5rem;padding:1.25rem}.class-attendance-ck-filter-section{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--class-attendance-ck-neutral-100);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.class-attendance-ck-filter-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:180px}.class-attendance-ck-filter-label{align-items:center;color:#374151;color:var(--class-attendance-ck-neutral-700);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.class-attendance-ck-filter-label svg{color:#6b7280;color:var(--class-attendance-ck-neutral-500);height:.875rem;width:.875rem}.class-attendance-ck-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1.5px solid #d1d5db;border:1.5px solid var(--class-attendance-ck-neutral-300);border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);color:#1f2937;color:var(--class-attendance-ck-neutral-800);cursor:pointer;font-size:.875rem;outline:none;padding:.625rem 2.5rem .625rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-fast);width:100%}.class-attendance-ck-filter-select:focus{border-color:#2563eb;border-color:var(--class-attendance-ck-primary-blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.class-attendance-ck-filter-select:hover{border-color:#9ca3af;border-color:var(--class-attendance-ck-neutral-400)}.class-attendance-ck-filter-select:disabled{background-color:#f3f4f6;background-color:var(--class-attendance-ck-neutral-100);color:#6b7280;color:var(--class-attendance-ck-neutral-500);cursor:not-allowed}.class-attendance-ck-search-section{display:flex;flex-direction:column;gap:1rem}.class-attendance-ck-search-wrapper{max-width:500px;position:relative;width:100%}.class-attendance-ck-search-input{background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--class-attendance-ck-neutral-300);border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);color:#1f2937;color:var(--class-attendance-ck-neutral-800);font-size:.875rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-fast);width:100%}.class-attendance-ck-search-input:focus{border-color:#2563eb;border-color:var(--class-attendance-ck-primary-blue);box-shadow:0 0 0 3px #2563eb1a}.class-attendance-ck-search-input:hover{border-color:#9ca3af;border-color:var(--class-attendance-ck-neutral-400)}.class-attendance-ck-search-icon,.class-attendance-ck-search-input::placeholder{color:#6b7280;color:var(--class-attendance-ck-neutral-500)}.class-attendance-ck-search-icon{height:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.class-attendance-ck-suggestion-list{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--class-attendance-ck-shadow-lg);left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:calc(100% + .25rem);z-index:50}.class-attendance-ck-suggestion-item{border:1px solid #0000;border-radius:.375rem;border-radius:var(--class-attendance-ck-radius-sm);cursor:pointer;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-fast)}.class-attendance-ck-suggestion-item:hover{background:#f9fafb;background:var(--class-attendance-ck-neutral-50);border-color:#e5e7eb;border-color:var(--class-attendance-ck-neutral-200)}.class-attendance-ck-suggestion-name{color:#1f2937;color:var(--class-attendance-ck-neutral-800);font-weight:500;margin-bottom:.125rem}.class-attendance-ck-suggestion-details{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.75rem}.class-attendance-ck-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.class-attendance-ck-btn{align-items:center;border:1.5px solid #0000;border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.25;outline:none;padding:.625rem 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-fast);white-space:nowrap}.class-attendance-ck-btn:hover{transform:translateY(-1px)}.class-attendance-ck-btn:active{transform:translateY(0)}.class-attendance-ck-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.class-attendance-ck-btn svg{height:1rem;width:1rem}.class-attendance-ck-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--class-attendance-ck-primary-blue) 0,var(--class-attendance-ck-primary-blue-light) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--class-attendance-ck-shadow-md);color:#fff}.class-attendance-ck-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);background:linear-gradient(135deg,var(--class-attendance-ck-primary-blue-dark) 0,var(--class-attendance-ck-primary-blue) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--class-attendance-ck-shadow-lg)}.class-attendance-ck-btn-primary:focus{box-shadow:0 0 0 3px #2563eb4d,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px #2563eb4d,var(--class-attendance-ck-shadow-md)}.class-attendance-ck-btn-secondary{background:#fff;border-color:#d1d5db;border-color:var(--class-attendance-ck-neutral-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);color:#374151;color:var(--class-attendance-ck-neutral-700)}.class-attendance-ck-btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--class-attendance-ck-neutral-50);border-color:#9ca3af;border-color:var(--class-attendance-ck-neutral-400)}.class-attendance-ck-btn-secondary:hover:not(:disabled),.class-attendance-ck-btn-warning{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--class-attendance-ck-shadow-md)}.class-attendance-ck-btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--class-attendance-ck-status-warning) 0,#fbbf24 100%);color:#fff}.class-attendance-ck-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#f59e0b);background:linear-gradient(135deg,#d97706 0,var(--class-attendance-ck-status-warning) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--class-attendance-ck-shadow-lg)}.class-attendance-ck-btn-danger{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--class-attendance-ck-status-danger) 0,#f87171 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--class-attendance-ck-shadow-md);color:#fff}.class-attendance-ck-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#ef4444);background:linear-gradient(135deg,#dc2626 0,var(--class-attendance-ck-status-danger) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--class-attendance-ck-shadow-lg)}.class-attendance-ck-selected-indicator{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);display:flex;gap:.5rem;margin-left:auto;padding:.625rem 1rem}.class-attendance-ck-selected-icon{color:#10b981;color:var(--class-attendance-ck-status-success);height:1rem;width:1rem}.class-attendance-ck-selected-text{color:#1f2937;color:var(--class-attendance-ck-neutral-800);font-size:.875rem;font-weight:600}.class-attendance-ck-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.class-attendance-ck-loading-spinner{animation:class-attendance-ck-slideUp .3s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:1rem;border-radius:var(--class-attendance-ck-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--class-attendance-ck-shadow-xl);padding:3rem;text-align:center}.class-attendance-ck-loading-spinner svg{animation:class-attendance-ck-pulse 2s ease-in-out infinite;color:#2563eb;color:var(--class-attendance-ck-primary-blue);margin-bottom:1rem}.class-attendance-ck-loading-spinner p{color:#374151;color:var(--class-attendance-ck-neutral-700);font-size:1rem;font-weight:500}@keyframes class-attendance-ck-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes class-attendance-ck-pulse{0%,to{opacity:1}50%{opacity:.5}}.class-attendance-ck-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:.75rem;border-radius:var(--class-attendance-ck-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);margin-bottom:2rem;overflow:hidden}.class-attendance-ck-table-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);background:linear-gradient(to right,var(--class-attendance-ck-neutral-50),#fff);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--class-attendance-ck-neutral-100);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem}.class-attendance-ck-table-header h3{align-items:center;color:#111827;color:var(--class-attendance-ck-neutral-900);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0}.class-attendance-ck-table-header h3 svg{color:#2563eb;color:var(--class-attendance-ck-primary-blue);height:1.25rem;width:1.25rem}.class-attendance-ck-table-count{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.875rem;font-weight:400;margin-left:.5rem}.class-attendance-ck-select-all-container{align-items:center;display:flex;gap:.5rem}.class-attendance-ck-select-all-text{color:#374151;color:var(--class-attendance-ck-neutral-700);font-size:.875rem;font-weight:500}.class-attendance-ck-table-responsive{overflow-x:auto;padding:0 1.25rem}.class-attendance-ck-attendance-table{border-collapse:initial;border-spacing:0;margin:1rem 0;min-width:1100px;table-layout:fixed;width:100%}.class-attendance-ck-attendance-table thead{background:linear-gradient(90deg,#f9fafb,#f8fafc);background:linear-gradient(to right,var(--class-attendance-ck-neutral-50),#f8fafc);position:sticky;top:0;z-index:10}.class-attendance-ck-attendance-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--class-attendance-ck-neutral-200);color:#374151;color:var(--class-attendance-ck-neutral-700);font-size:.75rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:1rem;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.class-attendance-ck-checkbox-column{max-width:60px;min-width:60px;width:60px!important}.class-attendance-ck-col-id{max-width:120px;min-width:120px;width:120px!important}.class-attendance-ck-col-father,.class-attendance-ck-col-name{max-width:180px;min-width:180px;width:180px!important}.class-attendance-ck-col-section{word-wrap:break-word;white-space:normal}.class-attendance-ck-col-class,.class-attendance-ck-col-section{max-width:120px;min-width:120px;width:120px!important}.class-attendance-ck-col-mobile,.class-attendance-ck-col-status{max-width:140px;min-width:140px;width:140px!important}.class-attendance-ck-attendance-table td{word-wrap:break-word;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--class-attendance-ck-neutral-100);color:#1f2937;color:var(--class-attendance-ck-neutral-800);font-size:.875rem;overflow:hidden;padding:1rem;text-overflow:ellipsis;vertical-align:middle}.class-attendance-ck-attendance-table tbody tr,.class-attendance-ck-attendance-table td{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-fast)}.class-attendance-ck-attendance-table tbody tr:hover{background:linear-gradient(90deg,#f0f9ff,#e0f2fe)}.class-attendance-ck-attendance-table tbody tr.class-attendance-ck-row-selected{background:linear-gradient(90deg,#f0fdf4,#dcfce7)!important}.class-attendance-ck-attendance-table tbody tr.class-attendance-ck-row-selected td:first-child{position:relative}.class-attendance-ck-attendance-table tbody tr.class-attendance-ck-row-selected td:first-child:before{background:linear-gradient(180deg,#10b981,#34d399);background:linear-gradient(to bottom,var(--class-attendance-ck-status-success),#34d399);bottom:0;content:"";left:0;position:absolute;top:0;width:4px;z-index:1}.class-attendance-ck-table-checkbox{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #9ca3af;border:1.5px solid var(--class-attendance-ck-neutral-400);border-radius:.375rem;border-radius:var(--class-attendance-ck-radius-sm);cursor:pointer;height:1.125rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--class-attendance-ck-transition-fast);width:1.125rem}.class-attendance-ck-table-checkbox:checked{background:#2563eb;background:var(--class-attendance-ck-primary-blue);border-color:#2563eb;border-color:var(--class-attendance-ck-primary-blue)}.class-attendance-ck-table-checkbox:checked:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.class-attendance-ck-table-checkbox:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.class-attendance-ck-table-checkbox:hover:not(:disabled){border-color:#2563eb;border-color:var(--class-attendance-ck-primary-blue)}.class-attendance-ck-student-id-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border:1px solid var(--class-attendance-ck-neutral-300);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full);color:#374151;color:var(--class-attendance-ck-neutral-700);display:inline-block;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;max-width:100%;overflow:hidden;padding:.25rem .75rem;text-overflow:ellipsis;white-space:nowrap}.class-attendance-ck-student-name{color:#111827;color:var(--class-attendance-ck-neutral-900);display:flex;gap:.5rem}.class-attendance-ck-section-badge,.class-attendance-ck-student-name{align-items:center;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-attendance-ck-section-badge{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full);color:#0369a1;letter-spacing:.025em;padding:.25rem .75rem}.class-attendance-ck-family-status,.class-attendance-ck-section-badge{display:inline-flex;font-size:.75rem;justify-content:center;text-transform:uppercase}.class-attendance-ck-family-status{align-items:center;border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);color:#000;font-weight:600;letter-spacing:.05em;max-width:100%;overflow:hidden;padding:.375rem .75rem;text-overflow:ellipsis;white-space:nowrap}.class-attendance-ck-family-status.rich{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.class-attendance-ck-family-status.middle{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.class-attendance-ck-family-status.poor{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.class-attendance-ck-sections-container{padding:1.25rem}.class-attendance-ck-section-group{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--class-attendance-ck-neutral-200);border-radius:.75rem;border-radius:var(--class-attendance-ck-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);margin-bottom:1.5rem;overflow:hidden}.class-attendance-ck-section-group:last-child{margin-bottom:0}.class-attendance-ck-section-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#f8fafc);background:linear-gradient(to right,var(--class-attendance-ck-neutral-50),#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--class-attendance-ck-neutral-200);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.class-attendance-ck-section-title{align-items:center;color:#111827;color:var(--class-attendance-ck-neutral-900);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0}.class-attendance-ck-section-title svg{color:#0d9488;color:var(--class-attendance-ck-secondary-teal);height:1rem;width:1rem}.class-attendance-ck-section-count{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.875rem;font-weight:400;margin-left:.5rem}.class-attendance-ck-section-select-all{align-items:center;color:#374151;color:var(--class-attendance-ck-neutral-700);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.class-attendance-ck-section-table-wrapper{overflow-x:auto;padding:0 1.25rem}.class-attendance-ck-empty-section{color:#6b7280;color:var(--class-attendance-ck-neutral-500);font-size:.875rem;padding:2rem;text-align:center}.class-attendance-ck-empty-state{background:linear-gradient(180deg,#f9fafb,#fff);background:linear-gradient(to bottom,var(--class-attendance-ck-neutral-50),#fff);padding:3rem 2rem;text-align:center}.class-attendance-ck-empty-state-icon{color:#9ca3af;color:var(--class-attendance-ck-neutral-400);height:3rem;margin-bottom:1.5rem;opacity:.5;width:3rem}.class-attendance-ck-empty-state h3{color:#374151;color:var(--class-attendance-ck-neutral-700);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.class-attendance-ck-empty-state p{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.875rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.class-attendance-ck-table-footer{background:linear-gradient(90deg,#f9fafb,#fff);background:linear-gradient(to right,var(--class-attendance-ck-neutral-50),#fff);border-top:1px solid #f3f4f6;border-top:1px solid var(--class-attendance-ck-neutral-100);padding:1rem 1.25rem}.class-attendance-ck-footer-text{align-items:center;color:#4b5563;color:var(--class-attendance-ck-neutral-600);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.class-attendance-ck-footer-text svg{color:#0d9488;color:var(--class-attendance-ck-secondary-teal);height:.875rem;width:.875rem}.class-attendance-ck-footer-hint{color:#6b7280;color:var(--class-attendance-ck-neutral-500);font-size:.75rem;font-style:italic;line-height:1.5}.class-attendance-ck-modal-overlay{align-items:center;animation:class-attendance-ck-modal-fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:10000}.class-attendance-ck-modal{animation:class-attendance-ck-modal-slideUp .3s ease forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;transform:scale(.95);width:85vw}.class-attendance-ck-modal-header{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--class-attendance-ck-primary-blue) 0,var(--class-attendance-ck-secondary-purple) 100%);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.class-attendance-ck-modal-title{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.class-attendance-ck-modal-title svg{color:#fff}.class-attendance-ck-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.class-attendance-ck-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.class-attendance-ck-modal-content{flex:1 1;overflow:auto;padding:0}.class-attendance-ck-modal-table-container{max-height:calc(85vh - 180px);overflow-x:auto;overflow-y:auto;width:100%}.class-attendance-ck-modal-table{border-collapse:collapse;min-width:800px;width:100%}.class-attendance-ck-modal-table thead{background:linear-gradient(90deg,#f8fafc,#f1f5f9);position:sticky;top:0;z-index:10}.class-attendance-ck-modal-table th{background:inherit;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--class-attendance-ck-neutral-200);color:#374151;color:var(--class-attendance-ck-neutral-700);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.class-attendance-ck-modal-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--class-attendance-ck-neutral-100);color:#1f2937;color:var(--class-attendance-ck-neutral-800);font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.class-attendance-ck-modal-table tbody tr{position:relative;transition:all .2s ease}.class-attendance-ck-modal-table tbody tr:hover{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);transform:translateX(4px)}.class-attendance-ck-modal-table tbody tr:last-child td{border-bottom:none}.class-attendance-ck-modal-footer{align-items:center;background:#f9fafb;background:var(--class-attendance-ck-neutral-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--class-attendance-ck-neutral-200);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2rem}.class-attendance-ck-modal-summary{align-items:center;display:flex;gap:2rem}.class-attendance-ck-summary-item{display:flex;flex-direction:column;gap:.25rem}.class-attendance-ck-summary-label{color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.class-attendance-ck-summary-value{color:#1f2937;color:var(--class-attendance-ck-neutral-800);font-size:1rem;font-weight:600}.class-attendance-ck-modal-actions{display:flex;gap:.75rem}.class-attendance-ck-modal-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;transition:all .2s ease}.class-attendance-ck-modal-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--class-attendance-ck-primary-blue) 0,var(--class-attendance-ck-primary-blue-light) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--class-attendance-ck-shadow-md);color:#fff}.class-attendance-ck-modal-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);background:linear-gradient(135deg,var(--class-attendance-ck-primary-blue-dark) 0,var(--class-attendance-ck-primary-blue) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--class-attendance-ck-shadow-lg);transform:translateY(-1px)}.class-attendance-ck-modal-btn-secondary{background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--class-attendance-ck-neutral-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--class-attendance-ck-shadow-sm);color:#374151;color:var(--class-attendance-ck-neutral-700)}.class-attendance-ck-modal-btn-secondary:hover{background:#f9fafb;background:var(--class-attendance-ck-neutral-50);border-color:#9ca3af;border-color:var(--class-attendance-ck-neutral-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--class-attendance-ck-shadow-md)}.class-attendance-ck-mark-present-btn{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--class-attendance-ck-status-success) 0,#34d399 100%);border:none;border-radius:.5rem;border-radius:var(--class-attendance-ck-radius-md);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.class-attendance-ck-mark-present-btn:hover{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,#059669 0,var(--class-attendance-ck-status-success) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--class-attendance-ck-shadow-md);transform:translateY(-1px)}.class-attendance-ck-mark-present-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.class-attendance-ck-modal-section-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);background:linear-gradient(to right,var(--class-attendance-ck-neutral-50),#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--class-attendance-ck-neutral-200);display:flex;justify-content:space-between;padding:1rem 1.25rem;position:sticky;top:0;z-index:5}.class-attendance-ck-modal-section-title{align-items:center;color:#111827;color:var(--class-attendance-ck-neutral-900);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.class-attendance-ck-modal-section-count{background:#f3f4f6;background:var(--class-attendance-ck-neutral-100);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full);color:#4b5563;color:var(--class-attendance-ck-neutral-600);font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .625rem}@keyframes class-attendance-ck-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes class-attendance-ck-modal-slideUp{0%{transform:scale(.95) translateY(20px)}to{transform:scale(1) translateY(0)}}@media (max-width:1200px){.class-attendance-ck-modal{max-width:90vw;width:90vw}}@media (max-width:1024px){.class-attendance-ck-header{align-items:stretch;flex-direction:column}.class-attendance-ck-header-actions{justify-content:flex-start}.class-attendance-ck-stats-overview{grid-template-columns:repeat(2,1fr)}.class-attendance-ck-filter-section{align-items:stretch;flex-direction:column}.class-attendance-ck-filter-group{min-width:100%}.class-attendance-ck-modal{max-width:95vw;width:95vw}.class-attendance-ck-modal-summary{flex-direction:column;gap:1rem}}@media (max-width:768px){.class-attendance-ck-header{padding:1.25rem}.class-attendance-ck-stats-overview{grid-template-columns:1fr}.class-attendance-ck-action-buttons{align-items:stretch;flex-direction:column}.class-attendance-ck-btn{width:100%}.class-attendance-ck-selected-indicator{justify-content:center;margin-left:0;margin-top:.5rem}.class-attendance-ck-section-header,.class-attendance-ck-table-header{align-items:flex-start;flex-direction:column}.class-attendance-ck-attendance-table{font-size:.75rem;min-width:1000px}.class-attendance-ck-attendance-table td,.class-attendance-ck-attendance-table th{padding:.75rem .5rem}.class-attendance-ck-col-father,.class-attendance-ck-col-name{max-width:150px;min-width:150px;width:150px!important}.class-attendance-ck-col-section{max-width:100px;min-width:100px;width:100px!important}.class-attendance-ck-modal{border-radius:12px;margin:1rem}.class-attendance-ck-modal-header{padding:1rem 1.25rem}.class-attendance-ck-modal-footer{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.class-attendance-ck-modal-actions{flex-direction:column}.class-attendance-ck-modal-btn{justify-content:center;width:100%}}@media (max-width:640px){.class-attendance-ck-control-panel{padding:1rem}.class-attendance-ck-section-table-wrapper,.class-attendance-ck-table-responsive{padding:0 .75rem}.class-attendance-ck-sections-container{padding:.75rem}.class-attendance-ck-stat-card{min-height:120px}}.class-attendance-ck-section-table-wrapper::-webkit-scrollbar,.class-attendance-ck-table-responsive::-webkit-scrollbar{height:8px}.class-attendance-ck-section-table-wrapper::-webkit-scrollbar-track,.class-attendance-ck-table-responsive::-webkit-scrollbar-track{background:#f3f4f6;background:var(--class-attendance-ck-neutral-100);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full)}.class-attendance-ck-section-table-wrapper::-webkit-scrollbar-thumb,.class-attendance-ck-table-responsive::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--class-attendance-ck-neutral-400);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full)}.class-attendance-ck-section-table-wrapper::-webkit-scrollbar-thumb:hover,.class-attendance-ck-table-responsive::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--class-attendance-ck-neutral-500)}.class-attendance-ck-modal-content::-webkit-scrollbar{width:8px}.class-attendance-ck-modal-content::-webkit-scrollbar-track{background:#f3f4f6;background:var(--class-attendance-ck-neutral-100);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full)}.class-attendance-ck-modal-content::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--class-attendance-ck-neutral-400);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full)}.class-attendance-ck-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--class-attendance-ck-neutral-500)}.class-attendance-ck-modal-table-container::-webkit-scrollbar{height:8px}.class-attendance-ck-modal-table-container::-webkit-scrollbar-track{background:#f3f4f6;background:var(--class-attendance-ck-neutral-100);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full)}.class-attendance-ck-modal-table-container::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--class-attendance-ck-neutral-400);border-radius:9999px;border-radius:var(--class-attendance-ck-radius-full)}.class-attendance-ck-modal-table-container::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--class-attendance-ck-neutral-500)}@media print{.class-attendance-ck-btn-warning,.class-attendance-ck-control-panel,.class-attendance-ck-header,.class-attendance-ck-selected-indicator,.class-attendance-ck-stats-overview,.class-attendance-ck-table-footer{display:none}.class-attendance-ck-table-container{border:none;box-shadow:none}.class-attendance-ck-attendance-table,.class-attendance-ck-attendance-table tr{break-inside:avoid;page-break-inside:avoid}}.attendance-records-family-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:60px;padding:4px 8px;text-align:center;text-transform:uppercase}.attendance-records-family-status-badge.rich{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.attendance-records-family-status-badge.middle{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.attendance-records-family-status-badge.poor{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}.attendance-records-family-status-badge.solo{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.attendance-records-family-status-badge.unknown{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.attendance-records-family-status-badge.n-a{background-color:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}:root{--mct-primary-purple:#6a11cb;--mct-primary-blue:#2575fc;--mct-secondary-blue:#36d1dc;--mct-accent-green:#00b09b;--mct-accent-yellow:#96c93d;--mct-accent-orange:#f7971e;--mct-accent-red:#ff416c;--mct-white:#fff;--mct-light-bg:#f8f9ff;--mct-light-gray:#f0f0f0;--mct-gray-100:#f5f7fa;--mct-gray-200:#e0e5ff;--mct-gray-300:#cbd2e0;--mct-gray-600:#666;--mct-gray-700:#4a5568;--mct-gray-900:#1a1a2e;--mct-pastel-blue:#e6f2ff;--mct-pastel-lavender:#f0ebff;--mct-pastel-mint:#e6fff2;--mct-pastel-coral:#ffe6e6;--mct-pastel-peach:#fff0e6;--mct-pastel-aqua:#e6ffff;--mct-pastel-lilac:#f2e6ff;--mct-pastel-sunshine:#fffae6;--mct-pastel-rose:#ffe6f2;--mct-pastel-sky:#e6f7ff;--mct-pastel-lime:#f2ffe6;--mct-pastel-sand:#fff5e6;--mct-shadow-sm:0 2px 8px #0000000d;--mct-shadow-md:0 4px 20px #00000014;--mct-shadow-lg:0 8px 30px #0000001f;--mct-shadow-xl:0 20px 40px #00000026;--mct-radius-sm:8px;--mct-radius-md:12px;--mct-radius-lg:16px;--mct-radius-xl:20px;--mct-radius-2xl:24px;--mct-transition-standard:all 0.3s cubic-bezier(0.4,0,0.2,1);--mct-transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1)}.manage-class-tests-screen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.manage-class-tests-dashboard-wrapper{display:flex;min-height:100vh}.manage-class-tests-main-content{background:#f8f9ff;background:var(--mct-light-bg);display:flex;flex:1 1;flex-direction:column;margin-left:18%;min-height:100vh;overflow-x:hidden;padding:2rem 3rem;position:relative;width:75%}.manage-class-tests-content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-top:1rem;position:relative;z-index:2}.manage-class-tests-header-left{flex:1 1}.manage-class-tests-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--mct-primary-purple) 0,var(--mct-primary-blue) 100%);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;color:var(--mct-gray-900);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem}.manage-class-tests-subtitle{color:#666;color:var(--mct-gray-600);font-size:1.125rem;font-weight:400;line-height:1.6;margin:0;max-width:600px}.manage-class-tests-header-actions{align-items:center;display:flex;gap:1rem}.manage-class-tests-action-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--mct-radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard);white-space:nowrap}.manage-class-tests-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.manage-class-tests-action-btn:hover:before{left:100%}.manage-class-tests-primary-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--mct-primary-purple) 0,var(--mct-primary-blue) 100%);box-shadow:0 4px 15px #6a11cb33;color:#fff;color:var(--mct-white)}.manage-class-tests-primary-btn:hover{box-shadow:0 8px 25px #6a11cb4d;transform:translateY(-2px)}.manage-class-tests-secondary-btn{background:#fff;background:var(--mct-white);border:1px solid #e0e5ff;border:1px solid var(--mct-gray-200);box-shadow:0 2px 8px #0000000d;box-shadow:var(--mct-shadow-sm);color:#6a11cb;color:var(--mct-primary-purple)}.manage-class-tests-secondary-btn:hover{background:#f5f7fa;background:var(--mct-gray-100);box-shadow:0 4px 15px #6a11cb26;transform:translateY(-2px)}.manage-class-tests-success-btn{background:linear-gradient(135deg,#00b09b,#96c93d);background:linear-gradient(135deg,var(--mct-accent-green) 0,var(--mct-accent-yellow) 100%);box-shadow:0 4px 15px #00b09b33;color:#fff;color:var(--mct-white)}.manage-class-tests-success-btn:hover{box-shadow:0 8px 25px #00b09b4d;transform:translateY(-2px)}.manage-class-tests-btn-icon{font-size:1.125rem}.manage-class-tests-btn-text{font-weight:600}.manage-class-tests-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem;position:relative;z-index:2}.manage-class-tests-stat-card{align-items:center;background:#fff;background:var(--mct-white);border:1px solid #0000;border-radius:16px;border-radius:var(--mct-radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--mct-shadow-md);display:flex;gap:1.25rem;height:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-smooth)}.manage-class-tests-stat-card:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--mct-shadow-lg);transform:translateY(-4px)}.manage-class-tests-stat-gradient-purple{border-left:4px solid #6a11cb;border-left:4px solid var(--mct-primary-purple)}.manage-class-tests-stat-gradient-blue{border-left:4px solid #36d1dc;border-left:4px solid var(--mct-secondary-blue)}.manage-class-tests-stat-gradient-green{border-left:4px solid #00b09b;border-left:4px solid var(--mct-accent-green)}.manage-class-tests-stat-gradient-orange{border-left:4px solid #f7971e;border-left:4px solid var(--mct-accent-orange)}.manage-class-tests-stat-icon{align-items:center;background:#fff;background:var(--mct-white);border-radius:12px;border-radius:var(--mct-radius-md);box-shadow:0 2px 8px #0000000d;box-shadow:var(--mct-shadow-sm);display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;width:64px}.manage-class-tests-stat-gradient-purple .manage-class-tests-stat-icon{background:linear-gradient(135deg,#6a11cb1a,#2575fc1a);color:#6a11cb;color:var(--mct-primary-purple)}.manage-class-tests-stat-gradient-blue .manage-class-tests-stat-icon{background:linear-gradient(135deg,#36d1dc1a,#5b86e51a);color:#36d1dc;color:var(--mct-secondary-blue)}.manage-class-tests-stat-gradient-green .manage-class-tests-stat-icon{background:linear-gradient(135deg,#00b09b1a,#96c93d1a);color:#00b09b;color:var(--mct-accent-green)}.manage-class-tests-stat-gradient-orange .manage-class-tests-stat-icon{background:linear-gradient(135deg,#f7971e1a,#ffd2001a);color:#f7971e;color:var(--mct-accent-orange)}.manage-class-tests-stat-content{flex:1 1}.manage-class-tests-stat-value{color:#1a1a2e;color:var(--mct-gray-900);font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.25rem}.manage-class-tests-stat-label{color:#666;color:var(--mct-gray-600);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.manage-class-tests-search-filter-section{background:#fff;background:var(--mct-white);border:1px solid #f0f0f0;border:1px solid var(--mct-light-gray);border-radius:16px;border-radius:var(--mct-radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--mct-shadow-md);margin-bottom:2.5rem;padding:1.5rem;position:relative;z-index:2}.manage-class-tests-search-container{display:flex;flex-direction:column;gap:1.25rem}.manage-class-tests-search-wrapper{align-items:center;background:#f5f7fa;background:var(--mct-gray-100);border:2px solid #e0e5ff;border:2px solid var(--mct-gray-200);border-radius:12px;border-radius:var(--mct-radius-md);display:flex;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard)}.manage-class-tests-search-wrapper:focus-within{background:#fff;background:var(--mct-white);border-color:#6a11cb;border-color:var(--mct-primary-purple);box-shadow:0 0 0 4px #6a11cb1a}.manage-class-tests-search-icon-wrapper{align-items:center;color:#6a11cb;color:var(--mct-primary-purple);display:flex;justify-content:center;padding:0 1rem}.manage-class-tests-search-icon{height:20px;width:20px}.manage-class-tests-search-input{background:#0000;border:none;color:#1a1a2e;color:var(--mct-gray-900);flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:500;outline:none;padding:1rem 0}.manage-class-tests-search-input::placeholder{color:#666;color:var(--mct-gray-600);font-weight:400}.manage-class-tests-clear-search{background:none;border:none;color:#666;color:var(--mct-gray-600);cursor:pointer;font-size:1.125rem;line-height:1;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease}.manage-class-tests-clear-search:hover{color:#ff416c;color:var(--mct-accent-red)}.manage-class-tests-filter-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.manage-class-tests-filter-btn{align-items:center;background:#f5f7fa;background:var(--mct-gray-100);border:1px solid #e0e5ff;border:1px solid var(--mct-gray-200);border-radius:8px;border-radius:var(--mct-radius-sm);color:#666;color:var(--mct-gray-600);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard);white-space:nowrap}.manage-class-tests-filter-btn:hover{background:#e0e5ff;background:var(--mct-gray-200);border-color:#6a11cb;border-color:var(--mct-primary-purple);color:#6a11cb;color:var(--mct-primary-purple)}.manage-class-tests-filter-btn-active{background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--mct-primary-purple) 0,var(--mct-primary-blue) 100%);border-color:#0000;color:#fff;color:var(--mct-white)}.manage-class-tests-filter-icon,.manage-class-tests-sort-icon{font-size:1rem}.manage-class-tests-sort-dropdown{margin-left:auto}.manage-class-tests-sort-btn{align-items:center;background:#fff;background:var(--mct-white);border:1px solid #e0e5ff;border:1px solid var(--mct-gray-200);border-radius:8px;border-radius:var(--mct-radius-sm);color:#666;color:var(--mct-gray-600);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard)}.manage-class-tests-sort-btn:hover{background:#f5f7fa;background:var(--mct-gray-100);border-color:#6a11cb;border-color:var(--mct-primary-purple);color:#6a11cb;color:var(--mct-primary-purple)}.manage-class-tests-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:2}.manage-class-tests-section-title{color:#1a1a2e;color:var(--mct-gray-900);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.manage-class-tests-view-options{align-items:center;background:#f5f7fa;background:var(--mct-gray-100);border-radius:8px;border-radius:var(--mct-radius-sm);display:flex;gap:.5rem;padding:.25rem}.manage-class-tests-view-label{color:#666;color:var(--mct-gray-600);font-size:.875rem;padding:0 .75rem}.manage-class-tests-view-option{background:#0000;border:none;border-radius:6px;border-radius:calc(var(--mct-radius-sm) - 2px);color:#666;color:var(--mct-gray-600);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard);white-space:nowrap}.manage-class-tests-view-option-active{background:#fff;background:var(--mct-white);box-shadow:0 2px 8px #0000000d;box-shadow:var(--mct-shadow-sm);color:#6a11cb;color:var(--mct-primary-purple)}.manage-class-tests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2.5rem;position:relative;z-index:2}.manage-class-tests-card{background:#fff;background:var(--mct-white);border:1px solid #f0f0f0;border:1px solid var(--mct-light-gray);border-radius:20px;border-radius:var(--mct-radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--mct-shadow-md);cursor:pointer;display:flex;flex-direction:column;height:380px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-smooth)}.manage-class-tests-card:hover{box-shadow:0 20px 40px #00000026;box-shadow:var(--mct-shadow-xl);transform:translateY(-8px)}.manage-class-tests-card:before{background:linear-gradient(90deg,#6a11cb,#2575fc);background:linear-gradient(90deg,var(--mct-primary-purple),var(--mct-primary-blue));content:"";height:4px;left:0;position:absolute;right:0;top:0}.manage-class-tests-card-pastel-blue .manage-class-tests-card-header{background:#e6f2ff;background:var(--mct-pastel-blue)}.manage-class-tests-card-pastel-lavender .manage-class-tests-card-header{background:#f0ebff;background:var(--mct-pastel-lavender)}.manage-class-tests-card-pastel-mint .manage-class-tests-card-header{background:#e6fff2;background:var(--mct-pastel-mint)}.manage-class-tests-card-pastel-coral .manage-class-tests-card-header{background:#ffe6e6;background:var(--mct-pastel-coral)}.manage-class-tests-card-pastel-peach .manage-class-tests-card-header{background:#fff0e6;background:var(--mct-pastel-peach)}.manage-class-tests-card-pastel-aqua .manage-class-tests-card-header{background:#e6ffff;background:var(--mct-pastel-aqua)}.manage-class-tests-card-pastel-lilac .manage-class-tests-card-header{background:#f2e6ff;background:var(--mct-pastel-lilac)}.manage-class-tests-card-pastel-sunshine .manage-class-tests-card-header{background:#fffae6;background:var(--mct-pastel-sunshine)}.manage-class-tests-card-pastel-rose .manage-class-tests-card-header{background:#ffe6f2;background:var(--mct-pastel-rose)}.manage-class-tests-card-pastel-sky .manage-class-tests-card-header{background:#e6f7ff;background:var(--mct-pastel-sky)}.manage-class-tests-card-pastel-lime .manage-class-tests-card-header{background:#f2ffe6;background:var(--mct-pastel-lime)}.manage-class-tests-card-pastel-sand .manage-class-tests-card-header{background:#fff5e6;background:var(--mct-pastel-sand)}.manage-class-tests-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--mct-light-gray);display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard)}.manage-class-tests-image-container{flex-shrink:0;position:relative}.manage-class-tests-image{background:#fffc;border:3px solid #fff;border:3px solid var(--mct-white);border-radius:16px;border-radius:var(--mct-radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--mct-shadow-sm);height:90px;object-fit:contain;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard);width:90px}.manage-class-tests-card:hover .manage-class-tests-image{transform:scale(1.05) rotate(2deg)}.manage-class-tests-badge{border-radius:20px;bottom:-12px;box-shadow:0 2px 8px #0003;color:#fff;color:var(--mct-white);font-size:.75rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.manage-class-tests-class-info{flex:1 1;min-width:0}.manage-class-tests-class-name{color:#1a1a2e;color:var(--mct-gray-900);font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-class-tests-class-meta{display:flex;gap:1.5rem}.manage-class-tests-meta-item{align-items:center;display:flex;gap:.75rem}.manage-class-tests-meta-icon{align-items:center;background:#6a11cb1a;border-radius:8px;border-radius:var(--mct-radius-sm);color:#6a11cb;color:var(--mct-primary-purple);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.manage-class-tests-meta-content{display:flex;flex-direction:column}.manage-class-tests-meta-value{color:#1a1a2e;color:var(--mct-gray-900);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.manage-class-tests-meta-label{color:#666;color:var(--mct-gray-600);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.manage-class-tests-card-body{flex:1 1;padding:1.5rem}.manage-class-tests-progress-section{display:flex;flex-direction:column;height:100%}.manage-class-tests-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.manage-class-tests-progress-label{color:#666;color:var(--mct-gray-600);font-size:.875rem;font-weight:500}.manage-class-tests-progress-value{color:#6a11cb;color:var(--mct-primary-purple);font-size:1.125rem;font-weight:700}.manage-class-tests-progress-bar{background:#f5f7fa;background:var(--mct-gray-100);border-radius:5px;height:10px;margin-bottom:.75rem;overflow:hidden}.manage-class-tests-progress-fill{border-radius:5px;height:100%;transition:width .8s ease}.manage-class-tests-progress-stats{display:flex;justify-content:space-between;margin-top:auto}.manage-class-tests-progress-stat,.manage-class-tests-progress-stats{color:#666;color:var(--mct-gray-600);font-size:.75rem}.manage-class-tests-card-footer{background:#f5f7fa;background:var(--mct-gray-100);border-radius:0 0 20px 20px;border-radius:0 0 var(--mct-radius-xl) var(--mct-radius-xl);border-top:1px solid #f0f0f0;border-top:1px solid var(--mct-light-gray);padding:1rem 1.5rem}.manage-class-tests-footer-actions{display:flex;gap:.75rem}.manage-class-tests-footer-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--mct-radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-standard);white-space:nowrap}.manage-class-tests-footer-view-btn{background:#fff;background:var(--mct-white);border:1px solid #e0e5ff;border:1px solid var(--mct-gray-200);color:#6a11cb;color:var(--mct-primary-purple)}.manage-class-tests-footer-view-btn:hover{background:#6a11cb;background:var(--mct-primary-purple);border-color:#6a11cb;border-color:var(--mct-primary-purple);color:#fff;color:var(--mct-white)}.manage-class-tests-footer-schedule-btn{background:linear-gradient(135deg,#00b09b,#96c93d);background:linear-gradient(135deg,var(--mct-accent-green) 0,var(--mct-accent-yellow) 100%);color:#fff;color:var(--mct-white)}.manage-class-tests-footer-schedule-btn:hover{box-shadow:0 4px 12px #00b09b4d;transform:translateY(-2px)}.manage-class-tests-footer-btn-text{font-weight:600}.manage-class-tests-footer-arrow-icon{font-weight:700;transition:transform .3s ease}.manage-class-tests-footer-view-btn:hover .manage-class-tests-footer-arrow-icon{transform:translateX(4px)}.manage-class-tests-bulk-actions{background:#fff;background:var(--mct-white);border:1px solid #f0f0f0;border:1px solid var(--mct-light-gray);border-radius:20px;border-radius:var(--mct-radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--mct-shadow-md);margin-top:auto;padding:2rem;position:relative;z-index:2}.manage-class-tests-bulk-header{margin-bottom:2rem}.manage-class-tests-bulk-title{color:#1a1a2e;color:var(--mct-gray-900);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.manage-class-tests-bulk-description{color:#666;color:var(--mct-gray-600);font-size:.9375rem;line-height:1.5;margin:0}.manage-class-tests-bulk-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.manage-class-tests-bulk-btn{align-items:center;background:#f5f7fa;background:var(--mct-gray-100);border:2px solid #e0e5ff;border:2px solid var(--mct-gray-200);border-radius:16px;border-radius:var(--mct-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--mct-transition-smooth)}.manage-class-tests-bulk-btn:hover{background:#fff;background:var(--mct-white);border-color:#6a11cb;border-color:var(--mct-primary-purple);box-shadow:0 8px 25px #6a11cb26;transform:translateY(-4px)}.manage-class-tests-bulk-icon{align-items:center;background:#fff;background:var(--mct-white);border-radius:12px;border-radius:var(--mct-radius-md);box-shadow:0 2px 8px #0000000d;box-shadow:var(--mct-shadow-sm);display:flex;font-size:2rem;height:64px;justify-content:center;width:64px}.manage-class-tests-bulk-label{color:#1a1a2e;color:var(--mct-gray-900);font-size:1rem;font-weight:700}.manage-class-tests-bulk-subtext{color:#666;color:var(--mct-gray-600);font-size:.75rem}@media (max-width:1400px){.manage-class-tests-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.manage-class-tests-bulk-grid,.manage-class-tests-stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.manage-class-tests-main-content{margin-left:0;padding:1.5rem;width:100%}.manage-class-tests-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.manage-class-tests-content-header{flex-direction:column;gap:1.5rem}.manage-class-tests-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.manage-class-tests-action-btn{flex:1 1;min-width:200px}.manage-class-tests-grid{grid-template-columns:1fr}.manage-class-tests-card{height:auto}.manage-class-tests-filter-buttons{align-items:stretch;flex-direction:column}.manage-class-tests-sort-dropdown{margin-left:0}}@media (max-width:576px){.manage-class-tests-main-content{padding:1rem}.manage-class-tests-main-title{font-size:2rem}.manage-class-tests-stats-overview{grid-template-columns:1fr}.manage-class-tests-class-meta{flex-direction:column;gap:1rem}.manage-class-tests-footer-actions{flex-direction:column}.manage-class-tests-bulk-grid{grid-template-columns:1fr}}@keyframes manage-class-tests-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manage-class-tests-card{animation:manage-class-tests-fade-in-up .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.manage-class-tests-card:first-child{animation-delay:.1s}.manage-class-tests-card:nth-child(2){animation-delay:.2s}.manage-class-tests-card:nth-child(3){animation-delay:.3s}.manage-class-tests-card:nth-child(4){animation-delay:.4s}.manage-class-tests-card:nth-child(5){animation-delay:.5s}.manage-class-tests-card:nth-child(6){animation-delay:.6s}.manage-class-tests-card:nth-child(7){animation-delay:.7s}.manage-class-tests-card:nth-child(8){animation-delay:.8s}.manage-class-tests-card:nth-child(9){animation-delay:.9s}.manage-class-tests-card:nth-child(10){animation-delay:1s}.manage-class-tests-card:nth-child(11){animation-delay:1.1s}.manage-class-tests-card:nth-child(12){animation-delay:1.2s}.manage-class-tests-card:nth-child(13){animation-delay:1.3s}.manage-class-tests-card:nth-child(14){animation-delay:1.4s}.manage-class-tests-action-btn:focus-visible,.manage-class-tests-bulk-btn:focus-visible,.manage-class-tests-filter-btn:focus-visible,.manage-class-tests-footer-btn:focus-visible,.manage-class-tests-search-input:focus-visible,.manage-class-tests-sort-btn:focus-visible{outline:2px solid #6a11cb;outline:2px solid var(--mct-primary-purple);outline-offset:2px}.manage-class-tests-main-content::-webkit-scrollbar{width:8px}.manage-class-tests-main-content::-webkit-scrollbar-track{background:#f5f7fa;background:var(--mct-gray-100);border-radius:4px}.manage-class-tests-main-content::-webkit-scrollbar-thumb{background:#cbd2e0;background:var(--mct-gray-300);border-radius:4px}.manage-class-tests-main-content::-webkit-scrollbar-thumb:hover{background:#6a11cb;background:var(--mct-primary-purple)}@media print{.manage-class-tests-bulk-actions,.manage-class-tests-footer-actions,.manage-class-tests-header-actions,.manage-class-tests-search-filter-section{display:none!important}.manage-class-tests-card{border:1px solid #cbd2e0;border:1px solid var(--mct-gray-300);box-shadow:none;break-inside:avoid;height:auto;page-break-inside:avoid}.manage-class-tests-card:hover{transform:none}.manage-class-tests-main-content{margin-left:0;padding:0;width:100%}}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;z-index:9999}.modal-content{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;max-height:85vh;max-width:550px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;padding:24px 32px}.modal-header h2{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;font-size:2rem;height:40px;width:40px}.modal-close-btn:hover{transform:rotate(90deg)}.modal-body{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#4a5568;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#f8fafc;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.modal-footer{background-color:#f8fafc;border-radius:0 0 20px 20px;gap:16px;padding:24px 32px}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;min-width:120px;padding:14px 28px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d}.btn-primary:hover:before{left:100%}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-primary:disabled:hover:before{left:-100%}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover{background-color:#cbd5e0;box-shadow:0 5px 15px #0000001a}@media (max-width:768px){.modal-content{margin:10px;max-height:90vh;width:95%}.modal-header{padding:20px 24px}.modal-body{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.modal-footer{flex-direction:column;padding:20px 24px}.btn-primary,.btn-secondary{min-width:auto;width:100%}.modal-header h2{font-size:1.5rem}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.form-group label[for]:after{color:#e53e3e;content:" *";font-weight:700}.form-group label[for=description]:after,.form-group label[for=testTime]:after{content:""}::placeholder{color:#a0aec0;opacity:1}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid #4299e1;outline-offset:2px}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:5px solid red!important;display:flex!important;opacity:1!important;overflow-y:auto;padding:20px;visibility:visible!important;z-index:1000}.compact-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;margin:auto;max-height:85vh;max-width:500px;min-width:300px;overflow:hidden;position:relative;width:100%}.modal-header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;flex-shrink:0;gap:16px;min-height:70px;padding:20px 24px;position:relative}.modal-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:45px;justify-content:center;width:45px}.modal-title-wrapper{flex:1 1;min-width:0}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e6f0ff);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 4px}.modal-subtitle,.modal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-subtitle{font-size:13px;font-weight:500;letter-spacing:.3px;margin:0;opacity:.9}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;position:absolute;right:18px;top:18px;transition:all .3s ease;width:34px;z-index:2}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.modal-form{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.modal-form::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.modal-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.compact-grid{grid-gap:18px;gap:18px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;min-height:70px}.api-status-indicator{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;gap:16px;margin-top:16px;padding:12px}.status-dot{height:8px;width:8px}.status-badge{border-radius:12px;color:#fff;font-size:.8em;padding:2px 8px}.loading-overlay{background:#ffffffe6;position:absolute}.loading-inline{gap:8px}.empty-state,.loading-inline{align-items:center;display:flex;justify-content:center;padding:20px}.empty-state{color:#718096;gap:12px}.empty-state svg{color:#a0aec0;font-size:1.5em}.form-select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.keyboard-hint{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.keyboard-hint-small{color:#a0aec0}.form-label{align-items:center;color:#333;display:flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.label-icon{color:#6a11cb;font-size:13px;opacity:.8}.form-input,.form-select{background:#fff;border:2px solid #e0e5ff;border-radius:10px;box-sizing:border-box;color:#333;font-size:14px;min-height:44px;outline:none;padding:11px 13px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb26;transform:translateY(-1px)}.form-input::placeholder{color:#999;font-size:13px;font-weight:400}.select-wrapper{position:relative;width:100%}.form-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:40px}.select-arrow{color:#666;font-size:11px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.compact-actions{background:#fff;border-top:1px solid #f0f0f0;bottom:0;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:20px;position:sticky;z-index:1}@media (max-height:700px){.compact-modal{max-height:90vh}.modal-form{padding:20px}.compact-grid{gap:14px}.form-group{min-height:65px}.form-input,.form-select{min-height:40px;padding:10px 12px}}@media (max-height:600px){.modal-header{min-height:60px;padding:16px 20px}.modal-icon{font-size:18px;height:40px;width:40px}.modal-title{font-size:20px}.modal-form{padding:18px}.compact-grid{gap:12px}.form-label{font-size:11px}.form-input,.form-select{font-size:13px;padding:9px 11px}}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:15px}.compact-modal{margin-bottom:10px;margin-top:10px;max-height:85vh;max-width:95%}}@media (max-width:480px){.modal-overlay{padding:10px}.compact-modal{border-radius:16px;max-height:90vh}.modal-header{min-height:55px;padding:16px}.modal-icon{font-size:16px;height:36px;width:36px}.modal-title{font-size:18px}.modal-subtitle{font-size:12px}.modal-close-btn{font-size:14px;height:30px;right:16px;top:16px;width:30px}.modal-form{padding:16px}.compact-grid{gap:16px;grid-template-columns:1fr}.form-group{min-height:auto}.compact-actions{flex-direction:column;gap:10px}.compact-actions .btn{justify-content:center;width:100%}}@media (max-width:360px){.compact-modal{margin:10px;max-width:100%}.modal-header{padding:14px}.modal-title{font-size:16px}.modal-subtitle{font-size:11px}.modal-form{padding:14px}.compact-grid{gap:14px}.form-input,.form-select{font-size:13px;padding:9px 11px}}@media (min-width:769px) and (max-height:800px){.compact-modal{max-height:80vh}}@media (min-width:1024px){.compact-modal{max-width:500px}}@media (min-height:900px){.compact-modal{max-height:75vh}}.test-sheet-wrapper{width:88%}.sheet-header:before{background:linear-gradient(90deg,#6a11cb,#2575fc)}.title-icon{background:linear-gradient(135deg,#6a11cb20,#2575fc20)}.info-badge,.title-icon{color:#6a11cb}.stat-icon.total{background:linear-gradient(135deg,#6a11cb,#2575fc)}.label{color:#000}.search-input:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb26}.bulk-input,.bulk-label{color:#6a11cb}.bulk-input:focus{border-color:#6a11cb;box-shadow:0 0 0 2px #6a11cb1a}.marks-table th,.marks-table th.sticky-col{background:linear-gradient(135deg,#6a11cb,#2575fc)}.marks-table tbody tr.row-focused{box-shadow:inset 4px 0 0 #6a11cb}.marks-input,.marks-table .student-id{color:#6a11cb}.marks-input:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb33}.loading-spinner{border-top-color:#6a11cb}.progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc)}@media (max-width:320px){.compact-modal{border-radius:12px}.modal-header{min-height:50px;padding:12px}.modal-icon{height:32px;width:32px}.modal-icon,.modal-title{font-size:14px}.modal-subtitle{font-size:10px}.modal-form{padding:12px}.form-input,.form-select{font-size:12px;padding:8px 10px}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:10px;box-shadow:inset 0 0 5px #0000000d;margin:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);border:2px solid #f5f7fa;border-radius:10px;overflow:hidden;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6b4294 50%,#5a6fd8);box-shadow:0 0 10px #667eea66;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4a5cd1,#5a3887 50%,#4a5cd1);box-shadow:0 0 15px #667eea99}::-webkit-scrollbar-corner{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:0 10px 0 0}.fixed-scroll::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:14px;width:14px}.fixed-scroll::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#f5f7fae6,#e4e8f0e6);border:1px solid #fff3}.fixed-scroll::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a11cb,#2575fc 50%,#6a11cb);border:2px solid #fffc}.fixed-scroll::-webkit-scrollbar-thumb:hover,.table-scroll::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5e0db8,#1a68f5 50%,#5e0db8)}.light-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00b09b,#96c93d)}.light-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00a08a,#87c22e)}.dark-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2)}.dark-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6b4294)}*{scrollbar-color:linear-gradient(135deg,#667eea,#764ba2) linear-gradient(135deg,#f5f7fa,#e4e8f0);scrollbar-width:medium}.fixed-scroll,.table-scroll,.table-wrapper{scrollbar-color:linear-gradient(135deg,#6a11cb,#2575fc) linear-gradient(135deg,#f5f7fae6,#e4e8f0e6);scrollbar-width:medium}.light-scroll{scrollbar-color:linear-gradient(135deg,#00b09b,#96c93d) linear-gradient(135deg,#f5f7fa,#e4e8f0)}.dark-scroll{scrollbar-color:linear-gradient(135deg,#667eea,#764ba2) linear-gradient(135deg,#1a202c,#2d3748)}@keyframes scrollbarPulse{0%,to{box-shadow:0 0 0 0 #667eea66}50%{box-shadow:0 0 0 5px #667eea00}}.scrolling::-webkit-scrollbar-thumb{animation:scrollbarPulse 2s infinite}textarea::-webkit-scrollbar{width:10px}textarea::-webkit-scrollbar-track{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:8px}textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a0aec0,#718096);border:2px solid #f8fafc;border-radius:8px}textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#718096,#4a5568)}.thin-scroll::-webkit-scrollbar{height:8px;width:8px}.thin-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #f5f7fa}.thick-scroll::-webkit-scrollbar{height:16px;width:16px}.thick-scroll::-webkit-scrollbar-track{background:linear-gradient(135deg,#f5f7facc,#e4e8f0cc);border:2px solid #ffffff80}.thick-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2 33%,#667eea 66%,#764ba2);border:3px solid #f5f7fa;box-shadow:inset 0 0 10px #0000001a}.rounded-scroll::-webkit-scrollbar{width:14px}.rounded-scroll::-webkit-scrollbar-track{background:linear-gradient(135deg,#f5f7fa80,#e4e8f080);border-radius:20px}.rounded-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2 25%,#667eea 50%,#764ba2 75%,#667eea);border:2px solid #fffc;border-radius:20px}.glass-scroll::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3}.glass-scroll::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:1px solid #ffffff4d}@media (max-width:768px){::-webkit-scrollbar{height:10px;width:10px}.fixed-scroll::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:12px;width:12px}.thick-scroll::-webkit-scrollbar{height:14px;width:14px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.shadow-scroll::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #0000001a,0 3px 10px #0003}.shadow-scroll::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 5px #0000001a,0 5px 15px #0000004d}.dark-theme{scrollbar-color:linear-gradient(135deg,#667eea,#764ba2) linear-gradient(135deg,#1a202c,#2d3748);::-webkit-scrollbar-track{background:linear-gradient(135deg,#1a202c,#2d3748)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #1a202c}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6b4294)}}.purple-pink-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a11cb,#ff6ec4)}.blue-green-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.red-orange-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.teal-lime-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00b09b,#96c93d)}.gold-orange-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f7971e,#ffd200)}.rainbow-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,red,#f90 20%,#ff0 40%,#0f0 60%,#09f 80%,#63f)}.verification-result{align-items:flex-start;border-radius:8px;display:flex;gap:15px;margin:20px 0;padding:15px}.verification-result.duplicate{background-color:#fff5f5;border:1px solid #fed7d7;border-left:4px solid #e53e3e}.verification-result.unique{background-color:#f0fff4;border:1px solid #c6f6d5;border-left:4px solid #48bb78}.verification-icon{font-size:24px;margin-top:4px}.verification-result.duplicate .verification-icon{color:#e53e3e}.verification-result.unique .verification-icon{color:#48bb78}.verification-content{flex:1 1}.verification-title{font-size:1.1em;font-weight:600;margin-bottom:5px}.verification-result.duplicate .verification-title{color:#c53030}.verification-result.unique .verification-title{color:#276749}.verification-message{color:#4a5568;font-size:.95em;margin-bottom:8px}.generated-id{background:#4299e11a;border-radius:4px;color:#2d3748;display:inline-block;font-size:.9em;margin-top:8px;padding:8px 12px}.test-id-container{align-items:center;display:flex;gap:10px}.test-id-input{flex:1 1}.btn-sm{font-size:.9em;padding:8px 16px}.help-text{background-color:#f7fafc;border-left:3px solid #4299e1;border-radius:6px;margin-top:20px;padding:10px}.help-text p{color:#4a5568;font-size:.9em;margin:0}.compact-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.compact-grid .form-group:nth-child(odd):last-child{grid-column:1/-1}.compact-actions{display:flex;gap:10px;justify-content:flex-start}.compact-actions .btn{flex:1 1}.api-status-indicator{border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:15px}.api-status-item{align-items:center;display:flex;font-size:.9em;gap:8px}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.keyboard-hint{background-color:#4a5568!important;color:#fff!important}.keyboard-hint-small{color:#718096;font-size:.7em;margin-top:4px}.test-records-screen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.test-records-dashboard-wrapper,.test-records-main-content{display:flex;min-height:100vh}.test-records-main-content{background:#f8f9ff;flex:1 1;flex-direction:column;margin-left:18%;overflow-x:hidden;padding:2rem 3rem;position:relative;width:75%}.test-records-content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-top:1rem;position:relative;z-index:2}.test-records-header-left{flex:1 1}.test-records-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a11cb,#2575fc);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem}.test-records-subtitle{color:#666;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0;max-width:600px}.test-records-header-actions{align-items:center;display:flex;gap:1rem}.test-records-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.test-records-primary-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);box-shadow:0 4px 15px #6a11cb33;color:#fff}.test-records-primary-btn:hover{box-shadow:0 8px 25px #6a11cb4d;transform:translateY(-2px)}.test-records-secondary-btn{background:#fff;border:1px solid #e0e5ff;box-shadow:0 2px 8px #0000000d;color:#6a11cb}.test-records-secondary-btn:hover{background:#f5f7fa;box-shadow:0 4px 15px #6a11cb26;transform:translateY(-2px)}.test-records-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem;position:relative;z-index:2}.test-records-stat-card{align-items:center;background:#fff;border:1px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1.25rem;height:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.test-records-stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.test-records-stat-gradient-purple{border-left:4px solid #6a11cb}.test-records-stat-gradient-blue{border-left:4px solid #36d1dc}.test-records-stat-gradient-green{border-left:4px solid #00b09b}.test-records-stat-gradient-orange{border-left:4px solid #f7971e}.test-records-stat-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;width:64px}.test-records-stat-gradient-purple .test-records-stat-icon{background:linear-gradient(135deg,#6a11cb1a,#2575fc1a);color:#6a11cb}.test-records-stat-gradient-blue .test-records-stat-icon{background:linear-gradient(135deg,#36d1dc1a,#5b86e51a);color:#36d1dc}.test-records-stat-gradient-green .test-records-stat-icon{background:linear-gradient(135deg,#00b09b1a,#96c93d1a);color:#00b09b}.test-records-stat-gradient-orange .test-records-stat-icon{background:linear-gradient(135deg,#f7971e1a,#ffd2001a);color:#f7971e}.test-records-stat-content{flex:1 1}.test-records-stat-value{color:#1a1a2e;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.25rem}.test-records-stat-label{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.test-records-search-filter-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2.5rem;padding:1.5rem;position:relative;z-index:2}.test-records-filter-form{display:flex;flex-direction:column;gap:1.25rem}.test-records-search-container{position:relative}.test-records-search-wrapper{align-items:center;background:#f5f7fa;border:2px solid #e0e5ff;border-radius:12px;display:flex;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.test-records-search-wrapper:focus-within{background:#fff;border-color:#6a11cb;box-shadow:0 0 0 4px #6a11cb1a}.test-records-search-icon-wrapper{align-items:center;color:#6a11cb;display:flex;justify-content:center;padding:0 1rem}.test-records-search-input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:500;outline:none;padding:1rem 0}.test-records-search-input::placeholder{color:#666;font-weight:400}.test-records-filter-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.test-records-filter-group{display:flex;flex-direction:column;gap:.5rem}.test-records-filter-label{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.test-records-filter-date,.test-records-filter-select{background:#fff;border:2px solid #e0e5ff;border-radius:8px;color:#1a1a2e;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .3s ease}.test-records-filter-date:focus,.test-records-filter-select:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;outline:none}.test-records-filter-select:disabled{background:#f5f7fa;color:#cbd2e0;cursor:not-allowed}.test-records-filter-actions{align-items:flex-end;display:flex}.test-records-filter-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.test-records-filter-btn:hover{box-shadow:0 4px 15px #6a11cb4d;transform:translateY(-2px)}.test-records-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.test-records-loading-spinner{animation:test-records-spin 1s linear infinite;border:4px solid #e0e5ff;border-radius:50%;border-top-color:#6a11cb;height:50px;margin-bottom:1.5rem;width:50px}@keyframes test-records-spin{to{transform:rotate(1turn)}}.test-records-error{align-items:center;background:#fff;border:1px solid #ff416c20;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.test-records-error-icon{font-size:3rem;margin-bottom:1.5rem}.test-records-error p{color:#4a5568;margin-bottom:1.5rem;max-width:400px}.test-records-error-retry{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.test-records-error-retry:hover{box-shadow:0 4px 15px #ff416c4d;transform:translateY(-2px)}.test-records-empty{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:6rem 2rem;text-align:center}.test-records-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.test-records-empty h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:.75rem}.test-records-empty p{color:#666;margin-bottom:2rem;max-width:400px}.test-records-empty-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.test-records-empty-btn:hover{box-shadow:0 8px 25px #6a11cb4d;transform:translateY(-2px)}.test-records-grid-header{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem;position:relative;z-index:2}.test-records-section-title{color:#1a1a2e;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.test-records-view-options{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.test-records-view-label{color:#666;font-size:.875rem;padding:0 .75rem}.test-records-view-option{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.test-records-view-option-active{background:#fff;box-shadow:0 2px 8px #0000000d;color:#6a11cb}.test-records-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:2.5rem;position:relative;z-index:2}.test-records-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:auto;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.test-records-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.test-records-card-pastel-blue .test-records-card-header{background:#e6f2ff}.test-records-card-pastel-lavender .test-records-card-header{background:#f0ebff}.test-records-card-pastel-mint .test-records-card-header{background:#e6fff2}.test-records-card-pastel-coral .test-records-card-header{background:#ffe6e6}.test-records-card-pastel-peach .test-records-card-header{background:#fff0e6}.test-records-card-pastel-aqua .test-records-card-header{background:#e6ffff}.test-records-card-pastel-lilac .test-records-card-header{background:#f2e6ff}.test-records-card-pastel-sunshine .test-records-card-header{background:#fffae6}.test-records-card-pastel-rose .test-records-card-header{background:#ffe6f2}.test-records-card-pastel-sky .test-records-card-header{background:#e6f7ff}.test-records-card-pastel-lime .test-records-card-header{background:#f2ffe6}.test-records-card-pastel-sand .test-records-card-header{background:#fff5e6}.test-records-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.test-records-test-info{flex:1 1;min-width:0}.test-records-test-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a2e;display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis}.test-records-test-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.test-records-meta-item{align-items:center;color:#666;display:flex;font-size:.875rem;gap:.375rem}.test-records-meta-icon{font-size:.875rem;opacity:.7}.test-records-performance-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.test-records-card-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.test-records-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.test-records-detail-item{display:flex;flex-direction:column;gap:.25rem}.test-records-detail-label{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.test-records-detail-value{color:#1a1a2e;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-records-progress-section{margin-top:auto}.test-records-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.test-records-progress-label{color:#666;font-size:.875rem;font-weight:500}.test-records-progress-stats{color:#666;font-size:.75rem;font-weight:500}.test-records-progress-bar{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.test-records-progress-fill{border-radius:4px;height:100%;transition:width .8s ease}.test-records-card-footer{background:#f5f7fa;border-radius:0 0 20px 20px;border-top:1px solid #f0f0f0;display:flex;gap:.75rem;padding:1rem 1.5rem}.test-records-footer-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.test-records-footer-details-btn{background:#fff;border:1px solid #e0e5ff;color:#6a11cb}.test-records-footer-details-btn:hover{background:#6a11cb;border-color:#6a11cb;color:#fff}.test-records-footer-view-btn{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.test-records-footer-view-btn:hover{box-shadow:0 4px 12px #00b09b4d;transform:translateY(-2px)}.test-records-footer-btn-icon{font-size:1rem}.test-records-pagination{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;justify-content:center;margin:2.5rem 0;padding:1rem}.test-records-pagination-btn{background:#fff;border:1px solid #e0e5ff;border-radius:8px;color:#666;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.test-records-pagination-btn:hover:not(:disabled){background:#f5f7fa;border-color:#6a11cb;color:#6a11cb}.test-records-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.test-records-pagination-pages{display:flex;gap:.5rem}.test-records-pagination-page{align-items:center;background:#fff;border:1px solid #e0e5ff;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.test-records-pagination-page:hover{background:#f5f7fa;border-color:#6a11cb;color:#6a11cb}.test-records-pagination-page.active{background:linear-gradient(135deg,#6a11cb,#2575fc);border-color:#0000;color:#fff}@media (max-width:1400px){.test-records-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.test-records-filter-grid,.test-records-stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.test-records-main-content{margin-left:0;padding:1.5rem;width:100%}.test-records-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.test-records-content-header{flex-direction:column;gap:1.5rem}.test-records-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.test-records-action-btn{flex:1 1;min-width:200px}.test-records-grid{grid-template-columns:1fr}.test-records-card{height:auto}.test-records-filter-grid{grid-template-columns:1fr}}@media (max-width:576px){.test-records-main-content{padding:1rem}.test-records-main-title{font-size:2rem}.test-records-details-grid,.test-records-stats-overview{grid-template-columns:1fr}.test-records-footer-actions{flex-direction:column}.test-records-pagination{flex-direction:column;gap:.75rem}.test-records-pagination-pages{order:-1}}@keyframes test-records-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-records-card{animation:test-records-fade-in-up .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.test-records-card:first-child{animation-delay:.1s}.test-records-card:nth-child(2){animation-delay:.2s}.test-records-card:nth-child(3){animation-delay:.3s}.test-records-card:nth-child(4){animation-delay:.4s}.test-records-card:nth-child(5){animation-delay:.5s}.test-records-card:nth-child(6){animation-delay:.6s}.test-records-card:nth-child(7){animation-delay:.7s}.test-records-card:nth-child(8){animation-delay:.8s}.test-records-card:nth-child(9){animation-delay:.9s}.test-records-card:nth-child(10){animation-delay:1s}.test-records-card:nth-child(11){animation-delay:1.1s}.test-records-card:nth-child(12){animation-delay:1.2s}.test-records-modal-overlay{align-items:center;animation:test-records-modal-fade-in .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes test-records-modal-fade-in{0%{opacity:0}to{opacity:1}}.test-records-modal{animation:test-records-modal-slide-up .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}@keyframes test-records-modal-slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.test-records-modal-header{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.test-records-modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.test-records-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.test-records-modal-close:hover{background:#fff3;transform:rotate(90deg)}.test-records-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.test-records-modal-summary{background:#f8f9ff;border:1px solid #e0e5ff;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.test-records-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.test-records-summary-item{display:flex;flex-direction:column;gap:.25rem}.test-records-summary-label{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.test-records-summary-value{color:#1a1a2e;font-size:1rem;font-weight:600}.test-records-modal-students{margin-top:2rem}.test-records-students-title{border-bottom:2px solid #e0e5ff;color:#1a1a2e;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.test-records-students-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.test-records-students-spinner{animation:test-records-spin 1s linear infinite;border:3px solid #e0e5ff;border-radius:50%;border-top-color:#6a11cb;height:40px;margin-bottom:1rem;width:40px}.test-records-students-table-container{border:1px solid #e0e5ff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.test-records-students-table{border-collapse:collapse;min-width:600px;width:100%}.test-records-students-table thead{background:linear-gradient(135deg,#6a11cb,#2575fc)}.test-records-students-table th{border-right:1px solid #ffffff1a;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.test-records-students-table th:last-child{border-right:none}.test-records-students-table tbody tr{border-bottom:1px solid #e0e5ff;transition:all .3s ease}.test-records-students-table tbody tr:hover{background:#f8f9ff}.test-records-students-table tbody tr:last-child{border-bottom:none}.test-records-students-table td{color:#4a5568;font-size:.9375rem;padding:1rem}.test-records-students-table td:first-child{color:#1a1a2e;font-weight:600}.test-records-marks-display{background:#6a11cb1a;border-radius:4px;color:#6a11cb;font-weight:600;padding:.25rem .5rem}.test-records-percentage-display{background:#00b09b1a;border-radius:4px;color:#00b09b;font-weight:600;padding:.25rem .5rem}.test-records-grade-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.test-records-students-empty{background:#f8f9ff;border:1px dashed #e0e5ff;border-radius:12px;color:#666;padding:3rem;text-align:center}.test-records-modal-footer{background:#f5f7fa;border-top:1px solid #e0e5ff;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.test-records-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9375rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.test-records-modal-close-btn{background:#fff;border:1px solid #e0e5ff;color:#666}.test-records-modal-close-btn:hover{background:#f0f0f0}.test-records-modal-export-btn{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.test-records-modal-export-btn:hover{box-shadow:0 4px 12px #00b09b4d;transform:translateY(-2px)}.test-records-clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.125rem;height:24px;justify-content:center;line-height:1;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease;width:24px}.test-records-clear-search:hover{background:#e0e5ff;color:#6a11cb}.test-records-view-count{color:#666;font-size:.875rem;font-weight:500;padding:0 .75rem}@media (max-width:768px){.test-records-modal{margin:1rem;max-height:95vh;width:95%}.test-records-modal-header{padding:1rem 1.5rem}.test-records-modal-body{padding:1.5rem}.test-records-summary-grid{grid-template-columns:repeat(2,1fr)}.test-records-modal-footer{flex-direction:column;gap:.75rem}.test-records-modal-btn{width:100%}}@media (max-width:576px){.test-records-summary-grid{grid-template-columns:1fr}.test-records-students-table{min-width:400px}}.exam-records-screen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.exam-records-dashboard-wrapper,.exam-records-main-content{display:flex;min-height:100vh}.exam-records-main-content{background:#f8f9ff;flex:1 1;flex-direction:column;margin-left:18%;overflow-x:hidden;padding:2rem 3rem;position:relative;width:75%}.exam-records-content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-top:1rem;position:relative;z-index:2}.exam-records-header-left{flex:1 1}.exam-records-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a11cb,#2575fc);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem}.exam-records-subtitle{color:#666;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0;max-width:600px}.exam-records-header-actions{align-items:center;display:flex;gap:1rem}.exam-records-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.exam-records-primary-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);box-shadow:0 4px 15px #6a11cb33;color:#fff}.exam-records-primary-btn:hover{box-shadow:0 8px 25px #6a11cb4d;transform:translateY(-2px)}.exam-records-secondary-btn{background:#fff;border:1px solid #e0e5ff;box-shadow:0 2px 8px #0000000d;color:#6a11cb}.exam-records-secondary-btn:hover{background:#f5f7fa;box-shadow:0 4px 15px #6a11cb26;transform:translateY(-2px)}.exam-records-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem;position:relative;z-index:2}.exam-records-stat-card{align-items:center;background:#fff;border:1px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1.25rem;height:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.exam-records-stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.exam-records-stat-gradient-purple{border-left:4px solid #6a11cb}.exam-records-stat-gradient-blue{border-left:4px solid #36d1dc}.exam-records-stat-gradient-green{border-left:4px solid #00b09b}.exam-records-stat-gradient-orange{border-left:4px solid #f7971e}.exam-records-stat-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;width:64px}.exam-records-stat-gradient-purple .exam-records-stat-icon{background:linear-gradient(135deg,#6a11cb1a,#2575fc1a);color:#6a11cb}.exam-records-stat-gradient-blue .exam-records-stat-icon{background:linear-gradient(135deg,#36d1dc1a,#5b86e51a);color:#36d1dc}.exam-records-stat-gradient-green .exam-records-stat-icon{background:linear-gradient(135deg,#00b09b1a,#96c93d1a);color:#00b09b}.exam-records-stat-gradient-orange .exam-records-stat-icon{background:linear-gradient(135deg,#f7971e1a,#ffd2001a);color:#f7971e}.exam-records-stat-content{flex:1 1}.exam-records-stat-value{color:#1a1a2e;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.25rem}.exam-records-stat-label{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.exam-records-search-filter-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2.5rem;padding:1.5rem;position:relative;z-index:2}.exam-records-filter-form{display:flex;flex-direction:column;gap:1.25rem}.exam-records-search-container{position:relative}.exam-records-search-wrapper{align-items:center;background:#f5f7fa;border:2px solid #e0e5ff;border-radius:12px;display:flex;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.exam-records-search-wrapper:focus-within{background:#fff;border-color:#6a11cb;box-shadow:0 0 0 4px #6a11cb1a}.exam-records-search-icon-wrapper{align-items:center;color:#6a11cb;display:flex;justify-content:center;padding:0 1rem}.exam-records-search-input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:500;outline:none;padding:1rem 0}.exam-records-search-input::placeholder{color:#666;font-weight:400}.exam-records-clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.125rem;height:24px;justify-content:center;line-height:1;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease;width:24px}.exam-records-clear-search:hover{background:#e0e5ff;color:#6a11cb}.exam-records-filter-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.exam-records-filter-group{display:flex;flex-direction:column;gap:.5rem}.exam-records-filter-label{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exam-records-filter-date,.exam-records-filter-select{background:#fff;border:2px solid #e0e5ff;border-radius:8px;color:#1a1a2e;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .3s ease}.exam-records-filter-date:focus,.exam-records-filter-select:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;outline:none}.exam-records-filter-select:disabled{background:#f5f7fa;color:#cbd2e0;cursor:not-allowed}.exam-records-filter-actions{align-items:flex-end;display:flex}.exam-records-filter-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.exam-records-filter-btn:hover{box-shadow:0 4px 15px #6a11cb4d;transform:translateY(-2px)}.exam-records-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.exam-records-loading-spinner{animation:exam-records-spin 1s linear infinite;border:4px solid #e0e5ff;border-radius:50%;border-top-color:#6a11cb;height:50px;margin-bottom:1.5rem;width:50px}@keyframes exam-records-spin{to{transform:rotate(1turn)}}.exam-records-error{align-items:center;background:#fff;border:1px solid #ff416c20;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.exam-records-error-icon{font-size:3rem;margin-bottom:1.5rem}.exam-records-error p{color:#4a5568;margin-bottom:1.5rem;max-width:400px}.exam-records-error-retry{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.exam-records-error-retry:hover{box-shadow:0 4px 15px #ff416c4d;transform:translateY(-2px)}.exam-records-empty{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:6rem 2rem;text-align:center}.exam-records-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.exam-records-empty h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:.75rem}.exam-records-empty p{color:#666;margin-bottom:2rem;max-width:400px}.exam-records-empty-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.exam-records-empty-btn:hover{box-shadow:0 8px 25px #6a11cb4d;transform:translateY(-2px)}.exam-records-grid-header{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem;position:relative;z-index:2}.exam-records-section-title{color:#1a1a2e;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.exam-records-view-options{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.exam-records-view-label{color:#666;font-size:.875rem;padding:0 .75rem}.exam-records-view-option{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.exam-records-view-option-active{background:#fff;box-shadow:0 2px 8px #0000000d;color:#6a11cb}.exam-records-view-count{color:#666;font-size:.875rem;font-weight:500;padding:0 .75rem}.exam-records-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:2.5rem;position:relative;z-index:2}.exam-records-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:auto;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.exam-records-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.exam-records-card-pastel-blue .exam-records-card-header{background:#e6f2ff}.exam-records-card-pastel-lavender .exam-records-card-header{background:#f0ebff}.exam-records-card-pastel-mint .exam-records-card-header{background:#e6fff2}.exam-records-card-pastel-coral .exam-records-card-header{background:#ffe6e6}.exam-records-card-pastel-peach .exam-records-card-header{background:#fff0e6}.exam-records-card-pastel-aqua .exam-records-card-header{background:#e6ffff}.exam-records-card-pastel-lilac .exam-records-card-header{background:#f2e6ff}.exam-records-card-pastel-sunshine .exam-records-card-header{background:#fffae6}.exam-records-card-pastel-rose .exam-records-card-header{background:#ffe6f2}.exam-records-card-pastel-sky .exam-records-card-header{background:#e6f7ff}.exam-records-card-pastel-lime .exam-records-card-header{background:#f2ffe6}.exam-records-card-pastel-sand .exam-records-card-header{background:#fff5e6}.exam-records-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.exam-records-exam-info{flex:1 1;min-width:0}.exam-records-exam-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a2e;display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis}.exam-records-exam-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.exam-records-meta-item{align-items:center;color:#666;display:flex;font-size:.875rem;gap:.375rem}.exam-records-meta-icon{font-size:.875rem;opacity:.7}.exam-records-performance-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.exam-records-card-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.exam-records-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.exam-records-detail-item{display:flex;flex-direction:column;gap:.25rem}.exam-records-detail-label{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.exam-records-detail-value{color:#1a1a2e;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-records-progress-section{margin-top:auto}.exam-records-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.exam-records-progress-label{color:#666;font-size:.875rem;font-weight:500}.exam-records-progress-stats{color:#666;font-size:.75rem;font-weight:500}.exam-records-progress-bar{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.exam-records-progress-fill{border-radius:4px;height:100%;transition:width .8s ease}.exam-records-card-footer{background:#f5f7fa;border-radius:0 0 20px 20px;border-top:1px solid #f0f0f0;display:flex;gap:.75rem;padding:1rem 1.5rem}.exam-records-footer-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.exam-records-footer-details-btn{background:#fff;border:1px solid #e0e5ff;color:#6a11cb}.exam-records-footer-details-btn:hover{background:#6a11cb;border-color:#6a11cb;color:#fff}.exam-records-footer-view-btn{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.exam-records-footer-view-btn:hover{box-shadow:0 4px 12px #00b09b4d;transform:translateY(-2px)}.exam-records-footer-btn-icon{font-size:1rem}.exam-records-pagination{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;justify-content:center;margin:2.5rem 0;padding:1rem}.exam-records-pagination-btn{background:#fff;border:1px solid #e0e5ff;border-radius:8px;color:#666;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.exam-records-pagination-btn:hover:not(:disabled){background:#f5f7fa;border-color:#6a11cb;color:#6a11cb}.exam-records-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.exam-records-pagination-pages{display:flex;gap:.5rem}.exam-records-pagination-page{align-items:center;background:#fff;border:1px solid #e0e5ff;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.exam-records-pagination-page:hover{background:#f5f7fa;border-color:#6a11cb;color:#6a11cb}.exam-records-pagination-page.active{background:linear-gradient(135deg,#6a11cb,#2575fc);border-color:#0000;color:#fff}@keyframes exam-records-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exam-records-card{animation:exam-records-fade-in-up .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.exam-records-card:first-child{animation-delay:.1s}.exam-records-card:nth-child(2){animation-delay:.2s}.exam-records-card:nth-child(3){animation-delay:.3s}.exam-records-card:nth-child(4){animation-delay:.4s}.exam-records-card:nth-child(5){animation-delay:.5s}.exam-records-card:nth-child(6){animation-delay:.6s}.exam-records-card:nth-child(7){animation-delay:.7s}.exam-records-card:nth-child(8){animation-delay:.8s}.exam-records-card:nth-child(9){animation-delay:.9s}.exam-records-card:nth-child(10){animation-delay:1s}.exam-records-card:nth-child(11){animation-delay:1.1s}.exam-records-card:nth-child(12){animation-delay:1.2s}.exam-records-modal-overlay{align-items:center;animation:exam-records-modal-fade-in .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes exam-records-modal-fade-in{0%{opacity:0}to{opacity:1}}.exam-records-modal{animation:exam-records-modal-slide-up .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}@keyframes exam-records-modal-slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.exam-records-modal-header{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.exam-records-modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.exam-records-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.exam-records-modal-close:hover{background:#fff3;transform:rotate(90deg)}.exam-records-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.exam-records-modal-summary{background:#f8f9ff;border:1px solid #e0e5ff;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.exam-records-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.exam-records-summary-item{display:flex;flex-direction:column;gap:.25rem}.exam-records-summary-label{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.exam-records-summary-value{color:#1a1a2e;font-size:1rem;font-weight:600}.exam-records-modal-students{margin-top:2rem}.exam-records-students-title{border-bottom:2px solid #e0e5ff;color:#1a1a2e;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.exam-records-students-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.exam-records-students-spinner{animation:exam-records-spin 1s linear infinite;border:3px solid #e0e5ff;border-radius:50%;border-top-color:#6a11cb;height:40px;margin-bottom:1rem;width:40px}.exam-records-students-table-container{border:1px solid #e0e5ff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.exam-records-students-table{border-collapse:collapse;min-width:600px;width:100%}.exam-records-students-table thead{background:linear-gradient(135deg,#6a11cb,#2575fc)}.exam-records-students-table th{border-right:1px solid #ffffff1a;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.exam-records-students-table th:last-child{border-right:none}.exam-records-students-table tbody tr{border-bottom:1px solid #e0e5ff;transition:all .3s ease}.exam-records-students-table tbody tr:hover{background:#f8f9ff}.exam-records-students-table tbody tr:last-child{border-bottom:none}.exam-records-students-table td{color:#4a5568;font-size:.9375rem;padding:1rem}.exam-records-students-table td:first-child{color:#1a1a2e;font-weight:600}.exam-records-marks-display{background:#6a11cb1a;border-radius:4px;color:#6a11cb;font-weight:600;padding:.25rem .5rem}.exam-records-percentage-display{background:#00b09b1a;border-radius:4px;color:#00b09b;font-weight:600;padding:.25rem .5rem}.exam-records-grade-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.exam-records-students-empty{background:#f8f9ff;border:1px dashed #e0e5ff;border-radius:12px;color:#666;padding:3rem;text-align:center}.exam-records-modal-footer{background:#f5f7fa;border-top:1px solid #e0e5ff;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.exam-records-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9375rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.exam-records-modal-close-btn{background:#fff;border:1px solid #e0e5ff;color:#666}.exam-records-modal-close-btn:hover{background:#f0f0f0}.exam-records-modal-export-btn{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.exam-records-modal-export-btn:hover{box-shadow:0 4px 12px #00b09b4d;transform:translateY(-2px)}@media (max-width:1400px){.exam-records-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.exam-records-filter-grid,.exam-records-stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.exam-records-main-content{margin-left:0;padding:1.5rem;width:100%}.exam-records-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.exam-records-content-header{flex-direction:column;gap:1.5rem}.exam-records-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.exam-records-action-btn{flex:1 1;min-width:200px}.exam-records-grid{grid-template-columns:1fr}.exam-records-card{height:auto}.exam-records-filter-grid{grid-template-columns:1fr}.exam-records-modal{margin:1rem;max-height:95vh;width:95%}.exam-records-modal-header{padding:1rem 1.5rem}.exam-records-modal-body{padding:1.5rem}.exam-records-summary-grid{grid-template-columns:repeat(2,1fr)}.exam-records-modal-footer{flex-direction:column;gap:.75rem}.exam-records-modal-btn{width:100%}}@media (max-width:576px){.exam-records-main-content{padding:1rem}.exam-records-main-title{font-size:2rem}.exam-records-details-grid,.exam-records-stats-overview{grid-template-columns:1fr}.exam-records-footer-actions{flex-direction:column}.exam-records-pagination{flex-direction:column;gap:.75rem}.exam-records-pagination-pages{order:-1}.exam-records-summary-grid{grid-template-columns:1fr}.exam-records-students-table{min-width:400px}}.test-sheet-container{background:linear-gradient(135deg,#f5f7fa,#f0f4ff);min-height:100vh;padding:.5rem 1rem}.test-sheet-wrapper{margin-left:0;max-width:1400px;padding:30px;width:85%}.test-details-form{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 8px 30px #00000014;margin-bottom:24px;overflow:hidden;padding:24px 30px;position:relative}.test-details-form:before{background:linear-gradient(90deg,#4299e1,#00b09b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-section-title{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.form-section-title:before{content:"📋";font-size:24px}.form-grid.read-only{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:15px}.form-group .form-input.read-only{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568;cursor:not-allowed}.form-group .form-input.read-only:focus{border-color:#e2e8f0;box-shadow:none;transform:none}.sheet-header{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 8px 30px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:24px 30px;position:relative}.sheet-header:before{background:linear-gradient(90deg,#4299e1,#00b09b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-left{flex:1 1}.sheet-title{color:#1a1a2e;font-size:28px;font-weight:700;gap:12px;margin:0 0 16px}.sheet-title,.title-icon{align-items:center;display:flex}.title-icon{background:linear-gradient(135deg,#4299e120,#00b09b20);border-radius:12px;color:#4299e1;font-size:32px;height:50px;justify-content:center;width:50px}.sheet-info{flex-wrap:wrap;gap:10px}.info-badge,.sheet-info{align-items:center;display:flex}.info-badge{background:#f8f9ff;border:1px solid #e0e5ff;border-radius:8px;color:#4299e1;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .3s ease}.info-badge:hover{background:#eef1ff;transform:translateY(-1px)}.keyboard-hint{background:linear-gradient(135deg,#00b09b20,#96c93d20);border-color:#00b09b40;color:#00b09b;font-weight:600;letter-spacing:.3px}.keyboard-hint svg{font-size:12px}.test-name-badge{background-color:#4299e1!important;color:#fff!important}.test-id-badge{background-color:#805ad5!important;color:#fff!important}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:default;display:flex;gap:16px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.stat-icon.total{background:linear-gradient(135deg,#4299e1,#38b2ac)}.stat-icon.submitted{background:linear-gradient(135deg,#00b09b,#96c93d)}.stat-icon.avg{background:linear-gradient(135deg,#f7971e,#ffd200)}.stat-icon.high{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.stat-content{flex:1 1}.stat-value{color:#1a1a2e;font-size:32px;font-weight:800;line-height:1;margin-bottom:2px}.label{color:#4a5568;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.controls-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.controls-section,.search-box{align-items:center;display:flex}.search-box{flex:1 1;min-width:280px;position:relative}.search-icon{color:#666;font-size:15px;left:14px;position:absolute;z-index:2}.search-input{background:#f8f9ff;border:2px solid #e0e5ff;border-radius:12px;color:#333;font-size:14px;font-weight:500;outline:none;padding:12px 16px 12px 42px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.clear-search{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;height:22px;justify-content:center;padding:0;position:absolute;right:14px;transition:color .3s ease;width:22px;z-index:2}.clear-search:hover{color:#ff416c}.bulk-actions{align-items:center;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e5ff;border-radius:12px;display:flex;gap:10px;padding:8px 14px}.bulk-label{font-size:13px;white-space:nowrap}.bulk-input,.bulk-label{color:#4299e1;font-weight:600}.bulk-input{background:#fff;border:1px solid #d0d9ff;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;text-align:center;width:100px}.bulk-input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e11a}.keyboard-shortcut{background:#00b09b1a;border-radius:4px;color:#00b09b;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.action-buttons{gap:10px;margin-left:auto}.table-container{border:1px solid #f0f0f0;box-shadow:0 8px 30px #00000014;margin-bottom:24px;position:relative}.table-wrapper{max-height:500px;overflow-x:auto;position:relative}.marks-table{border-collapse:initial;border-spacing:0;min-width:1200px;width:100%}.marks-table thead{position:sticky;top:0;z-index:10}.marks-table th{background:linear-gradient(135deg,#4299e1,#38b2ac);border:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 14px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.marks-table th:not(:last-child):after{background:#fff3;content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.marks-table th.sticky-col{background:linear-gradient(135deg,#4299e1,#38b2ac);left:0;position:sticky;z-index:11}.marks-table th.marks-col{background:linear-gradient(135deg,#00b09b,#96c93d)}.marks-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease}.marks-table tbody tr:hover{background-color:#f8f9ff}.marks-table tbody tr.row-focused{background:linear-gradient(135deg,#f8f9ff,#eef1ff);box-shadow:inset 4px 0 0 #4299e1}.marks-table tbody tr.submitted{background-color:#00b09b08}.marks-table td{border:none;color:#333;font-size:13px;font-weight:500;padding:14px;vertical-align:middle}.marks-table td.sticky-col{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:inherit;left:0;position:sticky;z-index:9}.marks-table .student-id{color:#4299e1;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:700;min-width:80px}.marks-table .student-name{color:#1a1a2e;font-weight:600;min-width:200px}.marks-input-cell{min-width:160px;padding:12px 14px!important;position:relative}.input-wrapper{position:relative;width:100%}.marks-input{background:#f8f9ff;border:2px solid #e0e5ff;border-radius:10px;box-sizing:border-box;color:#4299e1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:15px;font-weight:700;outline:none;padding:12px 14px;text-align:center;transition:all .2s ease;width:100%}.marks-input:focus{background:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;transform:translateY(-1px);z-index:2}.marks-input::placeholder{color:#999;font-weight:400}.keyboard-hint-small{background:#00b09b1a;border-radius:4px;color:#00b09b;font-size:10px;font-weight:600;letter-spacing:.3px;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.input-wrapper:hover .keyboard-hint-small,.marks-input:focus+.keyboard-hint-small{opacity:1}.percentage-cell{min-width:100px}.percentage-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;min-width:60px;padding:6px 12px;text-align:center}.percentage-badge.good{background:#00b09b1a;border:1px solid #00b09b33;color:#00b09b}.percentage-badge.poor{background:#ff416c1a;border:1px solid #ff416c33;color:#ff416c}.status-badge{letter-spacing:.3px;min-width:100px}.status-badge.submitted{background:#00b09b1a;border:1px solid #00b09b33;color:#00b09b}.status-badge.pending{background:#f7971e1a;border:1px solid #f7971e33;color:#f7971e}.empty-cell,.loading-cell{color:#666;padding:60px!important;text-align:center}.loading-spinner{border:3px solid #f0f0f0;border-radius:50%;border-top-color:#4299e1;height:40px;margin:0 auto 16px;width:40px}.footer-summary{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:20px}.summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.progress-summary{flex:1 1;min-width:300px}.progress-bar{background:#f0f0f0;border-radius:5px;height:10px;margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,#4299e1,#00b09b);border-radius:5px;transition:width .8s ease}.progress-text{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.keyboard-tips{display:flex;flex-wrap:wrap;gap:16px}.tip{align-items:center;background:#00b09b1a;border-radius:6px;color:#00b09b;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.tip svg{font-size:10px}.summary-actions{display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4299e1,#38b2ac);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#3182ce,#319795);box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#00a08a,#87c22e);box-shadow:0 4px 12px #00b09b4d;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f7971e,#ffd200);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#e68a19,#e6c200);box-shadow:0 4px 12px #f7971e4d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#90a0b3,#627085);box-shadow:0 4px 12px #a0aec04d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #4299e1;color:#4299e1}.btn-outline:hover{background:#4299e1;box-shadow:0 4px 12px #4299e14d;color:#fff;transform:translateY(-2px)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.loading-overlay{background:#fffffff2;bottom:0;flex-direction:column;gap:20px;left:0;right:0;top:0;z-index:1000}.loading-spinner p{color:#4a5568;font-size:18px;font-weight:500;margin-top:16px}@media (max-width:768px){.test-sheet-wrapper{padding:15px}.sheet-header{flex-direction:column;gap:15px;padding:20px}.header-actions{justify-content:flex-start;width:100%}.controls-section{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.bulk-actions{justify-content:center}.action-buttons{justify-content:flex-start;width:100%}.form-grid.read-only{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.summary-content{align-items:stretch;flex-direction:column}.progress-summary{min-width:100%}.summary-actions{justify-content:center;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.btn{justify-content:center;width:100%}.bulk-actions{align-items:stretch;flex-direction:column}.bulk-input{width:100%}.keyboard-tips{flex-direction:column;gap:8px}}.view-exam-records-screen{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.view-exam-records-dashboard-wrapper{display:flex;min-height:100vh}.view-exam-records-main-content{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:20px}.view-exam-records-header{background:#fff;border:1px solid #e1e8ed;border-radius:15px;box-shadow:0 10px 30px #00000014;margin-bottom:25px;padding:25px}.view-exam-records-header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px}.view-exam-records-header-left{flex:1 1}.view-exam-records-main-title{align-items:center;color:#2d3748;display:flex;font-size:28px;font-weight:700;gap:15px;margin-bottom:15px}.view-exam-records-title-icon{color:#6a11cb;font-size:32px}.view-exam-records-class-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.view-exam-records-class-badge,.view-exam-records-exam-date,.view-exam-records-exam-section,.view-exam-records-exam-subject,.view-exam-records-exam-type,.view-exam-records-keyboard-badge{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:25px;box-shadow:0 4px 6px #6a11cb33;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.view-exam-records-keyboard-badge{background:linear-gradient(135deg,#00b09b,#96c93d);font-size:13px}.view-exam-records-header-actions{display:flex;flex-wrap:wrap;gap:12px}.view-exam-records-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.view-exam-records-history-btn{background:linear-gradient(135deg,#f7971e,#ffd200);color:#333}.view-exam-records-column-btn{background:linear-gradient(135deg,#805ad5,#d53f8c);color:#fff}.view-exam-records-print-btn{background:linear-gradient(135deg,#4299e1,#38b2ac);color:#fff}.view-exam-records-reset-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.view-exam-records-update-btn{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.view-exam-records-update-btn:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6}.view-exam-records-action-btn:hover:not(:disabled){box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.view-exam-records-action-btn:active:not(:disabled){transform:translateY(0)}.view-exam-records-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.view-exam-records-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.view-exam-records-stat-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.view-exam-records-stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.view-exam-records-stat-total .view-exam-records-stat-icon{background:linear-gradient(135deg,#4299e1,#667eea)}.view-exam-records-stat-submitted .view-exam-records-stat-icon{background:linear-gradient(135deg,#48bb78,#38a169)}.view-exam-records-stat-avg .view-exam-records-stat-icon{background:linear-gradient(135deg,#ed8936,#dd6b20)}.view-exam-records-stat-avg-perc .view-exam-records-stat-icon{background:linear-gradient(135deg,#9f7aea,#805ad5)}.view-exam-records-stat-high .view-exam-records-stat-icon{background:linear-gradient(135deg,#f56565,#e53e3e)}.view-exam-records-stat-completion .view-exam-records-stat-icon{background:linear-gradient(135deg,#00b09b,#96c93d)}.view-exam-records-stat-content{flex:1 1}.view-exam-records-stat-value{color:#2d3748;font-size:28px;font-weight:700;line-height:1;margin-bottom:5px}.view-exam-records-stat-label{color:#718096;font-size:14px;font-weight:500}.view-exam-records-history-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:25px;padding:20px}.view-exam-records-history-header{margin-bottom:20px}.view-exam-records-history-header h3{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:5px}.view-exam-records-history-header small{color:#718096;font-size:14px}.view-exam-records-history-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.view-exam-records-history-card{background:#f7fafc;border-left:4px solid #6a11cb;border-radius:8px;padding:15px;transition:all .3s ease}.view-exam-records-history-card:hover{background:#edf2f7;transform:translateX(5px)}.view-exam-records-history-type{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:5px}.view-exam-records-history-date{color:#718096;font-size:14px;margin-bottom:10px}.view-exam-records-history-stats{color:#4a5568;display:flex;font-size:13px;justify-content:space-between}.view-exam-records-controls-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.view-exam-records-search-box{flex:1 1;min-width:300px;position:relative}.view-exam-records-search-icon{color:#a0aec0;font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.view-exam-records-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;padding:14px 20px 14px 45px;transition:all .3s ease;width:65%}.view-exam-records-search-input:focus{background:#fff;border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;outline:none}.view-exam-records-clear-search{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}.view-exam-records-clear-search:hover{color:#e53e3e}.view-exam-records-bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.view-exam-records-bulk-label{color:#4a5568;font-weight:600;white-space:nowrap}.view-exam-records-bulk-input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 15px;transition:all .3s ease;width:120px}.view-exam-records-bulk-input:focus{border-color:#00b09b;box-shadow:0 0 0 3px #00b09b1a;outline:none}.view-exam-records-keyboard-shortcut{color:#a0aec0;font-size:12px;white-space:nowrap}.view-exam-records-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.view-exam-records-sort-btn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff}.view-exam-records-table-container{background:#fff;border:1px solid #e1e8ed;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;height:95vh;overflow:hidden}.view-exam-records-table-wrapper{flex:1 1;overflow:auto;position:relative}.view-exam-records-table{background:#fff;border-collapse:initial;border-spacing:0;min-width:1200px;width:100%}.view-exam-records-table-header{background:linear-gradient(135deg,#2d3748,#4a5568);position:sticky;top:0;z-index:100}.view-exam-records-th{border-bottom:2px solid #718096;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 16px;position:relative;text-align:left;text-transform:uppercase;transition:background .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.view-exam-records-th:hover{background:#ffffff1a}.view-exam-records-th-sticky{background:linear-gradient(135deg,#2d3748,#4a5568);position:sticky;z-index:101}.view-exam-records-th-left{left:0}.view-exam-records-th-obtained{background:linear-gradient(135deg,#00b09b,#96c93d)}.view-exam-records-table-body{background:#fff}.view-exam-records-table-row{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.view-exam-records-table-row:hover{background:#f7fafc}.view-exam-records-table-row.view-exam-records-row-focused{background:#e6fffa;box-shadow:inset 0 0 0 2px #00b09b}.view-exam-records-table-row.submitted{background:#f0fff4}.view-exam-records-table-row.pending{background:#fffaf0}.view-exam-records-td{border-right:1px solid #e2e8f0;color:#4a5568;font-size:14px;padding:16px;position:relative;vertical-align:middle}.view-exam-records-td:last-child{border-right:none}.view-exam-records-td-sticky{background:inherit;position:sticky;z-index:50}.view-exam-records-td-left{left:0}.view-exam-records-student-id{align-items:center;color:#2d3748;display:flex;font-weight:600;gap:10px}.view-exam-records-id-icon{color:#6a11cb;font-size:16px}.view-exam-records-student-name{color:#2d3748;font-weight:600}.view-exam-records-total-marks{color:#4299e1;font-size:16px;font-weight:600;text-align:center}.view-exam-records-input-container{min-width:200px;position:relative}.view-exam-records-marks-input{background:#fff;border:2px solid #cbd5e0;border-radius:8px;color:#2d3748;font-size:16px;font-weight:600;padding:12px 45px 12px 15px;transition:all .3s ease;width:70%}.view-exam-records-marks-input:focus{background:#f0fff4;border-color:#00b09b;box-shadow:0 0 0 3px #00b09b33;outline:none}.view-exam-records-input-hint{background:#f7fafc;border-radius:4px;color:#a0aec0;font-size:12px;padding:2px 6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.view-exam-records-keyboard-hint{align-items:center;bottom:-20px;color:#718096;display:flex;font-size:11px;gap:4px;left:0;position:absolute}.view-exam-records-percentage{border-radius:20px;display:inline-block;font-size:16px;font-weight:700;min-width:80px;padding:6px 12px;text-align:center}.view-exam-records-percentage-good{background:#c6f6d5;color:#22543d}.view-exam-records-percentage-low{background:#fed7d7;color:#742a2a}.view-exam-records-performance-badge{color:#fff;display:inline-block;min-width:120px;padding:6px 12px;text-align:center}.view-exam-records-performance-badge,.view-exam-records-status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.view-exam-records-status-badge{align-items:center;display:inline-flex;gap:6px;padding:8px 16px}.view-exam-records-status-submitted{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.view-exam-records-status-pending{background:#feebc8;border:1px solid #fbd38d;color:#744210}.view-exam-records-empty-cell{padding:60px 20px!important;text-align:center}.view-exam-records-empty-state{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:20px}.view-exam-records-empty-icon{color:#cbd5e0;font-size:48px}.view-exam-records-empty-state p{color:#718096;font-size:18px;font-weight:600;margin:0}.view-exam-records-empty-state small{color:#a0aec0;font-size:14px}.view-exam-records-footer-summary{background:linear-gradient(135deg,#2d3748,#4a5568);border-top:1px solid #718096;padding:20px}.view-exam-records-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.view-exam-records-progress-summary{flex:1 1;min-width:300px}.view-exam-records-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden}.view-exam-records-progress-fill{background:linear-gradient(90deg,#00b09b,#96c93d);border-radius:4px;height:100%;transition:width .3s ease}.view-exam-records-progress-text{color:#fff;font-size:14px;font-weight:600;margin-bottom:15px}.view-exam-records-keyboard-tips{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.view-exam-records-tip{align-items:center;color:#cbd5e0;display:flex;font-size:13px;gap:6px}.view-exam-records-exam-id-display{align-items:center;color:#fff;display:flex;font-size:14px;gap:15px}.view-exam-records-exam-id-display strong{color:#00b09b;font-size:16px}.view-exam-records-changes-indicator{align-items:center;background:#ed8936;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.view-exam-records-summary-actions{display:flex;gap:12px}.view-exam-records-focus-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.view-exam-records-focus-btn:hover{background:#fff3}.view-exam-records-scroll-indicator{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:25px;bottom:30px;box-shadow:0 4px 20px #6a11cb66;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:fixed;right:30px;z-index:1000}.view-exam-records-scroll-icon{animation:bounce 1s infinite}.view-exam-records-loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.view-exam-records-loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px}.view-exam-records-spin{animation:spin 1s linear infinite;color:#6a11cb}.view-exam-records-loading-spinner p{color:#4a5568;font-size:18px;font-weight:600}@media (max-width:1200px){.view-exam-records-controls-section{align-items:stretch;flex-direction:column}.view-exam-records-search-box{min-width:100%}.view-exam-records-action-buttons{justify-content:center;width:100%}}@media (max-width:768px){.view-exam-records-main-content{padding:10px}.view-exam-records-header{padding:15px}.view-exam-records-main-title{font-size:22px}.view-exam-records-header-actions{justify-content:center;width:100%}.view-exam-records-action-btn{font-size:12px;padding:10px 15px}.view-exam-records-stats-grid{grid-template-columns:repeat(2,1fr)}.view-exam-records-summary-content{flex-direction:column;text-align:center}}.view-exam-records-td-sticky,.view-exam-records-th-sticky{background:inherit;position:sticky}.view-exam-records-td-left,.view-exam-records-th-left{background:#fff;border-right:2px solid #e2e8f0;left:0}.view-exam-records-table-header .view-exam-records-th-sticky{background:linear-gradient(135deg,#2d3748,#4a5568);border-right:2px solid #718096}.view-exam-records-table-body .view-exam-records-td-sticky{background:#fff}.view-exam-records-table-row:hover .view-exam-records-td-sticky{background:#f7fafc}.view-exam-records-table-row.view-exam-records-row-focused .view-exam-records-td-sticky{background:#e6fffa}.view-exam-records-table-row.submitted .view-exam-records-td-sticky{background:#f0fff4}.view-exam-records-table-row.pending .view-exam-records-td-sticky{background:#fffaf0}:root{--cex-primary-blue:#2d5be3;--cex-primary-dark:#1e40af;--cex-primary-light:#3b82f6;--cex-accent-green:#10b981;--cex-accent-orange:#f59e0b;--cex-accent-purple:#8b5cf6;--cex-accent-red:#ef4444;--cex-white:#fff;--cex-light-bg:#f8fafc;--cex-light-gray:#f1f5f9;--cex-gray-100:#f8fafc;--cex-gray-200:#e2e8f0;--cex-gray-300:#cbd5e1;--cex-gray-400:#94a3b8;--cex-gray-500:#64748b;--cex-gray-600:#475569;--cex-gray-700:#334155;--cex-gray-800:#1e293b;--cex-gray-900:#0f172a;--cex-pastel-blue:#e0f2fe;--cex-pastel-lavender:#f3e8ff;--cex-pastel-mint:#dcfce7;--cex-pastel-coral:#ffe4e6;--cex-pastel-peach:#ffedd5;--cex-pastel-aqua:#ccfbf1;--cex-pastel-lilac:#f5d0fe;--cex-pastel-sunshine:#fef3c7;--cex-pastel-rose:#fce7f3;--cex-pastel-sky:#e0f2fe;--cex-pastel-lime:#ecfccb;--cex-pastel-sand:#fef9c3;--cex-shadow-sm:0 1px 3px #00000014;--cex-shadow-md:0 4px 6px -1px #0000001a;--cex-shadow-lg:0 10px 15px -3px #0000001a;--cex-shadow-xl:0 20px 25px -5px #0000001a;--cex-shadow-2xl:0 25px 50px -12px #00000040;--cex-shadow-card:0 4px 12px #2d5be314;--cex-radius-sm:8px;--cex-radius-md:12px;--cex-radius-lg:16px;--cex-radius-xl:20px;--cex-radius-2xl:24px;--cex-radius-3xl:32px;--cex-spacing-xs:0.5rem;--cex-spacing-sm:0.75rem;--cex-spacing-md:1rem;--cex-spacing-lg:1.5rem;--cex-spacing-xl:2rem;--cex-spacing-2xl:3rem;--cex-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--cex-transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--cex-transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}.class-exams-screen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;min-height:100vh}.class-exams-dashboard-wrapper,.class-exams-main-content{display:flex;min-height:100vh}.class-exams-main-content{background:#f8fafc;background:var(--cex-light-bg);flex:1 1;flex-direction:column;gap:2rem;gap:var(--cex-spacing-xl);margin-left:18%;overflow-y:auto;padding:2rem;padding:var(--cex-spacing-xl);width:75%}.class-exams-header{align-items:flex-start;background:#fff;background:var(--cex-white);border-radius:20px;border-radius:var(--cex-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--cex-shadow-md);display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--cex-spacing-sm);padding:1.5rem;padding:var(--cex-spacing-lg)}.class-exams-header-left{flex:1 1}.class-exams-title-section{margin-bottom:1.5rem;margin-bottom:var(--cex-spacing-lg)}.class-exams-main-title{align-items:center;color:#0f172a;color:var(--cex-gray-900);display:flex;font-size:2.25rem;font-weight:800;gap:.75rem;gap:var(--cex-spacing-sm);letter-spacing:-.025em;line-height:1.2;margin:0 0 .75rem;margin:0 0 var(--cex-spacing-sm) 0}.class-exams-title-icon{color:#2d5be3;color:var(--cex-primary-blue);font-size:2rem}.class-exams-subtitle{color:#475569;color:var(--cex-gray-600);font-size:1.125rem;line-height:1.6;margin:0;max-width:600px}.class-exams-meta-stats{align-items:center;display:flex;gap:1.5rem;gap:var(--cex-spacing-lg);padding:.75rem 0;padding:var(--cex-spacing-sm) 0}.class-exams-meta-stat{display:flex;flex-direction:column;gap:.25rem}.class-exams-meta-value{color:#2d5be3;color:var(--cex-primary-blue);font-size:1.5rem;font-weight:700;line-height:1}.class-exams-meta-label{color:#475569;color:var(--cex-gray-600);font-size:.875rem;font-weight:500}.class-exams-meta-divider{color:#cbd5e1;color:var(--cex-gray-300);font-size:1.5rem;font-weight:300}.class-exams-header-actions{align-items:center;display:flex;gap:.75rem;gap:var(--cex-spacing-sm)}.class-exams-action-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--cex-radius-lg);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.625rem;height:48px;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal);white-space:nowrap}.class-exams-primary-action{background:linear-gradient(135deg,#2d5be3,#1e40af);background:linear-gradient(135deg,var(--cex-primary-blue),var(--cex-primary-dark));box-shadow:0 4px 15px #2d5be34d;color:#fff;color:var(--cex-white)}.class-exams-primary-action:hover{box-shadow:0 8px 25px #2d5be366;transform:translateY(-2px)}.class-exams-secondary-action{background:#fff;background:var(--cex-white);border:2px solid #e2e8f0;border:2px solid var(--cex-gray-200);box-shadow:0 1px 3px #00000014;box-shadow:var(--cex-shadow-sm);color:#2d5be3;color:var(--cex-primary-blue)}.class-exams-secondary-action:hover{background:#f8fafc;background:var(--cex-gray-100);border-color:#2d5be3;border-color:var(--cex-primary-blue);transform:translateY(-2px)}.class-exams-dashboard-overview{grid-gap:1.5rem;grid-gap:var(--cex-spacing-lg);display:grid;gap:1.5rem;gap:var(--cex-spacing-lg);grid-template-columns:2fr 1fr}.class-exams-overview-card{background:#fff;background:var(--cex-white);border:1px solid #e2e8f0;border:1px solid var(--cex-gray-200);border-radius:20px;border-radius:var(--cex-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--cex-shadow-md);padding:2rem;padding:var(--cex-spacing-xl)}.class-exams-stats-card{align-items:center;display:flex}.class-exams-stats-grid{grid-gap:1.5rem;grid-gap:var(--cex-spacing-lg);display:grid;gap:1.5rem;gap:var(--cex-spacing-lg);grid-template-columns:repeat(4,1fr);width:100%}.class-exams-stat-item{align-items:center;background:#f8fafc;background:var(--cex-gray-100);border-radius:16px;border-radius:var(--cex-radius-lg);display:flex;gap:1rem;gap:var(--cex-spacing-md);padding:1rem;padding:var(--cex-spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-stat-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--cex-shadow-md);transform:translateY(-2px)}.class-exams-stat-icon{align-items:center;border-radius:12px;border-radius:var(--cex-radius-md);color:#fff;color:var(--cex-white);display:flex;flex-shrink:0;font-size:1.25rem;height:56px;justify-content:center;width:56px}.class-exams-stat-blue{background:linear-gradient(135deg,#2d5be3,#3b82f6);background:linear-gradient(135deg,var(--cex-primary-blue),#3b82f6)}.class-exams-stat-green{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--cex-accent-green),#34d399)}.class-exams-stat-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--cex-accent-orange),#fbbf24)}.class-exams-stat-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--cex-accent-purple),#a78bfa)}.class-exams-stat-content{flex:1 1}.class-exams-stat-number{color:#0f172a;color:var(--cex-gray-900);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.class-exams-stat-text{color:#475569;color:var(--cex-gray-600);font-size:.875rem;font-weight:500}.class-exams-actions-card{display:flex;flex-direction:column;gap:1.5rem;gap:var(--cex-spacing-lg)}.class-exams-actions-title{color:#0f172a;color:var(--cex-gray-900);font-size:1.25rem;font-weight:700;margin:0}.class-exams-actions-grid{grid-gap:.75rem;grid-gap:var(--cex-spacing-sm);display:grid;gap:.75rem;gap:var(--cex-spacing-sm);grid-template-columns:1fr}.class-exams-quick-action{align-items:center;background:#fff;background:var(--cex-white);border:2px solid #e2e8f0;border:2px solid var(--cex-gray-200);border-radius:16px;border-radius:var(--cex-radius-lg);color:#334155;color:var(--cex-gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-quick-action:hover{background:#f8fafc;background:var(--cex-gray-100);border-color:#2d5be3;border-color:var(--cex-primary-blue);transform:translateX(4px)}.class-exams-grid-section{background:#fff;background:var(--cex-white);border:1px solid #e2e8f0;border:1px solid var(--cex-gray-200);border-radius:20px;border-radius:var(--cex-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--cex-shadow-md);padding:2rem;padding:var(--cex-spacing-xl)}.class-exams-grid-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--cex-gray-200);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--cex-spacing-xl);padding-bottom:1.5rem;padding-bottom:var(--cex-spacing-lg)}.class-exams-grid-title{align-items:center;color:#0f172a;color:var(--cex-gray-900);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;gap:var(--cex-spacing-sm);margin:0}.class-exams-grid-actions{background:#f8fafc;background:var(--cex-gray-100);border-radius:16px;border-radius:var(--cex-radius-lg);display:flex;gap:.75rem;gap:var(--cex-spacing-sm);padding:.25rem}.class-exams-grid-action{background:#0000;border:none;border-radius:12px;border-radius:var(--cex-radius-md);color:#475569;color:var(--cex-gray-600);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-grid-action.active{background:#fff;background:var(--cex-white);box-shadow:0 1px 3px #00000014;box-shadow:var(--cex-shadow-sm);color:#2d5be3;color:var(--cex-primary-blue)}.class-exams-grid-action:hover:not(.active){color:#0f172a;color:var(--cex-gray-900)}.class-exams-grid-container{grid-gap:1.5rem;grid-gap:var(--cex-spacing-lg);display:grid;gap:1.5rem;gap:var(--cex-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin:0 auto;max-width:1440px}.class-exams-card{background:#fff;background:var(--cex-white);border:1px solid #e2e8f0;border:1px solid var(--cex-gray-200);border-radius:20px;border-radius:var(--cex-radius-xl);box-shadow:0 4px 12px #2d5be314;box-shadow:var(--cex-shadow-card);cursor:pointer;display:flex;flex-direction:column;height:420px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-slow);z-index:1}.class-exams-card-pastel-blue .class-exams-card-top{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:linear-gradient(135deg,var(--cex-pastel-blue),#bae6fd)}.class-exams-card-pastel-lavender .class-exams-card-top{background:linear-gradient(135deg,#f3e8ff,#ddd6fe);background:linear-gradient(135deg,var(--cex-pastel-lavender),#ddd6fe)}.class-exams-card-pastel-mint .class-exams-card-top{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:linear-gradient(135deg,var(--cex-pastel-mint),#bbf7d0)}.class-exams-card-pastel-coral .class-exams-card-top{background:linear-gradient(135deg,#ffe4e6,#fecaca);background:linear-gradient(135deg,var(--cex-pastel-coral),#fecaca)}.class-exams-card-pastel-peach .class-exams-card-top{background:linear-gradient(135deg,#ffedd5,#fed7aa);background:linear-gradient(135deg,var(--cex-pastel-peach),#fed7aa)}.class-exams-card-pastel-aqua .class-exams-card-top{background:linear-gradient(135deg,#ccfbf1,#99f6e4);background:linear-gradient(135deg,var(--cex-pastel-aqua),#99f6e4)}.class-exams-card-pastel-lilac .class-exams-card-top{background:linear-gradient(135deg,#f5d0fe,#f5d0fe);background:linear-gradient(135deg,var(--cex-pastel-lilac),#f5d0fe)}.class-exams-card-pastel-sunshine .class-exams-card-top{background:linear-gradient(135deg,#fef3c7,#fde68a);background:linear-gradient(135deg,var(--cex-pastel-sunshine),#fde68a)}.class-exams-card-pastel-rose .class-exams-card-top{background:linear-gradient(135deg,#fce7f3,#fbcfe8);background:linear-gradient(135deg,var(--cex-pastel-rose),#fbcfe8)}.class-exams-card-pastel-sky .class-exams-card-top{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:linear-gradient(135deg,var(--cex-pastel-sky),#bae6fd)}.class-exams-card-pastel-lime .class-exams-card-top{background:linear-gradient(135deg,#ecfccb,#d9f99d);background:linear-gradient(135deg,var(--cex-pastel-lime),#d9f99d)}.class-exams-card-pastel-sand .class-exams-card-top{background:linear-gradient(135deg,#fef9c3,#fef08a);background:linear-gradient(135deg,var(--cex-pastel-sand),#fef08a)}.class-exams-card-top{align-items:center;display:flex;flex-direction:column;height:200px;padding:2rem;padding:var(--cex-spacing-xl);position:relative;text-align:center;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:2}.class-exams-card-middle{background:#fff;background:var(--cex-white);display:flex;flex:1 1;flex-direction:column;height:140px;justify-content:center}.class-exams-card-bottom,.class-exams-card-middle{padding:1.5rem 2rem;padding:var(--cex-spacing-lg) var(--cex-spacing-xl);z-index:2}.class-exams-card-bottom{background:#f8fafc;background:var(--cex-gray-100);border-top:1px solid #e2e8f0;border-top:1px solid var(--cex-gray-200);height:80px;overflow:hidden;position:relative}.class-exams-card-image-wrapper{margin-bottom:1.5rem;margin-bottom:var(--cex-spacing-lg);position:relative}.class-exams-card-image-container{height:100px;margin:0 auto;position:relative;width:100px}.class-exams-card-image{background:#fff;background:var(--cex-white);border:4px solid #fff;border:4px solid var(--cex-white);border-radius:50%;box-shadow:0 8px 20px #00000026;height:100%;object-fit:contain;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal);width:100%;z-index:2}.class-exams-card-image-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:1}.class-exams-card-status{border-radius:50px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--cex-white);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem;position:absolute;right:-10px;text-transform:uppercase;top:-10px;white-space:nowrap;z-index:3}.class-exams-card-info{text-align:center}.class-exams-card-title{color:#0f172a;color:var(--cex-gray-900);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.class-exams-card-subtitle{color:#475569;color:var(--cex-gray-600);font-size:.875rem;font-weight:500;margin:0}.class-exams-card-stats{display:flex;flex-direction:column;gap:1.5rem;gap:var(--cex-spacing-lg)}.class-exams-stat-pair{display:flex;gap:1rem;gap:var(--cex-spacing-md);justify-content:space-between}.class-exams-stat-item-compact{align-items:center;background:#f8fafc;background:var(--cex-gray-100);border:1px solid #e2e8f0;border:1px solid var(--cex-gray-200);border-radius:16px;border-radius:var(--cex-radius-lg);display:flex;flex:1 1;gap:.75rem;gap:var(--cex-spacing-sm);padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-stat-item-compact:hover{border-color:#2d5be3;border-color:var(--cex-primary-blue);transform:translateY(-2px)}.class-exams-stat-icon-compact{align-items:center;background:#fff;background:var(--cex-white);border-radius:12px;border-radius:var(--cex-radius-md);box-shadow:0 1px 3px #00000014;box-shadow:var(--cex-shadow-sm);color:#2d5be3;color:var(--cex-primary-blue);display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.class-exams-stat-content-compact{flex:1 1}.class-exams-stat-number-compact{color:#0f172a;color:var(--cex-gray-900);font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:.125rem}.class-exams-stat-label-compact{color:#475569;color:var(--cex-gray-600);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.class-exams-progress-container{margin-top:auto}.class-exams-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.class-exams-progress-label{color:#475569;color:var(--cex-gray-600);font-size:.875rem;font-weight:500}.class-exams-progress-percentage{color:#2d5be3;color:var(--cex-primary-blue);font-size:1rem;font-weight:700}.class-exams-progress-bar{background:#e2e8f0;background:var(--cex-gray-200);border-radius:4px;height:8px;overflow:hidden}.class-exams-progress-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.class-exams-card-actions{gap:.75rem;gap:var(--cex-spacing-sm);position:relative;z-index:3}.class-exams-card-action,.class-exams-card-actions{display:flex;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-card-action{align-items:center;border:none;border-radius:16px;border-radius:var(--cex-radius-lg);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;white-space:nowrap}.class-exams-action-view{background:#fff;background:var(--cex-white);border:2px solid #cbd5e1;border:2px solid var(--cex-gray-300);color:#2d5be3;color:var(--cex-primary-blue)}.class-exams-action-view:hover{background:#2d5be3;background:var(--cex-primary-blue);border-color:#2d5be3;border-color:var(--cex-primary-blue);color:#fff;color:var(--cex-white);transform:translateY(-2px)}.class-exams-action-schedule{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--cex-accent-green),#34d399);border:2px solid #0000;color:#fff;color:var(--cex-white)}.class-exams-action-schedule:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.class-exams-card-hover-overlay{background:linear-gradient(135deg,#2d5be3f2,#1e40aff2);border-radius:20px;border-radius:var(--cex-radius-xl);bottom:0;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;z-index:4}.class-exams-card-hover-overlay,.class-exams-hover-content{align-items:center;display:flex;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-hover-content{gap:.75rem;transform:translateY(20px)}.class-exams-hover-icon{animation:pulse 2s infinite;color:#fff;color:var(--cex-white);font-size:1.5rem}.class-exams-hover-text{color:#fff;color:var(--cex-white);font-size:1.125rem;font-weight:600;letter-spacing:.5px}.class-exams-card:hover{border-color:#2d5be3;border-color:var(--cex-primary-blue);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--cex-shadow-2xl);transform:translateY(-15px)}.class-exams-card:hover .class-exams-card-top{transform:translateY(-10px)}.class-exams-card:hover .class-exams-card-image{box-shadow:0 15px 30px #0003;transform:scale(1.1) rotate(5deg)}.class-exams-card:hover .class-exams-card-hover-overlay{opacity:1}.class-exams-card:hover .class-exams-hover-content{transform:translateY(0)}.class-exams-card:hover .class-exams-card-actions{opacity:0;transform:translateY(10px)}.class-exams-footer{border-top:2px solid #e2e8f0;border-top:2px solid var(--cex-gray-200);margin-top:auto;padding-top:2rem;padding-top:var(--cex-spacing-xl)}.class-exams-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--cex-spacing-lg);justify-content:space-between}.class-exams-footer-info{align-items:center;display:flex;gap:2rem;gap:var(--cex-spacing-xl)}.class-exams-footer-stat{display:flex;flex-direction:column;gap:.25rem}.class-exams-footer-stat-value{color:#0f172a;color:var(--cex-gray-900);font-size:1.25rem;font-weight:700}.class-exams-footer-stat-label{color:#475569;color:var(--cex-gray-600);font-size:.875rem;font-weight:500}.class-exams-footer-divider{background:#cbd5e1;background:var(--cex-gray-300);height:24px;width:1px}.class-exams-footer-actions{display:flex;gap:.75rem;gap:var(--cex-spacing-sm)}.class-exams-footer-btn{align-items:center;background:#fff;background:var(--cex-white);border:2px solid #e2e8f0;border:2px solid var(--cex-gray-200);border-radius:16px;border-radius:var(--cex-radius-lg);color:#334155;color:var(--cex-gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--cex-transition-normal)}.class-exams-footer-btn:hover{border-color:#2d5be3;border-color:var(--cex-primary-blue);color:#2d5be3;color:var(--cex-primary-blue);transform:translateY(-2px)}@media (max-width:1400px){.class-exams-grid-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:1200px){.class-exams-dashboard-overview{grid-template-columns:1fr}.class-exams-stats-grid{grid-template-columns:repeat(2,1fr)}.class-exams-main-content{margin-left:0;width:100%}}@media (max-width:1024px){.class-exams-header{flex-direction:column;gap:1.5rem;gap:var(--cex-spacing-lg)}.class-exams-header-actions{width:100%}.class-exams-action-btn{flex:1 1}.class-exams-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.class-exams-main-content{padding:1.5rem;padding:var(--cex-spacing-lg)}.class-exams-grid-container{grid-template-columns:1fr}.class-exams-card{height:400px}.class-exams-footer-content{align-items:flex-start;flex-direction:column;gap:1.5rem;gap:var(--cex-spacing-lg)}.class-exams-footer-info{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--cex-spacing-md)}.class-exams-footer-divider{display:none}}@media (max-width:480px){.class-exams-main-title{font-size:1.75rem}.class-exams-stats-grid{grid-template-columns:1fr}.class-exams-card-actions,.class-exams-stat-pair{flex-direction:column}}.class-exams-card{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.class-exams-card:first-child{animation-delay:.1s}.class-exams-card:nth-child(2){animation-delay:.2s}.class-exams-card:nth-child(3){animation-delay:.3s}.class-exams-card:nth-child(4){animation-delay:.4s}.class-exams-card:nth-child(5){animation-delay:.5s}.class-exams-card:nth-child(6){animation-delay:.6s}.class-exams-card:nth-child(7){animation-delay:.7s}.class-exams-card:nth-child(8){animation-delay:.8s}.class-exams-card:nth-child(9){animation-delay:.9s}.class-exams-card:nth-child(10){animation-delay:1s}.class-exams-card:nth-child(11){animation-delay:1.1s}.class-exams-card:nth-child(12){animation-delay:1.2s}.class-exams-card:nth-child(13){animation-delay:1.3s}.class-exams-card:nth-child(14){animation-delay:1.4s}.class-exams-action-btn:focus-visible,.class-exams-card-action:focus-visible,.class-exams-footer-btn:focus-visible,.class-exams-quick-action:focus-visible{outline:3px solid #2d5be3;outline:3px solid var(--cex-primary-blue);outline-offset:2px}.class-exams-main-content::-webkit-scrollbar{width:8px}.class-exams-main-content::-webkit-scrollbar-track{background:#f8fafc;background:var(--cex-gray-100);border-radius:4px}.class-exams-main-content::-webkit-scrollbar-thumb{background:#2d5be3;background:var(--cex-primary-blue);border-radius:4px}.class-exams-main-content::-webkit-scrollbar-thumb:hover{background:#1e40af;background:var(--cex-primary-dark)}@media print{.class-exams-card-actions,.class-exams-dashboard-overview,.class-exams-footer,.class-exams-header-actions{display:none!important}.class-exams-card{border:2px solid #cbd5e1;border:2px solid var(--cex-gray-300);box-shadow:none;break-inside:avoid;height:auto;page-break-inside:avoid}.class-exams-main-content{margin-left:0;padding:0;width:100%}}.exam-sheet-screen{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;width:100%}.exam-sheet-dashboard-wrapper{background:#f8fafc;display:flex;min-height:100vh}.exam-sheet-main-content::-webkit-scrollbar,.exam-sheet-modal-container::-webkit-scrollbar,.exam-sheet-table-wrapper::-webkit-scrollbar{height:16px;width:16px}.exam-sheet-main-content::-webkit-scrollbar-track,.exam-sheet-modal-container::-webkit-scrollbar-track,.exam-sheet-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.exam-sheet-main-content::-webkit-scrollbar-thumb,.exam-sheet-modal-container::-webkit-scrollbar-thumb,.exam-sheet-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border:4px solid #f1f5f9;border-radius:10px;min-height:40px}.exam-sheet-main-content::-webkit-scrollbar-thumb:hover,.exam-sheet-modal-container::-webkit-scrollbar-thumb:hover,.exam-sheet-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#764ba2,#667eea)}.exam-sheet-main-content::-webkit-scrollbar-corner,.exam-sheet-modal-container::-webkit-scrollbar-corner,.exam-sheet-table-wrapper::-webkit-scrollbar-corner{background:#0000}.exam-sheet-main-content,.exam-sheet-modal-container,.exam-sheet-table-wrapper{scrollbar-color:#667eea #f1f5f9;scrollbar-width:thick}.exam-sheet-modal-overlay{align-items:center;animation:overlayFade .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.exam-sheet-modal-container{animation:modalSlideUp .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.exam-sheet-modal-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:2px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:30px;position:sticky;top:0;z-index:10}.exam-sheet-modal-title{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:12px;letter-spacing:-.5px}.exam-sheet-modal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5em}.exam-sheet-modal-subtitle{color:#ffffffe6;font-size:.95rem;font-weight:400;margin-top:6px}.exam-sheet-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;padding:10px;transition:all .2s;width:44px}.exam-sheet-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.exam-sheet-modal-form{padding:35px}.exam-sheet-form-section{border-bottom:2px solid #f1f5f9;margin-bottom:35px;padding-bottom:30px}.exam-sheet-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.exam-sheet-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:10px;margin-bottom:20px;padding-left:12px;position:relative}.exam-sheet-section-title:before{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:2px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.exam-sheet-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.exam-sheet-form-group{margin-bottom:0;position:relative}.exam-sheet-form-label{color:#334155;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.exam-sheet-label-text{color:#1e293b;display:block;font-size:.9rem;font-weight:700;margin-bottom:8px}.exam-sheet-select-wrapper{position:relative}.exam-sheet-form-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;font-size:1rem;font-weight:500;padding:14px 16px;transition:all .3s;width:100%}.exam-sheet-form-select:focus{background:#f8fafc;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526;outline:none}.exam-sheet-form-select option{font-size:.95rem;padding:12px}.exam-sheet-select-arrow{color:#64748b;font-size:.9em;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s}.exam-sheet-form-select:focus+.exam-sheet-select-arrow{color:#4f46e5;transform:translateY(-50%) rotate(180deg)}.exam-sheet-form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#334155;font-size:1rem;font-weight:500;padding:14px 16px;transition:all .3s;width:100%}.exam-sheet-form-input:focus{background:#f8fafc;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526;outline:none}.exam-sheet-form-input::placeholder{color:#94a3b8;font-weight:400}.exam-sheet-type-options{display:flex;gap:16px;margin-bottom:16px}.exam-sheet-type-option{flex:1 1;position:relative}.exam-sheet-type-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.exam-sheet-type-option label{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;justify-content:center;min-height:80px;padding:20px 16px;text-align:center;transition:all .3s}.exam-sheet-type-option label:hover{background:#f1f5f9;border-color:#c7d2fe}.exam-sheet-type-option input[type=radio]:checked+label{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;color:#4f46e5}.exam-sheet-type-info{align-items:center;background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:10px;color:#0369a1;display:flex;font-size:.9rem;gap:10px;line-height:1.5;margin-top:12px;padding:14px}.exam-sheet-type-info svg{color:#0ea5e9;flex-shrink:0;font-size:1.1em}.exam-sheet-exam-id-container{align-items:center;display:flex;gap:12px}.exam-id-input{background:#f8fafc!important;border:2px solid #cbd5e0!important;color:#334155;flex:1 1;font-family:SF Mono,Courier New,monospace;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:14px 16px}.exam-sheet-generate-id-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s;white-space:nowrap}.exam-sheet-generate-id-btn:hover{box-shadow:0 8px 20px #0ea5e94d;transform:translateY(-2px)}.exam-sheet-id-info{border-left:3px solid #10b981;color:#059669;display:block;font-size:.85rem;font-weight:500;margin-top:8px;padding-left:8px}.exam-sheet-year-display{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;color:#0369a1;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;margin-top:8px;padding:8px 12px}.exam-sheet-verification-result{align-items:flex-start;animation:slideIn .4s ease-out;border:2px solid;border-radius:16px;display:flex;gap:18px;margin:25px 0;padding:22px}.exam-sheet-verification-result.unique{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b981}.exam-sheet-verification-result.duplicate{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef4444}.exam-sheet-verification-icon{flex-shrink:0;font-size:2rem;margin-top:2px}.exam-sheet-verification-result.unique .exam-sheet-verification-icon{color:#10b981}.exam-sheet-verification-result.duplicate .exam-sheet-verification-icon{color:#ef4444}.exam-sheet-verification-content{flex:1 1}.exam-sheet-verification-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:8px}.exam-sheet-verification-message{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:12px}.exam-sheet-generated-id{align-items:center;background:#fff;border:2px dashed #cbd5e0;border-radius:10px;display:inline-flex;font-family:SF Mono,Courier New,monospace;font-size:.95rem;gap:8px;margin-top:12px;padding:10px 14px}.exam-sheet-existing-exams-warning{align-items:flex-start;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fee2e233,#fecaca33);border:2px solid #fecaca;border-radius:16px;display:flex;gap:18px;margin-bottom:25px;padding:22px}.exam-sheet-warning-icon{color:#dc2626;flex-shrink:0;font-size:2rem;margin-top:2px}.exam-sheet-warning-content{flex:1 1}.exam-sheet-warning-title{color:#dc2626;font-size:1.1rem;font-weight:700;margin-bottom:10px}.exam-sheet-warning-list{color:#475569;font-size:.95rem}.exam-sheet-warning-list p{font-weight:600;margin-bottom:10px}.exam-sheet-warning-list ul{margin:0;padding-left:20px}.exam-sheet-warning-list li{background:#fff;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:6px;padding:8px 12px;position:relative}.exam-sheet-modal-actions{border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;margin-top:35px;padding-top:25px}.exam-sheet-modal-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;letter-spacing:.5px;min-width:180px;padding:16px 28px;text-transform:uppercase;transition:all .3s}.exam-sheet-modal-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px #4f46e566;color:#fff}.exam-sheet-modal-btn-primary:hover:not(:disabled){box-shadow:0 12px 28px #4f46e580;transform:translateY(-4px)}.exam-sheet-modal-btn-secondary{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.exam-sheet-modal-btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e0}.exam-sheet-modal-btn-info{background:linear-gradient(135deg,#0ea5e9,#3b82f6);box-shadow:0 4px 14px #0ea5e966;color:#fff}.exam-sheet-modal-btn-info:hover:not(:disabled){box-shadow:0 12px 28px #0ea5e980;transform:translateY(-4px)}.exam-sheet-modal-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.exam-sheet-api-status{border-top:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:24px;margin-top:25px;padding-top:25px}.exam-sheet-api-status-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;font-size:.9rem;gap:12px;min-width:180px;padding:12px 18px}.exam-sheet-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.exam-sheet-api-status-item small{font-weight:600;margin-left:auto}.exam-sheet-help-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.9rem;margin-top:25px;padding:20px;text-align:center}.exam-sheet-help-text p{line-height:1.6;margin:0}.exam-sheet-help-text strong{color:#4f46e5}.exam-sheet-main-content{background:#f8fafc;flex:1 1;margin-left:18%;margin-top:-1%;overflow-y:auto;padding:30px}.exam-sheet-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:28px;padding:28px}.exam-sheet-header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.exam-sheet-header-left{flex:1 1}.exam-sheet-main-title{align-items:center;color:#1e293b;display:flex;font-size:2.25rem;font-weight:800;gap:16px;letter-spacing:-1px;margin-bottom:12px}.exam-sheet-title-icon{color:#4f46e5;filter:drop-shadow(0 4px 6px rgba(79,70,229,.2));font-size:2em}.exam-sheet-class-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.exam-sheet-class-badge,.exam-sheet-exam-id,.exam-sheet-exam-section,.exam-sheet-exam-subject,.exam-sheet-exam-type,.exam-sheet-keyboard-badge{align-items:center;border-radius:12px;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;white-space:nowrap}.exam-sheet-class-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.exam-sheet-exam-type{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.exam-sheet-exam-subject{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.exam-sheet-exam-section{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.exam-sheet-keyboard-badge{background:#f1f5f9;border:2px solid #cbd5e0;color:#475569}.exam-sheet-exam-id{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-family:SF Mono,Courier New,monospace;font-size:.85rem}.exam-sheet-header-actions{display:flex;gap:12px}.exam-sheet-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.exam-sheet-stat-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s}.exam-sheet-stat-card:before{background:linear-gradient(90deg,var(--color-start),var(--color-end));content:"";height:4px;left:0;position:absolute;right:0;top:0}.exam-sheet-stat-card.total{--color-start:#667eea;--color-end:#764ba2}.exam-sheet-stat-card.submitted{--color-start:#10b981;--color-end:#059669}.exam-sheet-stat-card.avg{--color-start:#3b82f6;--color-end:#1d4ed8}.exam-sheet-stat-card.high{--color-start:#f59e0b;--color-end:#d97706}.exam-sheet-stat-card:hover{border-color:#0000;box-shadow:0 20px 40px #0000001a;transform:translateY(-6px)}.exam-sheet-stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.exam-sheet-stat-card.total .exam-sheet-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.exam-sheet-stat-card.submitted .exam-sheet-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.exam-sheet-stat-card.avg .exam-sheet-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.exam-sheet-stat-card.high .exam-sheet-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.exam-sheet-stat-content{flex:1 1}.exam-sheet-stat-value{color:#1e293b;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:6px}.exam-sheet-stat-label{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.exam-sheet-controls-section{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:22px}.exam-sheet-search-box{flex:1 1;min-width:300px;position:relative}.exam-sheet-search-icon{color:#94a3b8;font-size:1.1em;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.exam-sheet-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:500;padding:16px 20px 16px 52px;transition:all .3s;width:80%}.exam-sheet-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526;outline:none}.exam-sheet-clear-search{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;padding:4px;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:color .2s}.exam-sheet-clear-search:hover{color:#64748b}.exam-sheet-bulk-actions{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 18px}.exam-sheet-bulk-label{color:#475569;font-size:.95rem;font-weight:600;white-space:nowrap}.exam-sheet-bulk-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;padding:12px 16px;text-align:center;width:120px}.exam-sheet-bulk-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.exam-sheet-keyboard-shortcut{color:#94a3b8;font-size:.85rem;font-weight:500;white-space:nowrap}.exam-sheet-action-buttons{display:flex;gap:12px;margin-left:auto}.exam-sheet-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;letter-spacing:.5px;padding:16px 28px;transition:all .3s;white-space:nowrap}.exam-sheet-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.exam-sheet-edit-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e0;color:#475569}.exam-sheet-edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e0);box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.exam-sheet-print-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b66;color:#fff}.exam-sheet-print-btn:hover:not(:disabled){box-shadow:0 12px 28px #f59e0b80;transform:translateY(-2px)}.exam-sheet-submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166;color:#fff}.exam-sheet-submit-btn:hover:not(:disabled){box-shadow:0 12px 28px #10b98180;transform:translateY(-2px)}.exam-sheet-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;bottom:0;display:flex;flex-direction:column;gap:28px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.exam-sheet-loading-spinner{color:#4f46e5;text-align:center}.exam-sheet-loading-spinner p{color:#fff;font-size:1.2rem;font-weight:500;margin-top:20px}.exam-sheet-loading-inline{align-items:center;color:#64748b;display:flex;font-size:1.1rem;font-weight:500;gap:16px;justify-content:center;padding:60px}.exam-sheet-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:28px;overflow:hidden}.exam-sheet-table-wrapper{max-height:500px;overflow-x:auto;position:relative}.exam-sheet-table{border-collapse:collapse;min-width:1000px;width:100%}.exam-sheet-table-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);position:sticky;top:0;z-index:10}.exam-sheet-th{border:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 14px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.exam-sheet-th:after{background:#fff3;content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.exam-sheet-th:last-child:after{display:none}.exam-sheet-th-sticky{background:inherit;box-shadow:2px 0 5px #0000001a;left:0;position:sticky;z-index:30}.exam-sheet-th-obtained{min-width:200px}.exam-sheet-table-body{background:#fff}.exam-sheet-table-row{border-bottom:1px solid #e2e8f0;position:relative;transition:all .2s}.exam-sheet-table-row:hover{background:#f8fafc}.exam-sheet-table-row.exam-sheet-row-focused{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-left:4px solid #4f46e5}.exam-sheet-table-row.submitted{background:linear-gradient(135deg,#10b9810d,#0596690d)}.exam-sheet-table-row.submitted:hover{background:linear-gradient(135deg,#10b9811a,#0596691a)}.exam-sheet-td{border-right:1px solid #f1f5f9;color:#475569;font-size:.95rem;font-weight:500;padding:18px 20px}.exam-sheet-td-sticky{background:inherit;box-shadow:2px 0 5px #0000000d;left:0;position:sticky;z-index:10}.exam-sheet-table-row:hover .exam-sheet-td-sticky{background:inherit}.exam-sheet-input-container{position:relative}.exam-sheet-marks-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#334155;font-size:1rem;font-weight:600;padding:14px 16px;text-align:center;transition:all .2s;width:140px}.exam-sheet-marks-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526;outline:none;transform:scale(1.02)}.exam-sheet-input-hint{color:#94a3b8;font-size:.8rem;font-weight:500;margin-top:6px;text-align:center}.exam-sheet-keyboard-hint{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-top:4px;text-align:center;text-transform:uppercase}.exam-sheet-percentage{border-radius:10px;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;min-width:70px;padding:8px 16px;text-align:center}.exam-sheet-percentage-good{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.exam-sheet-percentage-low{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.exam-sheet-status-badge{border-radius:10px;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;min-width:110px;padding:8px 16px;text-align:center;text-transform:uppercase}.exam-sheet-status-submitted{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b9814d;color:#fff}.exam-sheet-status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 10px #f59e0b4d;color:#fff}.exam-sheet-empty-cell{background:#f8fafc;padding:80px 40px!important;text-align:center}.exam-sheet-empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:500px}.exam-sheet-empty-icon{color:#cbd5e0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:4rem}.exam-sheet-empty-title{color:#475569;font-size:1.5rem;font-weight:700;margin:0}.exam-sheet-empty-message{color:#94a3b8;font-size:1rem;line-height:1.6;margin:0}.exam-sheet-footer-summary{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-top:4px solid #fff3;padding:24px 30px}.exam-sheet-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.exam-sheet-progress-summary{flex:1 1;min-width:350px}.exam-sheet-progress-bar{background:#fff3;height:12px;margin-bottom:12px}.exam-sheet-progress-bar,.exam-sheet-progress-fill{border-radius:6px;overflow:hidden;position:relative}.exam-sheet-progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .5s cubic-bezier(.68,-.55,.265,1.55)}.exam-sheet-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.exam-sheet-progress-text{color:#fff;font-size:1rem;font-weight:600;margin-bottom:12px}.exam-sheet-keyboard-tips{display:flex;flex-wrap:wrap;gap:20px}.exam-sheet-tip{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;font-weight:500;gap:8px}.exam-sheet-exam-id-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;color:#fff;display:inline-flex;font-family:SF Mono,Courier New,monospace;font-size:.95rem;gap:10px;margin-top:12px;padding:10px 16px}.exam-sheet-exam-id-display strong{color:#fbbf24;font-weight:700}.exam-sheet-summary-actions{display:flex;gap:12px}.exam-sheet-spin{animation:spin 1s linear infinite}@media (max-width:1200px){.exam-sheet-form-grid{gap:20px;grid-template-columns:1fr}.exam-sheet-stats-grid{grid-template-columns:repeat(2,1fr)}.exam-sheet-header-content{flex-direction:column;gap:20px}.exam-sheet-header-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.exam-sheet-modal-container{margin:10px;max-height:95vh;padding:0}.exam-sheet-modal-form{padding:25px}.exam-sheet-modal-header{align-items:flex-start;flex-direction:column;gap:15px;padding:25px}.exam-sheet-modal-close{position:absolute;right:25px;top:25px}.exam-sheet-modal-actions,.exam-sheet-type-options{flex-direction:column}.exam-sheet-modal-btn{width:100%}.exam-sheet-stats-grid{grid-template-columns:1fr}.exam-sheet-controls-section{align-items:stretch;flex-direction:column}.exam-sheet-action-buttons,.exam-sheet-bulk-actions,.exam-sheet-bulk-input,.exam-sheet-search-box{width:100%}.exam-sheet-summary-content{align-items:stretch;flex-direction:column}.exam-sheet-summary-actions{justify-content:center}.exam-sheet-progress-summary{min-width:100%}}@media (max-width:480px){.exam-sheet-main-content{padding:15px}.exam-sheet-header{padding:20px}.exam-sheet-main-title{font-size:1.75rem}.exam-sheet-class-info{justify-content:center}.exam-sheet-action-btn{font-size:.95rem;padding:14px 20px}.exam-sheet-stat-card{flex-direction:column;gap:15px;text-align:center}.exam-sheet-stat-icon{font-size:1.5rem;height:50px;width:50px}}@media print{.exam-sheet-action-btn,.exam-sheet-api-status,.exam-sheet-controls-section,.exam-sheet-footer-summary,.exam-sheet-header-actions,.exam-sheet-help-text,.exam-sheet-marks-input,.exam-sheet-modal-close,.exam-sheet-modal-overlay,.exam-sheet-type-info{display:none!important}.exam-sheet-modal-container{border:1px solid #ccc;box-shadow:none;margin:0;max-height:none;padding:0;position:static}.exam-sheet-table{min-width:auto}.exam-sheet-td,.exam-sheet-th{font-size:12px;padding:10px}.exam-sheet-stat-card{break-inside:avoid;page-break-inside:avoid}}.exam-sheet-error-message{color:#dc2626}.exam-sheet-error-message,.exam-sheet-success-message{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:8px}.exam-sheet-success-message{color:#059669}.exam-sheet-info-message{align-items:center;color:#0ea5e9;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:8px}.exam-sheet-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.finance-dashboard-wrapper{display:flex;min-height:100vh}.finance-main-content{flex:1 1;margin-left:280px;overflow-x:hidden;padding:20px;transition:margin-left .3s ease}@media (max-width:1200px){.finance-main-content{margin-left:0;padding:15px}}.finance-professional-header{background:linear-gradient(135deg,#1a237e,#283593);border-radius:15px;box-shadow:0 10px 30px #00000026;color:#fff;margin-bottom:25px;overflow:hidden;padding:25px 30px;position:relative}.finance-professional-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:0;top:0;width:300px}.finance-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;position:relative;z-index:2}.finance-header-text{flex:1 1;min-width:300px}.finance-header-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:15px;margin-bottom:8px}.finance-header-title-icon{color:#64ffda;font-size:2rem}.finance-header-subtitle{font-size:1.1rem;line-height:1.5;max-width:600px;opacity:.9}.finance-header-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;gap:30px;min-width:400px;padding:20px}.finance-stat-item{flex:1 1;text-align:center}.finance-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#64ffda,#00bcd4);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.2rem;font-weight:700;margin-bottom:5px}.finance-stat-label{font-size:.9rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}@media (max-width:992px){.finance-header-content{flex-direction:column;text-align:center}.finance-header-stats{justify-content:space-around;min-width:100%}.finance-header-title{justify-content:center}}@media (max-width:768px){.finance-header-stats{flex-direction:column;gap:20px}.finance-header-title{font-size:2rem}}.finance-search-filter-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;padding:20px}.finance-search-container{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.finance-search-icon{color:#667eea;font-size:1.2rem;left:15px;position:absolute}.finance-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:14px 20px 14px 45px;transition:all .3s ease;width:100%}.finance-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.finance-clear-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:10px;transition:color .3s ease}.finance-clear-search-btn:hover{color:#e53e3e}.finance-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-left:10px;min-width:120px;padding:14px 30px;transition:transform .3s ease,box-shadow .3s ease}.finance-search-btn:hover:not(:disabled){box-shadow:0 7px 20px #667eea66;transform:translateY(-2px)}.finance-search-btn:disabled{cursor:not-allowed;opacity:.6}.finance-filter-actions{align-items:center;display:flex;gap:10px}.finance-filter-btn,.finance-refresh-btn,.finance-view-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.finance-filter-btn:hover,.finance-refresh-btn:hover,.finance-view-btn:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.finance-view-btn.finance-active{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.finance-search-filter-bar{flex-direction:column}.finance-search-container{min-width:100%}.finance-search-btn{margin-left:0;margin-top:10px;width:100%}.finance-filter-actions{justify-content:center;width:100%}}.finance-search-results-container{animation:finance-slideIn .5s ease;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:25px;padding:25px}@keyframes finance-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.finance-search-results-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.finance-search-results-header h3{color:#1e293b;font-size:1.5rem;font-weight:600}.finance-close-results-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem;padding:5px;transition:color .3s ease}.finance-close-results-btn:hover{color:#e53e3e}.finance-search-results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.finance-search-result-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.finance-search-result-card:hover{border-color:#667eea;box-shadow:0 15px 30px #667eea26;transform:translateY(-5px)}.finance-search-result-card:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.finance-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.finance-result-header h4{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.finance-result-type{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.finance-result-type.finance-student{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.finance-result-type.finance-family{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.finance-result-details{margin-bottom:20px}.finance-result-details p{color:#475569;display:flex;font-size:.95rem;justify-content:space-between;margin:8px 0}.finance-result-details p span{color:#1e293b;font-weight:600}.finance-view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.finance-view-details-btn:hover{box-shadow:0 7px 20px #667eea4d;transform:translateY(-2px)}.finance-no-results{color:#64748b;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.finance-search-results-grid{grid-template-columns:1fr}}.finance-dashboard-error,.finance-dashboard-loading{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:25px;padding:50px;text-align:center}.finance-loading-spinner{color:#667eea;margin-bottom:25px}.finance-dashboard-loading p{color:#64748b;font-size:1.1rem}.finance-dashboard-error{border:2px solid #ff416c}.finance-error-icon{color:#ff416c;font-size:3rem;margin-bottom:20px}.finance-dashboard-error p{color:#475569;font-size:1.1rem;margin-bottom:25px}.finance-retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.finance-retry-btn:hover{box-shadow:0 7px 20px #667eea4d;transform:translateY(-2px)}.finance-quick-stats-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}@media (max-width:1200px){.finance-quick-stats-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.finance-quick-stats-dashboard{grid-template-columns:1fr}}.finance-stats-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.finance-stats-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.finance-stats-card:before{content:"";height:4px;left:0;position:absolute;top:0;width:100%}.finance-stats-card.finance-total-revenue:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.finance-stats-card.finance-pending-payments:before{background:linear-gradient(90deg,#fa709a,#fee140)}.finance-stats-card.finance-active-accounts:before{background:linear-gradient(90deg,#667eea,#764ba2)}.finance-stats-card.finance-collection-rate:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.finance-stats-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.finance-stats-card.finance-total-revenue .finance-stats-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.finance-stats-card.finance-pending-payments .finance-stats-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.finance-stats-card.finance-active-accounts .finance-stats-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.finance-stats-card.finance-collection-rate .finance-stats-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.finance-stats-content{flex:1 1}.finance-stats-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.finance-stats-content h2{color:#1e293b;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:10px}.finance-stats-change{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:5px}.finance-stats-change.finance-positive{color:#10b981}.finance-stats-change.finance-warning{color:#f59e0b}.finance-stats-change.finance-negative{color:#ef4444}.finance-content{margin-bottom:30px}.finance-cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.finance-cards-grid{grid-template-columns:1fr}}.finance-professional-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;height:16rem;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.finance-professional-card:hover{border-color:#0000;box-shadow:0 25px 50px #00000026;transform:translateY(-10px) scale(1.02)}.finance-professional-card.finance-featured{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid #0000}.finance-card-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 15px;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:2}.finance-badge-premium{background:linear-gradient(135deg,gold,orange);color:#7c2d12}.finance-badge-new{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}.finance-badge-secure{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.finance-badge-advanced{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.finance-badge-admin{background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff}.finance-card-icon-wrapper{margin-bottom:25px}.finance-card-icon-bg{align-items:center;border-radius:16px;display:flex;height:70px;justify-content:center;transition:transform .3s ease;width:70px}.finance-professional-card:hover .finance-card-icon-bg{transform:scale(1.1) rotate(5deg)}.finance-card-icon{color:#fff;font-size:2rem}.finance-card-content{flex:1 1;margin-bottom:25px}.finance-card-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:12px}.finance-card-subtitle{color:#64748b;font-size:1rem;line-height:1.5;margin-bottom:20px}.finance-card-stats{margin-top:15px}.finance-stats-tag{background:#f1f5f9;border-radius:20px;color:#475569;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 15px}.finance-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:20px}.finance-access-badge{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:8px}.finance-arrow-icon{color:#64748b;transition:transform .3s ease,color .3s ease}.finance-professional-card:hover .finance-arrow-icon{color:#667eea;transform:translateX(5px)}.finance-card-hover-effect{background:var(--card-gradient);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:-1}.finance-professional-card:hover .finance-card-hover-effect{opacity:.1}.finance-recent-activity{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:30px}.finance-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.finance-activity-header h3{color:#1e293b;font-size:1.5rem;font-weight:600}.finance-view-all-btn{align-items:center;background:none;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.finance-view-all-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.finance-activity-list{display:flex;flex-direction:column;gap:15px}.finance-activity-item{align-items:flex-start;background:#f8fafc;border:1px solid #0000;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.finance-activity-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 5px 15px #0000000d;transform:translateX(5px)}.finance-activity-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.finance-activity-icon.finance-success{background:#10b9811a;color:#10b981}.finance-activity-icon.finance-info{background:#3b82f61a;color:#3b82f6}.finance-activity-icon.finance-warning{background:#f59e0b1a;color:#f59e0b}.finance-activity-content{flex:1 1}.finance-activity-content p{color:#1e293b;font-size:1rem;line-height:1.4;margin-bottom:8px}.finance-activity-content p strong{color:#667eea;font-weight:600}.finance-activity-time{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:5px}.finance-no-activity{color:#94a3b8;font-size:1.1rem;padding:40px;text-align:center}.finance-professional-footer{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-top:30px;padding:30px}.finance-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.finance-footer-left{flex:1 1;min-width:300px}.finance-footer-logo{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:15px}.finance-footer-logo svg{color:#667eea;font-size:2rem}.finance-footer-text{color:#64748b;font-size:1rem;line-height:1.5;max-width:400px}.finance-footer-right{text-align:right}.finance-footer-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:flex-end;margin-bottom:15px}.finance-footer-links a{color:#64748b;font-weight:600;position:relative;text-decoration:none;transition:color .3s ease}.finance-footer-links a:hover{color:#667eea}.finance-footer-links a:after{background:#667eea;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.finance-footer-links a:hover:after{width:100%}.finance-footer-copyright{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:10px;justify-content:flex-end}.finance-version{background:#f1f5f9;border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 10px}.finance-footer-bottom{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:25px}.finance-system-status{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:10px}.finance-status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.finance-status-dot.finance-online{background:#10b981;box-shadow:0 0 10px #10b981}.finance-status-dot.finance-offline{background:#ef4444;box-shadow:0 0 10px #ef4444}.finance-system-status strong{color:#1e293b;font-weight:600}.finance-last-updated{color:#94a3b8;font-size:.9rem}@media (max-width:768px){.finance-footer-content{flex-direction:column;text-align:center}.finance-footer-right{text-align:center}.finance-footer-copyright,.finance-footer-links{justify-content:center}.finance-footer-bottom{flex-direction:column;text-align:center}}@keyframes finance-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes finance-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes finance-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.finance-loading-spinner svg{animation:finance-float 2s ease-in-out infinite}.finance-search-btn:disabled svg{animation:finance-spin 1s linear infinite}@keyframes finance-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.finance-professional-header{padding:20px}.finance-header-title{font-size:1.8rem}.finance-header-subtitle{font-size:1rem}.finance-stats-card{padding:20px}.finance-stats-content h2{font-size:1.8rem}.finance-cards-grid{gap:15px}.finance-professional-card{padding:20px}.finance-card-title{font-size:1.3rem}.finance-recent-activity{padding:20px}}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media print{.finance-filter-actions,.finance-refresh-btn,.finance-search-btn,.finance-search-filter-bar,.finance-view-all-btn{display:none!important}.finance-professional-card{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.finance-professional-card:hover{transform:none!important}}:root{--pts-primary:#1a2a6c;--pts-secondary:#b2945e;--pts-accent-success:#27ae60;--pts-accent-danger:#c0392b;--pts-text-dark:#2c3e50;--pts-text-light:#7f8c8d;--pts-paper-bg:#fff;--pts-app-bg:#eef2f5;--pts-border-color:#dcdde1}.pts-page{background-color:#eef2f5;background-color:var(--pts-app-bg);color:#2c3e50;color:var(--pts-text-dark);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh}.pts-page.pts-full-screen .pts-header,.pts-page.pts-full-screen .pts-sidebar{display:none}.pts-header{background-color:#1a2a6c;background-color:var(--pts-primary);box-shadow:0 4px 12px #00000026;color:#fff;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.pts-header,.pts-nav-center{align-items:center;display:flex}.pts-nav-center{gap:12px}.pts-main-icon{color:#b2945e;color:var(--pts-secondary);font-size:1.8rem}.pts-header h2{font-size:1.25rem;font-weight:600;letter-spacing:.5px;margin:0}.pts-back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background .2s}.pts-back-btn:hover{background:#fff3}.pts-header-actions{display:flex;gap:10px}.pts-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:9px 18px;transition:all .2s ease}.pts-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.pts-btn-style{background:#fff;color:#1a2a6c;color:var(--pts-primary)}.pts-btn-pdf{background:#c0392b;background:var(--pts-accent-danger);color:#fff}.pts-btn-print{background:#27ae60;background:var(--pts-accent-success);color:#fff}.pts-btn-expand{background:#b2945e;background:var(--pts-secondary);color:#fff}.pts-main-container{display:flex;flex:1 1;gap:30px;margin:0 auto;max-width:1600px;padding:30px;width:100%}.pts-sidebar{background:#fff;border:1px solid #dcdde1;border:1px solid var(--pts-border-color);border-radius:12px;box-shadow:0 5px 20px #0000000d;height:fit-content;padding:25px;position:sticky;top:100px;width:320px}.pts-sidebar h3{border-bottom:2px solid #b2945e;border-bottom:2px solid var(--pts-secondary);color:#1a2a6c;color:var(--pts-primary);margin-top:0;padding-bottom:10px}.pts-input-group,.pts-sidebar h3{margin-bottom:20px}.pts-input-group label{align-items:center;color:#2c3e50;color:var(--pts-text-dark);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px}.pts-input-group input[type=file],.pts-input-group input[type=text]{background:#fafafa;border:1px solid #dcdde1;border:1px solid var(--pts-border-color);border-radius:6px;font-size:.9rem;padding:10px;width:100%}.pts-toggle-group{border-top:1px solid #eee;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.pts-checkbox{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px}.pts-checkbox input{accent-color:#1a2a6c;accent-color:var(--pts-primary);height:18px;width:18px}.pts-preview-wrapper{background:#dcdde1;border-radius:12px;box-shadow:inset 0 0 20px #0000000d;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:40px}.pts-a4-paper{background:#fff;background:var(--pts-paper-bg);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;min-height:297mm;overflow:hidden;padding:15mm;position:relative;transform-origin:top center;transition:transform .2s ease;width:210mm}.pts-bubbles-layer{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.pts-bubble{border-radius:50%;opacity:.03;position:absolute}.b1{background:#1a2a6c;background:var(--pts-primary);height:400px;right:-120px;top:-120px;width:400px}.b2{background:#b2945e;background:var(--pts-secondary);bottom:80px;height:250px;left:-80px;width:250px}.b3{background:#1a2a6c;background:var(--pts-primary);height:180px;left:10%;top:40%;width:180px}.pts-watermark{border:5px solid #00000005;border-radius:10px;color:#00000005;font-size:5rem;font-weight:900;left:50%;padding:10px 40px;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%) rotate(-45deg);white-space:nowrap;z-index:0}.pts-stamp-placement{height:120px;position:relative;width:120px}.pts-stamp-circle,.pts-stamp-placement{align-items:center;display:flex;justify-content:center}.pts-stamp-circle{border:2px dashed #ccc;border-radius:50%;color:#aaa;font-size:.7rem;font-weight:600;height:100px;padding:10px;text-align:center;text-transform:uppercase;width:100px}.pts-official-stamp{filter:sepia(.2) contrast(1.1);height:auto;mix-blend-mode:multiply;opacity:.85;position:absolute;transform:rotate(-12deg);width:230px}.pts-paper-header{border-bottom:3px double #b2945e;border-bottom:3px double var(--pts-secondary);margin-bottom:25px;padding-bottom:15px;position:relative;z-index:2}.pts-school-branding{align-items:center;display:flex;gap:20px;margin-bottom:20px}.pts-logo-img{height:80px;object-fit:contain;width:80px}.pts-logo-placeholder{align-items:center;background:#1a2a6c;background:var(--pts-primary);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.pts-school-text h1{color:#1a2a6c;color:var(--pts-primary);font-family:Times New Roman,serif;font-size:2rem;font-weight:800;line-height:1.1;margin:0}.pts-school-text p{color:#b2945e;color:var(--pts-secondary);font-size:.9rem;font-weight:700;letter-spacing:1.5px;margin:5px 0 0;text-transform:uppercase}.pts-document-badge{margin:20px 0;text-align:center}.pts-document-badge h2{background:#1a2a6c;background:var(--pts-primary);border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:8px 30px;text-transform:uppercase}.pts-test-info-grid{grid-gap:12px 30px;color:#2c3e50;color:var(--pts-text-dark);display:grid;font-size:.95rem;gap:12px 30px;grid-template-columns:repeat(2,1fr);margin-top:15px}.pts-info-item{border-bottom:1px dotted #ccc;padding-bottom:4px}.pts-info-item strong{color:#1a2a6c;color:var(--pts-primary);display:inline-block;width:80px}.pts-stats-bar{display:flex;gap:15px;margin-bottom:25px;position:relative;z-index:2}.pts-stat-box{background:#fcfcfc;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000005;flex:1 1;padding:12px;text-align:center}.pts-stat-box span{color:#7f8c8d;display:block;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pts-stat-box strong{color:#1a2a6c;color:var(--pts-primary);display:block;font-size:1.4rem;margin-top:4px}.pts-table-container{flex:1 1;position:relative;z-index:2}.pts-main-table{border-collapse:collapse;font-size:.9rem;width:100%}.pts-main-table th{background:#1a2a6c;background:var(--pts-primary);border:1px solid #1a2a6c;border:1px solid var(--pts-primary);color:#fff;font-size:.8rem;font-weight:600;padding:12px 10px;text-align:left;text-transform:uppercase}.pts-main-table td{border:1px solid #dee2e6;color:#2c3e50;color:var(--pts-text-dark);padding:10px}.pts-main-table tr:nth-child(2n){background-color:#f8f9fa}.pts-col-roll{color:#2c3e50;color:var(--pts-text-dark);font-family:Courier New,monospace;font-weight:700}.pts-col-name{font-weight:600;text-transform:uppercase}.pts-col-marks{background-color:#fffde7;color:#1a2a6c;color:var(--pts-primary);font-weight:700;text-align:center}.pts-col-grade{font-weight:800}.pts-col-grade,.text-center{text-align:center}.grade-A,.grade-A\+{color:#27ae60;color:var(--pts-accent-success)}.grade-B{color:#2980b9}.grade-C{color:#f39c12}.grade-D{color:#e67e22}.grade-F{color:#c0392b;color:var(--pts-accent-danger)}.pts-paper-footer{margin-top:40px;position:relative;z-index:2}.pts-signature-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px}.pts-sig-block{text-align:center;width:200px}.pts-sig-line{border-top:2px solid #2c3e50;border-top:2px solid var(--pts-text-dark);margin-bottom:8px}.pts-sig-block p{color:#1a2a6c;color:var(--pts-primary);font-size:.85rem;font-weight:700;margin:0;text-transform:uppercase}.pts-footer-note{border-top:1px solid #eee;color:#95a5a6;font-size:.7rem;font-style:italic;margin-top:20px;padding-top:10px;text-align:center}@media print{.no-print,.pts-header,.pts-preview-wrapper::-webkit-scrollbar,.pts-sidebar{display:none!important}.pts-page,body{background:#fff;height:100%;margin:0;padding:0;width:100%}.pts-preview-wrapper{background:#fff;border-radius:0;box-shadow:none;display:block;padding:0}.pts-a4-paper{border:none;box-shadow:none;margin:0;min-height:297mm;padding:10mm;page-break-after:always;transform:scale(1)!important;width:210mm}.pts-a4-paper,.pts-bubble,.pts-document-badge h2,.pts-main-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.exam-print-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;position:relative}.exam-print-full-screen{overflow:hidden;padding:0}.exam-print-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.exam-print-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;gap:10px;margin:0}.exam-print-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.exam-print-back-btn{align-items:center;background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:background .3s}.exam-print-back-btn:hover{background:#2980b9}.exam-print-customize-btn,.exam-print-fullscreen-btn,.exam-print-pdf-btn,.exam-print-print-btn{align-items:center;background:#2c3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 15px;transition:background .3s}.exam-print-pdf-btn{background:#e74c3c}.exam-print-print-btn{background:#27ae60}.exam-print-fullscreen-btn{background:#8e44ad}.exam-print-customize-btn:hover{background:#1a252f}.exam-print-pdf-btn:hover{background:#c0392b}.exam-print-print-btn:hover{background:#229954}.exam-print-fullscreen-btn:hover{background:#7d3c98}.exam-print-zoom-controls{align-items:center;background:#fff;border:2px solid #3498db;border-radius:5px;display:flex;padding:5px}.exam-print-zoom-btn{align-items:center;background:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;width:30px}.exam-print-zoom-level{color:#2c3e50;font-weight:600;min-width:60px;padding:0 10px;text-align:center}.exam-print-container{display:flex;gap:20px;position:relative}.exam-print-customization-panel{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-height:calc(100vh - 100px);overflow-y:auto;padding:20px;position:sticky;top:20px;width:300px}.exam-print-panel-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.exam-print-panel-header h3{color:#2c3e50;margin:0}.exam-print-close-panel{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;padding:5px}.exam-print-customization-group{margin-bottom:20px}.exam-print-customization-group label{align-items:center;color:#2c3e50;display:block;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.exam-print-customization-group input[type=text]{border:2px solid #bdc3c7;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.exam-print-customization-group input[type=text]:focus{border-color:#3498db;outline:none}.exam-print-font-size-buttons,.exam-print-theme-buttons{display:flex;gap:5px}.exam-print-font-size-buttons button,.exam-print-theme-buttons button{background:#fff;border:2px solid #bdc3c7;border-radius:5px;color:#2c3e50;cursor:pointer;flex:1 1;font-size:12px;padding:8px 5px;transition:all .3s}.exam-print-font-size-buttons button.active,.exam-print-theme-buttons button.active{background:#3498db;border-color:#3498db;color:#fff}.exam-print-logo-upload{display:flex;flex-direction:column;gap:10px}.exam-print-upload-btn{align-items:center;background:#3498db;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px 15px;text-align:center}.exam-print-logo-preview{text-align:center}.exam-print-logo-preview img{border-radius:5px;margin-bottom:10px;max-height:100px;max-width:100px}.exam-print-logo-preview button{background:#e74c3c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.exam-print-checkboxes,.exam-print-column-checkboxes{display:flex;flex-direction:column;gap:10px}.exam-print-checkboxes label,.exam-print-column-checkboxes label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.exam-print-instructions{background:#f8f9fa;border-left:4px solid #3498db;border-radius:5px;margin-top:20px;padding:15px}.exam-print-instructions p{font-size:14px;margin:0 0 10px}.exam-print-instructions ul{color:#555;font-size:13px;margin:0;padding-left:20px}.exam-print-preview-wrapper{background:#ecf0f1;border-radius:10px;box-shadow:inset 0 2px 10px #0000001a;flex:1 1;overflow:auto;padding:20px}.exam-print-full-screen-mode{padding:0}.exam-print-a4-paper{background:#fff;box-shadow:0 0 20px #0000001a;margin:0 auto;min-height:297mm;overflow:hidden;padding:15mm;position:relative;width:210mm}.exam-print-watermark-overlay{align-items:center;bottom:0;color:#0000001a;display:flex;font-size:80px;font-weight:700;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:rotate(-45deg);z-index:1}.exam-print-school-header{border-bottom:2px solid #3498db;margin-bottom:20px;padding-bottom:15px;text-align:center}.exam-print-school-header h1{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;justify-content:center;margin:0 0 5px}.exam-print-school-motto{color:#e74c3c;font-style:italic;font-weight:600;margin:0 0 5px}.exam-print-school-address{color:#7f8c8d;font-size:12px;margin:0}.exam-print-exam-header{margin-bottom:20px}.exam-print-exam-header h2{align-items:center;color:#2c3e50;display:flex;font-size:20px;gap:10px;margin:0 0 15px}.exam-print-detail-grid{grid-gap:10px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:15px}.exam-print-detail-item{display:flex;gap:5px}.exam-print-detail-label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:5px}.exam-print-detail-value{color:#34495e}.exam-print-exam-id{background:#3498db;border-radius:3px;color:#fff;font-weight:700;padding:2px 8px}.exam-print-table-container{border:1px solid #dee2e6;border-radius:5px;margin:20px 0;overflow:hidden}.exam-print-marks-table{border-collapse:collapse;font-size:11px;width:100%}.exam-print-marks-table th{background:#3498db;border-right:1px solid #2980b9;color:#fff;font-weight:600;padding:10px 5px;text-align:center}.exam-print-marks-table th:last-child{border-right:none}.exam-print-marks-table td{border:1px solid #dee2e6;padding:8px 5px;text-align:center;vertical-align:middle}.exam-print-student-row:nth-child(2n){background-color:#f8f9fa}.exam-print-student-row:hover{background-color:#e3f2fd}.exam-print-col-serial{width:10px}.exam-print-col-id{width:80px}.exam-print-col-name{padding-left:10px!important;text-align:left!important;width:40px}.exam-print-col-class,.exam-print-col-section,.exam-print-col-subject{width:50px}.exam-print-col-total{width:70px}.exam-print-col-obtained{background:#fffde7!important;width:70px}.exam-print-column-note{font-size:9px;font-style:italic;font-weight:400;margin-top:3px}.exam-print-student-id{align-items:center;display:flex;font-weight:600;gap:5px;justify-content:center}.exam-print-text-wrap{word-wrap:break-word;line-height:1.4;white-space:normal!important}.exam-print-total-marks{color:#27ae60;font-weight:700}.exam-print-marks-entry-box{align-items:center;background:#fff;border:1px dashed #e74c3c;border-radius:3px;color:#e74c3c;display:flex;font-weight:700;justify-content:center;min-height:30px}.exam-print-footer{border-top:2px solid #3498db;margin-top:30px;padding-top:20px}.exam-print-footer-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.exam-print-footer-item{display:flex;flex-direction:column;gap:5px}.exam-print-footer-item strong{color:#2c3e50;font-size:10px}.exam-print-footer-item span{color:#7f8c8d;font-size:10px}.exam-print-signatures{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:30px 0}.exam-print-signature{text-align:center}.exam-print-signature-line{background:#2c3e50;height:2px;margin-bottom:10px}.exam-print-signature p{font-size:11px;margin:5px 0}.exam-print-signature-title{color:#2c3e50;font-weight:600;margin-top:10px!important}.exam-print-disclaimer{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:5px;font-size:10px;line-height:1.6;padding:15px}.exam-print-disclaimer p{margin:0}.exam-print-disclaimer strong{color:#e74c3c}.exam-print-font-small{font-size:10px}.exam-print-font-medium{font-size:11px}.exam-print-font-large{font-size:12px}.exam-print-theme-professional{color:#2c3e50}.exam-print-theme-professional .exam-print-marks-table th{background:#2c3e50}.exam-print-theme-academic{color:#8e44ad}.exam-print-theme-academic .exam-print-marks-table th{background:#8e44ad}.exam-print-theme-corporate{color:#16a085}.exam-print-theme-corporate .exam-print-marks-table th{background:#16a085}@media print{@page{size:A4 portrait;margin:0!important;padding:0!important}body{margin:0!important}.exam-print-page,body{background:#fff!important;padding:0!important}.exam-print-back-btn,.exam-print-customization-panel,.exam-print-customize-btn,.exam-print-fullscreen-btn,.exam-print-header,.exam-print-pdf-btn,.exam-print-print-btn,.exam-print-zoom-controls{display:none!important}.exam-print-a4-paper{box-shadow:none!important;margin:0!important;min-height:297mm!important;padding:15mm!important;transform:none!important;width:210mm!important}.exam-print-container{display:block!important}.exam-print-preview-wrapper{background:#fff!important;box-shadow:none!important;padding:0!important}.exam-print-watermark-overlay{opacity:.05}.exam-print-marks-entry-box{background:#0000!important;border:1px dashed #000!important}}.exam-print-full-screen .exam-print-preview-wrapper{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.exam-print-full-screen .exam-print-a4-paper{box-shadow:0 0 50px #fff3;transform:none!important}:root{--SetupAccountsFaEx-primary:#1e40af;--SetupAccountsFaEx-primary-light:#3b82f6;--SetupAccountsFaEx-primary-dark:#1e3a8a;--SetupAccountsFaEx-secondary:#7c3aed;--SetupAccountsFaEx-success:#059669;--SetupAccountsFaEx-warning:#d97706;--SetupAccountsFaEx-danger:#dc2626;--SetupAccountsFaEx-info:#0891b2;--SetupAccountsFaEx-gray-50:#f9fafb;--SetupAccountsFaEx-gray-100:#f3f4f6;--SetupAccountsFaEx-gray-200:#e5e7eb;--SetupAccountsFaEx-gray-300:#d1d5db;--SetupAccountsFaEx-gray-400:#9ca3af;--SetupAccountsFaEx-gray-500:#6b7280;--SetupAccountsFaEx-gray-600:#4b5563;--SetupAccountsFaEx-gray-700:#374151;--SetupAccountsFaEx-gray-800:#1f2937;--SetupAccountsFaEx-gray-900:#111827;--SetupAccountsFaEx-shadow-sm:0 1px 2px 0 #0000000d;--SetupAccountsFaEx-shadow-md:0 4px 6px -1px #0000001a;--SetupAccountsFaEx-shadow-lg:0 10px 15px -3px #0000001a;--SetupAccountsFaEx-shadow-xl:0 20px 25px -5px #0000001a;--SetupAccountsFaEx-radius-sm:0.375rem;--SetupAccountsFaEx-radius-md:0.5rem;--SetupAccountsFaEx-radius-lg:0.75rem;--SetupAccountsFaEx-radius-xl:1rem;--SetupAccountsFaEx-radius-2xl:1.5rem;--SetupAccountsFaEx-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.SetupAccountsFaEx-loadingOverlay{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--SetupAccountsFaEx-gray-50) 0,#fff 100%);border-radius:1rem;border-radius:var(--SetupAccountsFaEx-radius-xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.SetupAccountsFaEx-spinner{animation:SetupAccountsFaEx-spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#1e40af;border:3px solid var(--SetupAccountsFaEx-gray-200);border-radius:50%;border-top-color:var(--SetupAccountsFaEx-primary);height:50px;margin-bottom:1rem;width:50px}@keyframes SetupAccountsFaEx-spin{to{transform:rotate(1turn)}}.SetupAccountsFaEx-header{align-items:flex-start;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:1rem;border-radius:var(--SetupAccountsFaEx-radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--SetupAccountsFaEx-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.SetupAccountsFaEx-headerContent{flex:1 1}.SetupAccountsFaEx-title{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.SetupAccountsFaEx-headerIcon{color:#ffffffe6;font-size:1.5rem}.SetupAccountsFaEx-newRecordBadge{background:#059669;background:var(--SetupAccountsFaEx-success);border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-left:1rem;padding:.25rem .75rem;text-transform:uppercase}.SetupAccountsFaEx-headerSubtitle{color:#fffc;font-size:.95rem;margin:0}.SetupAccountsFaEx-headerActions{display:flex;gap:.75rem}.SetupAccountsFaEx-statsOverview{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.SetupAccountsFaEx-statCard{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--SetupAccountsFaEx-gray-200);border-radius:.75rem;border-radius:var(--SetupAccountsFaEx-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--SetupAccountsFaEx-shadow-md);overflow:hidden;padding:1.25rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--SetupAccountsFaEx-transition)}.SetupAccountsFaEx-statCard:hover{border-color:#3b82f6;border-color:var(--SetupAccountsFaEx-primary-light);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--SetupAccountsFaEx-shadow-lg);transform:translateY(-2px)}.SetupAccountsFaEx-statCard:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.SetupAccountsFaEx-statCard:first-child:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.SetupAccountsFaEx-statCard:nth-child(2):before{background:linear-gradient(90deg,#059669,#10b981)}.SetupAccountsFaEx-statCard:nth-child(3):before{background:linear-gradient(90deg,#d97706,#f59e0b)}.SetupAccountsFaEx-statCard:nth-child(4):before{background:linear-gradient(90deg,#0891b2,#0ea5e9)}.SetupAccountsFaEx-statIcon{align-items:center;border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.SetupAccountsFaEx-statIconTotalClasses{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.SetupAccountsFaEx-statIconGrandTotal{background:linear-gradient(135deg,#059669,#10b981)}.SetupAccountsFaEx-statIconAverageFee{background:linear-gradient(135deg,#d97706,#f59e0b)}.SetupAccountsFaEx-statIconLastUpdated{background:linear-gradient(135deg,#0891b2,#0ea5e9)}.SetupAccountsFaEx-statDetails{display:flex;flex-direction:column}.SetupAccountsFaEx-statValue{color:#111827;color:var(--SetupAccountsFaEx-gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.SetupAccountsFaEx-statLabel{color:#4b5563;color:var(--SetupAccountsFaEx-gray-600);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.SetupAccountsFaEx-tabNavigation{background:#f3f4f6;background:var(--SetupAccountsFaEx-gray-100);border-radius:.75rem;border-radius:var(--SetupAccountsFaEx-radius-lg);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.SetupAccountsFaEx-tab{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);color:#4b5563;color:var(--SetupAccountsFaEx-gray-600);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--SetupAccountsFaEx-transition)}.SetupAccountsFaEx-tab:hover{background:#e5e7eb;background:var(--SetupAccountsFaEx-gray-200);color:#1f2937;color:var(--SetupAccountsFaEx-gray-800)}.SetupAccountsFaEx-tabActive{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--SetupAccountsFaEx-shadow-sm);color:#1e40af;color:var(--SetupAccountsFaEx-primary);font-weight:600}.SetupAccountsFaEx-contentArea{background:#fff;border-radius:1rem;border-radius:var(--SetupAccountsFaEx-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--SetupAccountsFaEx-shadow-md);overflow:hidden}.SetupAccountsFaEx-form{padding:2rem}.SetupAccountsFaEx-formSection{margin-bottom:2rem}.SetupAccountsFaEx-sectionTitle{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--SetupAccountsFaEx-gray-100);color:#1f2937;color:var(--SetupAccountsFaEx-gray-800);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.SetupAccountsFaEx-sectionTitle svg{color:#1e40af;color:var(--SetupAccountsFaEx-primary)}.SetupAccountsFaEx-formRow{margin-bottom:1.5rem}.SetupAccountsFaEx-formGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.SetupAccountsFaEx-formGroup{display:flex;flex-direction:column}.SetupAccountsFaEx-label{align-items:center;color:#374151;color:var(--SetupAccountsFaEx-gray-700);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.SetupAccountsFaEx-label svg{color:#9ca3af;color:var(--SetupAccountsFaEx-gray-400);font-size:.875rem}.SetupAccountsFaEx-inputGroup{display:flex;gap:.75rem}.SetupAccountsFaEx-input{background:#f9fafb;background:var(--SetupAccountsFaEx-gray-50);border:2px solid #d1d5db;border:2px solid var(--SetupAccountsFaEx-gray-300);border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);color:#111827;color:var(--SetupAccountsFaEx-gray-900);flex:1 1;font-size:.95rem;padding:.625rem .875rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--SetupAccountsFaEx-transition)}.SetupAccountsFaEx-input:focus{background:#fff;border-color:#1e40af;border-color:var(--SetupAccountsFaEx-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.SetupAccountsFaEx-inputError{background:#fef2f2;border-color:#dc2626;border-color:var(--SetupAccountsFaEx-danger)}.SetupAccountsFaEx-inputError:focus{box-shadow:0 0 0 3px #ef44441a}.SetupAccountsFaEx-inputWithSuffix{display:flex;position:relative}.SetupAccountsFaEx-inputWithSuffix .SetupAccountsFaEx-input{flex:1 1;padding-right:3.5rem}.SetupAccountsFaEx-inputSuffix{color:#6b7280;color:var(--SetupAccountsFaEx-gray-500);font-size:.875rem;font-weight:500;pointer-events:none;position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}.SetupAccountsFaEx-statusIndicator{align-items:center;display:flex}.SetupAccountsFaEx-statusBadge{border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.SetupAccountsFaEx-statusNew{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af;color:var(--SetupAccountsFaEx-primary)}.SetupAccountsFaEx-statusExisting{background:#dcfce7;border:1px solid #bbf7d0;color:#059669;color:var(--SetupAccountsFaEx-success)}.SetupAccountsFaEx-errorMessage{align-items:center;color:#dc2626;color:var(--SetupAccountsFaEx-danger);display:flex;font-size:.75rem;gap:.25rem;margin-top:.375rem}.SetupAccountsFaEx-totalAmount .SetupAccountsFaEx-totalDisplay{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #1e40af;border:2px solid var(--SetupAccountsFaEx-primary);border-radius:.75rem;border-radius:var(--SetupAccountsFaEx-radius-lg);padding:1.25rem;text-align:center}.SetupAccountsFaEx-totalValue{color:#1e40af;color:var(--SetupAccountsFaEx-primary);display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.SetupAccountsFaEx-totalDescription{display:block}.SetupAccountsFaEx-timestamps,.SetupAccountsFaEx-totalDescription{color:#4b5563;color:var(--SetupAccountsFaEx-gray-600);font-size:.875rem}.SetupAccountsFaEx-timestamps{background:#f9fafb;background:var(--SetupAccountsFaEx-gray-50);border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);display:flex;gap:1.5rem;padding:1rem}.SetupAccountsFaEx-timestamp strong{color:#374151;color:var(--SetupAccountsFaEx-gray-700);margin-right:.5rem}.SetupAccountsFaEx-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--SetupAccountsFaEx-transition)}.SetupAccountsFaEx-btn:disabled{cursor:not-allowed;opacity:.6}.SetupAccountsFaEx-btnPrimary{background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--SetupAccountsFaEx-primary),#2563eb);box-shadow:0 4px 6px -1px #2563eb33;color:#fff}.SetupAccountsFaEx-btnPrimary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 8px -1px #2563eb4d;transform:translateY(-2px)}.SetupAccountsFaEx-btnSecondary{background:#f3f4f6;background:var(--SetupAccountsFaEx-gray-100);border:1px solid #d1d5db;border:1px solid var(--SetupAccountsFaEx-gray-300);color:#374151;color:var(--SetupAccountsFaEx-gray-700)}.SetupAccountsFaEx-btnSecondary:hover:not(:disabled){background:#e5e7eb;background:var(--SetupAccountsFaEx-gray-200);border-color:#9ca3af;border-color:var(--SetupAccountsFaEx-gray-400)}.SetupAccountsFaEx-btnDanger{background:linear-gradient(135deg,#dc2626,#ef4444);background:linear-gradient(135deg,var(--SetupAccountsFaEx-danger),#ef4444);color:#fff}.SetupAccountsFaEx-btnDanger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626)}.SetupAccountsFaEx-btnExport{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--SetupAccountsFaEx-success),#10b981);color:#fff}.SetupAccountsFaEx-btnExport:hover{background:linear-gradient(135deg,#059669,#047857)}.SetupAccountsFaEx-btnClear{background:linear-gradient(135deg,#9ca3af,#6b7280);background:linear-gradient(135deg,var(--SetupAccountsFaEx-gray-400),var(--SetupAccountsFaEx-gray-500));color:#fff}.SetupAccountsFaEx-btnClear:hover{background:linear-gradient(135deg,#6b7280,#4b5563);background:linear-gradient(135deg,var(--SetupAccountsFaEx-gray-500),var(--SetupAccountsFaEx-gray-600))}.SetupAccountsFaEx-btnNavigation{background:#fff;border:2px solid #1e40af;border:2px solid var(--SetupAccountsFaEx-primary);color:#1e40af;color:var(--SetupAccountsFaEx-primary)}.SetupAccountsFaEx-btnNavigation:hover:not(:disabled){background:#1e40af;background:var(--SetupAccountsFaEx-primary);color:#fff}.SetupAccountsFaEx-actionButtons{border-top:1px solid #e5e7eb;border-top:1px solid var(--SetupAccountsFaEx-gray-200);display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.SetupAccountsFaEx-dropdown{display:inline-block;position:relative}.SetupAccountsFaEx-dropdownContent{background:#fff;border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--SetupAccountsFaEx-shadow-xl);display:none;left:0;margin-top:.25rem;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:1000}.SetupAccountsFaEx-dropdown:hover .SetupAccountsFaEx-dropdownContent{display:block}.SetupAccountsFaEx-dropdownContent a{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--SetupAccountsFaEx-gray-100);color:#374151;color:var(--SetupAccountsFaEx-gray-700);display:block;font-size:.875rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--SetupAccountsFaEx-transition)}.SetupAccountsFaEx-dropdownContent a:hover{background:#1e40af;background:var(--SetupAccountsFaEx-primary);color:#fff}.SetupAccountsFaEx-dropdownContent a:last-child{border-bottom:none}.SetupAccountsFaEx-auditLog{padding:2rem}.SetupAccountsFaEx-logContainer{max-height:400px;overflow-y:auto;padding-right:.5rem}.SetupAccountsFaEx-logContainer::-webkit-scrollbar{width:6px}.SetupAccountsFaEx-logContainer::-webkit-scrollbar-track{background:#e5e7eb;background:var(--SetupAccountsFaEx-gray-200);border-radius:3px}.SetupAccountsFaEx-logContainer::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--SetupAccountsFaEx-gray-400);border-radius:3px}.SetupAccountsFaEx-logContainer::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--SetupAccountsFaEx-gray-500)}.SetupAccountsFaEx-logEntry{grid-gap:1rem;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--SetupAccountsFaEx-gray-200);display:grid;font-size:.875rem;gap:1rem;grid-template-columns:150px 1fr 100px;padding:.75rem}.SetupAccountsFaEx-logEntry:last-child{border-bottom:none}.SetupAccountsFaEx-logTime{color:#6b7280;color:var(--SetupAccountsFaEx-gray-500);font-size:.75rem}.SetupAccountsFaEx-logMessage{color:#374151;color:var(--SetupAccountsFaEx-gray-700);font-weight:500}.SetupAccountsFaEx-logUser{color:#1e40af;color:var(--SetupAccountsFaEx-primary);font-size:.75rem;font-weight:500;text-align:right}.SetupAccountsFaEx-noLogs{color:#6b7280;color:var(--SetupAccountsFaEx-gray-500);font-style:italic;padding:3rem;text-align:center}.SetupAccountsFaEx-quickNavigation{padding:2rem}.SetupAccountsFaEx-classGrid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.SetupAccountsFaEx-classBtn{background:#f3f4f6;background:var(--SetupAccountsFaEx-gray-100);border:1px solid #d1d5db;border:1px solid var(--SetupAccountsFaEx-gray-300);border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);color:#374151;color:var(--SetupAccountsFaEx-gray-700);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--SetupAccountsFaEx-transition)}.SetupAccountsFaEx-classBtn:hover{background:#e5e7eb;background:var(--SetupAccountsFaEx-gray-200);border-color:#9ca3af;border-color:var(--SetupAccountsFaEx-gray-400)}.SetupAccountsFaEx-classBtnActive{background:#1e40af;background:var(--SetupAccountsFaEx-primary);border-color:#1e40af;border-color:var(--SetupAccountsFaEx-primary);color:#fff}.SetupAccountsFaEx-shortcutsHelp{background:#f9fafb;background:var(--SetupAccountsFaEx-gray-50);border:1px solid #e5e7eb;border:1px solid var(--SetupAccountsFaEx-gray-200);border-radius:.75rem;border-radius:var(--SetupAccountsFaEx-radius-lg);margin-top:1.5rem;padding:1rem}.SetupAccountsFaEx-shortcutsHelp summary{align-items:center;color:#374151;color:var(--SetupAccountsFaEx-gray-700);cursor:pointer;display:flex;font-weight:500;gap:.5rem;list-style:none;padding:.5rem}.SetupAccountsFaEx-shortcutsHelp summary::-webkit-details-marker{display:none}.SetupAccountsFaEx-shortcutsGrid{grid-gap:1rem;background:#fff;border-radius:.5rem;border-radius:var(--SetupAccountsFaEx-radius-md);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding:1rem}.SetupAccountsFaEx-shortcutItem{align-items:center;display:flex;gap:.75rem;padding:.5rem}.SetupAccountsFaEx-shortcutItem kbd{background:#f3f4f6;background:var(--SetupAccountsFaEx-gray-100);border:1px solid #d1d5db;border:1px solid var(--SetupAccountsFaEx-gray-300);border-radius:.375rem;border-radius:var(--SetupAccountsFaEx-radius-sm);color:#374151;color:var(--SetupAccountsFaEx-gray-700);font-family:monospace;font-size:.75rem;min-width:60px;padding:.25rem .5rem;text-align:center}.SetupAccountsFaEx-shortcutItem span{color:#4b5563;color:var(--SetupAccountsFaEx-gray-600);font-size:.875rem}@media (max-width:1024px){.SetupAccountsFaEx-actionButtons{align-items:stretch;flex-direction:column}.SetupAccountsFaEx-btn{width:100%}}@media (max-width:768px){.SetupAccountsFaEx-header{flex-direction:column;gap:1rem}.SetupAccountsFaEx-headerActions{flex-wrap:wrap;width:100%}.SetupAccountsFaEx-statsOverview{grid-template-columns:repeat(2,1fr)}.SetupAccountsFaEx-formGrid{grid-template-columns:1fr}.SetupAccountsFaEx-logEntry{gap:.25rem;grid-template-columns:1fr}.SetupAccountsFaEx-logUser{text-align:left}}@media (max-width:640px){.SetupAccountsFaEx-statsOverview{grid-template-columns:1fr}.SetupAccountsFaEx-tabNavigation{flex-direction:column}.SetupAccountsFaEx-form{padding:1rem}.SetupAccountsFaEx-actionButtons{padding:1rem 0}}@keyframes SetupAccountsFaEx-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.SetupAccountsFaEx-auditLog,.SetupAccountsFaEx-form,.SetupAccountsFaEx-quickNavigation,.SetupAccountsFaEx-statsOverview{animation:SetupAccountsFaEx-fadeIn .5s cubic-bezier(.4,0,.2,1)}.SetupAccountsFaEx-btn:focus-visible,.SetupAccountsFaEx-classBtn:focus-visible,.SetupAccountsFaEx-input:focus-visible,.SetupAccountsFaEx-shortcutsHelp summary:focus-visible,.SetupAccountsFaEx-tab:focus-visible{outline:2px solid #1e40af;outline:2px solid var(--SetupAccountsFaEx-primary);outline-offset:2px}@media print{.SetupAccountsFaEx-actionButtons,.SetupAccountsFaEx-headerActions,.SetupAccountsFaEx-shortcutsHelp,.SetupAccountsFaEx-tabNavigation{display:none!important}.SetupAccountsFaEx-contentArea,.SetupAccountsFaEx-statCard{border:1px solid #d1d5db;border:1px solid var(--SetupAccountsFaEx-gray-300);box-shadow:none}.SetupAccountsFaEx-statCard{break-inside:avoid;page-break-inside:avoid}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}:root{--ApplySoloStdFee-primary-color:#3498db;--ApplySoloStdFee-primary-dark:#2980b9;--ApplySoloStdFee-secondary-color:#2c3e50;--ApplySoloStdFee-success-color:#27ae60;--ApplySoloStdFee-success-dark:#219653;--ApplySoloStdFee-warning-color:#f39c12;--ApplySoloStdFee-warning-dark:#e67e22;--ApplySoloStdFee-danger-color:#e74c3c;--ApplySoloStdFee-danger-dark:#c0392b;--ApplySoloStdFee-info-color:#17a2b8;--ApplySoloStdFee-light-gray:#f8f9fa;--ApplySoloStdFee-medium-gray:#e9ecef;--ApplySoloStdFee-dark-gray:#6c757d;--ApplySoloStdFee-text-dark:#343a40;--ApplySoloStdFee-text-light:#f8f9fa;--ApplySoloStdFee-border-color:#dee2e6;--ApplySoloStdFee-spacing-xs:0.25rem;--ApplySoloStdFee-spacing-sm:0.5rem;--ApplySoloStdFee-spacing-md:1rem;--ApplySoloStdFee-spacing-lg:1.5rem;--ApplySoloStdFee-spacing-xl:2rem;--ApplySoloStdFee-spacing-xxl:3rem;--ApplySoloStdFee-radius-sm:4px;--ApplySoloStdFee-radius-md:8px;--ApplySoloStdFee-radius-lg:12px;--ApplySoloStdFee-radius-xl:16px;--ApplySoloStdFee-shadow-sm:0 2px 4px #0000001a;--ApplySoloStdFee-shadow-md:0 4px 8px #0000001f;--ApplySoloStdFee-shadow-lg:0 8px 16px #00000026;--ApplySoloStdFee-shadow-xl:0 12px 24px #0000002e;--ApplySoloStdFee-transition-fast:150ms ease;--ApplySoloStdFee-transition-normal:300ms ease;--ApplySoloStdFee-transition-slow:500ms ease;--ApplySoloStdFee-font-xs:0.75rem;--ApplySoloStdFee-font-sm:0.875rem;--ApplySoloStdFee-font-base:1rem;--ApplySoloStdFee-font-lg:1.125rem;--ApplySoloStdFee-font-xl:1.25rem;--ApplySoloStdFee-font-xxl:1.5rem;--ApplySoloStdFee-font-xxxl:2rem}.ApplySoloStdFee-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.ApplySoloStdFee-main-content{margin-left:280px;min-height:100vh;padding:1rem;padding:var(--ApplySoloStdFee-spacing-md);transition:margin-left .3s ease;transition:margin-left var(--ApplySoloStdFee-transition-normal)}@media (max-width:1024px){.ApplySoloStdFee-main-content{margin-left:0;padding:.5rem;padding:var(--ApplySoloStdFee-spacing-sm)}}.ApplySoloStdFee-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--ApplySoloStdFee-spacing-md);position:fixed;right:0;top:0;z-index:1000}.ApplySoloStdFee-modal{animation:ApplySoloStdFee-modalSlideIn .3s ease;background:#fff;border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 12px 24px #0000002e;box-shadow:var(--ApplySoloStdFee-shadow-xl);margin:auto;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.ApplySoloStdFee-modal-header{background:linear-gradient(135deg,#2c3e50,#2980b9);background:linear-gradient(135deg,var(--ApplySoloStdFee-secondary-color) 0,var(--ApplySoloStdFee-primary-dark) 100%);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--ApplySoloStdFee-border-color);border-radius:12px 12px 0 0;border-radius:var(--ApplySoloStdFee-radius-lg) var(--ApplySoloStdFee-radius-lg) 0 0;color:#f8f9fa;color:var(--ApplySoloStdFee-text-light);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-modal-title{align-items:center;display:flex;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-modal-body,.ApplySoloStdFee-modal-footer{padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-modal-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--ApplySoloStdFee-border-color);display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);justify-content:flex-end}.ApplySoloStdFee-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;right:var(--ApplySoloStdFee-spacing-md);top:1rem;top:var(--ApplySoloStdFee-spacing-md);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast);width:32px}.ApplySoloStdFee-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.ApplySoloStdFee-header{background:linear-gradient(135deg,#2c3e50,#2980b9);background:linear-gradient(135deg,var(--ApplySoloStdFee-secondary-color) 0,var(--ApplySoloStdFee-primary-dark) 100%);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);color:#f8f9fa;color:var(--ApplySoloStdFee-text-light);margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);overflow:hidden;padding:1.5rem 2rem;padding:var(--ApplySoloStdFee-spacing-lg) var(--ApplySoloStdFee-spacing-xl);position:relative}.ApplySoloStdFee-header:before{background:linear-gradient(45deg,#0000,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ApplySoloStdFee-headerContent{position:relative;z-index:1}.ApplySoloStdFee-title{align-items:center;display:flex;font-size:2rem;font-size:var(--ApplySoloStdFee-font-xxxl);font-weight:700;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-titleIcon{color:#f1c40f;font-size:1.5rem;font-size:var(--ApplySoloStdFee-font-xxl)}.ApplySoloStdFee-subtitle{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);margin-bottom:1.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-lg);opacity:.9}.ApplySoloStdFee-systemInfo{align-items:center;display:flex;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-systemStatus{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:.25rem 1rem;padding:var(--ApplySoloStdFee-spacing-xs) var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-systemStatus-ready{background:#27ae60;background:var(--ApplySoloStdFee-success-color);color:#fff}.ApplySoloStdFee-systemStatus-searching,.ApplySoloStdFee-systemStatus-submitting,.ApplySoloStdFee-systemStatus-updating{animation:ApplySoloStdFee-pulse 2s infinite;background:#f39c12;background:var(--ApplySoloStdFee-warning-color);color:#fff}.ApplySoloStdFee-systemStatus-error{background:#e74c3c;background:var(--ApplySoloStdFee-danger-color);color:#fff}.ApplySoloStdFee-systemTime{font-family:Courier New,monospace;opacity:.8}.ApplySoloStdFee-headerActions{display:flex;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);position:absolute;right:2rem;right:var(--ApplySoloStdFee-spacing-xl);top:1.5rem;top:var(--ApplySoloStdFee-spacing-lg);z-index:2}.ApplySoloStdFee-debugBtn,.ApplySoloStdFee-testBtn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast);width:40px}.ApplySoloStdFee-debugBtn:hover,.ApplySoloStdFee-testBtn:hover{background:#ffffff4d;box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);transform:translateY(-2px)}.ApplySoloStdFee-searchSection{margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-searchCard{background:#fff;border:1px solid #dee2e6;border:1px solid var(--ApplySoloStdFee-border-color);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);padding:2rem;padding:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-searchHeader{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--ApplySoloStdFee-medium-gray);display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);padding-bottom:1rem;padding-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-searchIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color);font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-searchHeader h2{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1.5rem;font-size:var(--ApplySoloStdFee-font-xxl);font-weight:600}.ApplySoloStdFee-classBadge{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--ApplySoloStdFee-primary-color),var(--ApplySoloStdFee-primary-dark));border-radius:20px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);color:#fff;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);font-weight:600;letter-spacing:.5px;padding:.25rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-xs) var(--ApplySoloStdFee-spacing-lg);text-transform:uppercase}.ApplySoloStdFee-idInputGroup{margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-idLabel{align-items:center;color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);display:flex;font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-bottom:1rem;margin-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-idLabelIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color)}.ApplySoloStdFee-idInput{align-items:center;display:flex;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-bottom:.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-idPrefix{background:#2c3e50;background:var(--ApplySoloStdFee-secondary-color);border-radius:8px 0 0 8px;border-radius:var(--ApplySoloStdFee-radius-md) 0 0 var(--ApplySoloStdFee-radius-md);color:#fff;min-width:60px;padding:1rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-lg);text-align:center}.ApplySoloStdFee-idPrefix,.ApplySoloStdFee-idSeparator{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:600}.ApplySoloStdFee-idSeparator{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray)}.ApplySoloStdFee-idField{border:2px solid #dee2e6;border:2px solid var(--ApplySoloStdFee-border-color);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);flex:1 1;font-family:Courier New,monospace;font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:500;padding:1rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-idField:focus{border-color:#3498db;border-color:var(--ApplySoloStdFee-primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.ApplySoloStdFee-idField::placeholder{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);opacity:.7}.ApplySoloStdFee-idHint{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);margin-top:.5rem;margin-top:var(--ApplySoloStdFee-spacing-sm);padding-left:.5rem;padding-left:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-searchError{align-items:center;animation:ApplySoloStdFee-slideIn .3s ease;background:linear-gradient(135deg,#ffeaea,#fcc);border:1px solid #e74c3c;border:1px solid var(--ApplySoloStdFee-danger-color);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);color:#c0392b;color:var(--ApplySoloStdFee-danger-dark);display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:1.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-lg);padding:1rem;padding:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-errorIcon{flex-shrink:0;font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-searchActions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-searchBtn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--ApplySoloStdFee-primary-color),var(--ApplySoloStdFee-primary-dark));border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);padding:1rem 2rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-xl);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-searchBtn:hover:not(:disabled){box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);transform:translateY(-2px)}.ApplySoloStdFee-searchBtn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ApplySoloStdFee-searchBtnIcon{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-forgetBtn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);padding:1rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-forgetBtn:hover{box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);transform:translateY(-2px)}.ApplySoloStdFee-forgetIcon{font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm)}.ApplySoloStdFee-clearBtn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);padding:1rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-clearBtn:hover:not(:disabled){box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);transform:translateY(-2px)}.ApplySoloStdFee-clearBtn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ApplySoloStdFee-clearIcon{font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm)}.ApplySoloStdFee-loading{animation:ApplySoloStdFee-spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.ApplySoloStdFee-loading-small{animation:ApplySoloStdFee-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.ApplySoloStdFee-updateIndicator{align-items:center;animation:ApplySoloStdFee-slideIn .5s ease;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;border:2px solid var(--ApplySoloStdFee-warning-color);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin:2rem 0;margin:var(--ApplySoloStdFee-spacing-xl) 0;padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-updateIcon{color:#f39c12;color:var(--ApplySoloStdFee-warning-color);flex-shrink:0;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-updateInfo{background:#ffffffb3;border-radius:4px;border-radius:var(--ApplySoloStdFee-radius-sm);color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);margin-left:auto;padding:.25rem 1rem;padding:var(--ApplySoloStdFee-spacing-xs) var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-studentSection{margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-studentCard{background:#fff;border:1px solid #dee2e6;border:1px solid var(--ApplySoloStdFee-border-color);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);padding:2rem;padding:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-studentCardHeader{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--ApplySoloStdFee-medium-gray);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);padding-bottom:1rem;padding-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-studentIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color);font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-studentCardHeader h3{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1.5rem;font-size:var(--ApplySoloStdFee-font-xxl);font-weight:600}.ApplySoloStdFee-studentBadge{background:linear-gradient(135deg,#27ae60,#219653);background:linear-gradient(135deg,var(--ApplySoloStdFee-success-color),var(--ApplySoloStdFee-success-dark));border-radius:20px;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);letter-spacing:.5px;padding:.25rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-xs) var(--ApplySoloStdFee-spacing-lg);text-transform:uppercase}.ApplySoloStdFee-studentBadge,.ApplySoloStdFee-viewDetailsBtn{box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);color:#fff;font-weight:600}.ApplySoloStdFee-viewDetailsBtn{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);padding:.5rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-sm) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-viewDetailsBtn:hover:not(:disabled){box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);transform:translateY(-2px)}.ApplySoloStdFee-viewDetailsBtn:disabled{cursor:not-allowed;opacity:.6}.ApplySoloStdFee-viewIcon{font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm)}.ApplySoloStdFee-studentInfo{display:flex;flex-direction:column;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-studentRow{grid-gap:1.5rem;grid-gap:var(--ApplySoloStdFee-spacing-lg);display:grid;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ApplySoloStdFee-studentField{align-items:center;background:#f8f9fa;background:var(--ApplySoloStdFee-light-gray);border-left:4px solid #3498db;border-left:4px solid var(--ApplySoloStdFee-primary-color);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);padding:1rem;padding:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-fieldIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color);flex-shrink:0;font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-fieldLabel{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--ApplySoloStdFee-spacing-xs);text-transform:uppercase}.ApplySoloStdFee-fieldValue{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:600}.ApplySoloStdFee-studentActions{align-items:center;border-top:1px solid #dee2e6;border-top:1px solid var(--ApplySoloStdFee-border-color);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);justify-content:space-between;padding-top:1.5rem;padding-top:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-studentQuickStats{display:flex;flex-wrap:wrap;gap:2rem;gap:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-quickStat{background:#f8f9fa;background:var(--ApplySoloStdFee-light-gray);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);min-width:120px;padding:1rem;padding:var(--ApplySoloStdFee-spacing-md);text-align:center}.ApplySoloStdFee-quickStat span{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);display:block;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--ApplySoloStdFee-spacing-xs);text-transform:uppercase}.ApplySoloStdFee-quickStat strong{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);display:block;font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:700}.ApplySoloStdFee-status-pending{color:#f39c12!important;color:var(--ApplySoloStdFee-warning-color)!important}.ApplySoloStdFee-status-paid{color:#27ae60!important;color:var(--ApplySoloStdFee-success-color)!important}.ApplySoloStdFee-formSection{margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-formCard{background:#fff;border:1px solid #dee2e6;border:1px solid var(--ApplySoloStdFee-border-color);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);padding:2rem;padding:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-formHeader{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--ApplySoloStdFee-medium-gray);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);padding-bottom:1rem;padding-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-formIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color);font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-formHeader h2{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1.5rem;font-size:var(--ApplySoloStdFee-font-xxl);font-weight:600}.ApplySoloStdFee-formModeBadge{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);background:linear-gradient(135deg,var(--ApplySoloStdFee-warning-color),var(--ApplySoloStdFee-warning-dark));border-radius:20px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);color:#fff;display:flex;font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);letter-spacing:.5px;padding:.25rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-xs) var(--ApplySoloStdFee-spacing-lg);text-transform:uppercase}.ApplySoloStdFee-formModeBadge,.ApplySoloStdFee-modeIcon{font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm)}.ApplySoloStdFee-clearFormBtn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-left:auto;padding:.5rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-sm) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-clearFormBtn:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);transform:translateY(-2px)}.ApplySoloStdFee-debugInfoBtn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);padding:.5rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-sm) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-debugInfoBtn:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--ApplySoloStdFee-shadow-sm);transform:translateY(-2px)}.ApplySoloStdFee-debugIcon{font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm)}.ApplySoloStdFee-formSectionGroup{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--ApplySoloStdFee-border-color);margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);padding-bottom:2rem;padding-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-formSectionGroup:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.ApplySoloStdFee-formSubtitle{align-items:center;color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);display:flex;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-subtitleIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-formGrid,.ApplySoloStdFee-formRow{grid-gap:1.5rem;grid-gap:var(--ApplySoloStdFee-spacing-lg);display:grid;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ApplySoloStdFee-formGroup{margin-bottom:1rem;margin-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-formLabel{align-items:center;color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);display:flex;font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-bottom:.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-formLabel,.ApplySoloStdFee-labelIcon{font-size:1rem;font-size:var(--ApplySoloStdFee-font-base)}.ApplySoloStdFee-labelIcon{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray)}.ApplySoloStdFee-formInput{background:#f8f9fa;background:var(--ApplySoloStdFee-light-gray);border:2px solid #dee2e6;border:2px solid var(--ApplySoloStdFee-border-color);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);padding:1rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast);width:80%}.ApplySoloStdFee-formInput:focus{background:#fff;border-color:#3498db;border-color:var(--ApplySoloStdFee-primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.ApplySoloStdFee-formInput[readonly]{background:#e9ecef;background:var(--ApplySoloStdFee-medium-gray);cursor:not-allowed;opacity:.8}.ApplySoloStdFee-finalTotal{color:#27ae60;color:var(--ApplySoloStdFee-success-color);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:700}.ApplySoloStdFee-pending{color:#f39c12!important;color:var(--ApplySoloStdFee-warning-color)!important}.ApplySoloStdFee-paid{color:#27ae60!important;color:var(--ApplySoloStdFee-success-color)!important}.ApplySoloStdFee-datePicker{background:#f8f9fa;background:var(--ApplySoloStdFee-light-gray);border:2px solid #dee2e6;border:2px solid var(--ApplySoloStdFee-border-color);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);cursor:pointer;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);padding:1rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-lg);width:80%}.ApplySoloStdFee-datePicker:focus{background:#fff;border-color:#3498db;border-color:var(--ApplySoloStdFee-primary-color);outline:none}.ApplySoloStdFee-paymentGrid{grid-gap:2rem;grid-gap:var(--ApplySoloStdFee-spacing-xl);display:grid;gap:2rem;gap:var(--ApplySoloStdFee-spacing-xl);grid-template-columns:1fr 1fr}@media (max-width:1024px){.ApplySoloStdFee-paymentGrid{grid-template-columns:1fr}}.ApplySoloStdFee-paymentCard{background:#f8f9fa;background:var(--ApplySoloStdFee-light-gray);border:1px solid #dee2e6;border:1px solid var(--ApplySoloStdFee-border-color);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-paymentHeader{align-items:center;border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--ApplySoloStdFee-border-color);display:flex;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-lg);padding-bottom:.5rem;padding-bottom:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-paymentIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-paymentHeader h4{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:600}.ApplySoloStdFee-paymentDetails{display:flex;flex-direction:column;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-paymentRow{align-items:center;border-bottom:1px dashed #dee2e6;border-bottom:1px dashed var(--ApplySoloStdFee-border-color);display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--ApplySoloStdFee-spacing-sm) 0}.ApplySoloStdFee-paymentRow:last-child{border-bottom:none}.ApplySoloStdFee-paymentRow span{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-weight:500}.ApplySoloStdFee-paymentRow strong{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600}.ApplySoloStdFee-paymentTotal{background:#3498db1a;border-bottom:none!important;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);margin-top:.5rem;margin-top:var(--ApplySoloStdFee-spacing-sm);padding:1rem;padding:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-paymentTotal strong{color:#3498db;color:var(--ApplySoloStdFee-primary-color);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-paymentForm{grid-gap:1rem;grid-gap:var(--ApplySoloStdFee-spacing-md);display:grid;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ApplySoloStdFee-formActions{border-top:1px solid #dee2e6;border-top:1px solid var(--ApplySoloStdFee-border-color);display:flex;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);justify-content:flex-end;margin-top:2rem;margin-top:var(--ApplySoloStdFee-spacing-xl);padding-top:1.5rem;padding-top:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-printBtn{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);padding:1rem 2rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-xl);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-printBtn:hover:not(:disabled){box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);transform:translateY(-2px)}.ApplySoloStdFee-printBtn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ApplySoloStdFee-printIcon{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-submitBtn{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);background:linear-gradient(135deg,var(--ApplySoloStdFee-success-color),var(--ApplySoloStdFee-success-dark));border:none;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);box-shadow:0 4px 8px #0000001f;box-shadow:var(--ApplySoloStdFee-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);font-weight:600;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);justify-content:center;min-width:200px;padding:1rem 2rem;padding:var(--ApplySoloStdFee-spacing-md) var(--ApplySoloStdFee-spacing-xl);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-submitBtn:hover:not(:disabled){box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);transform:translateY(-2px)}.ApplySoloStdFee-submitBtn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ApplySoloStdFee-updateBtn{background:linear-gradient(135deg,#f39c12,#e67e22);background:linear-gradient(135deg,var(--ApplySoloStdFee-warning-color),var(--ApplySoloStdFee-warning-dark))}.ApplySoloStdFee-submitting{cursor:progress!important;opacity:.8}.ApplySoloStdFee-submitIcon{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-summarySection{margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-summaryCard{background:linear-gradient(135deg,#2c3e50,#34495e);background:linear-gradient(135deg,var(--ApplySoloStdFee-secondary-color),#34495e);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 12px 24px #0000002e;box-shadow:var(--ApplySoloStdFee-shadow-xl);color:#fff;padding:2rem;padding:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-summaryHeader{align-items:center;border-bottom:2px solid #fff3;display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);padding-bottom:1rem;padding-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-summaryIcon{color:#f1c40f;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-summaryHeader h3{font-size:1.5rem;font-size:var(--ApplySoloStdFee-font-xxl);font-weight:600}.ApplySoloStdFee-summaryStatus{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);font-weight:600;letter-spacing:.5px;margin-left:auto;padding:.25rem 1.5rem;padding:var(--ApplySoloStdFee-spacing-xs) var(--ApplySoloStdFee-spacing-lg);text-transform:uppercase}.ApplySoloStdFee-summaryGrid{grid-gap:1.5rem;grid-gap:var(--ApplySoloStdFee-spacing-lg);display:grid;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ApplySoloStdFee-summaryItem{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg);transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast)}.ApplySoloStdFee-summaryItem:hover{background:#ffffff26;transform:translateY(-2px)}.ApplySoloStdFee-summaryIconWrapper{align-items:center;background:#fff3;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl);height:50px;justify-content:center;width:50px}.ApplySoloStdFee-summaryContent{flex:1 1}.ApplySoloStdFee-summaryLabel{font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--ApplySoloStdFee-spacing-xs);opacity:.8;text-transform:uppercase}.ApplySoloStdFee-summaryValue{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);font-weight:700}.ApplySoloStdFee-summaryTotal{color:#f1c40f;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-summaryPaid{color:#2ecc71}.ApplySoloStdFee-summaryPending{color:#e74c3c}.ApplySoloStdFee-summaryCleared{color:#27ae60}.ApplySoloStdFee-footer{background:#fff;border:1px solid #dee2e6;border:1px solid var(--ApplySoloStdFee-border-color);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);margin-top:2rem;margin-top:var(--ApplySoloStdFee-spacing-xl);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-footerContent{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);justify-content:space-between}.ApplySoloStdFee-footerLeft{flex:1 1;min-width:300px}.ApplySoloStdFee-footerLogo{align-items:center;color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);display:flex;font-weight:700;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm);margin-bottom:.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-footerIcon,.ApplySoloStdFee-footerLogo{font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg)}.ApplySoloStdFee-footerIcon{color:#3498db;color:var(--ApplySoloStdFee-primary-color)}.ApplySoloStdFee-footerText{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm)}.ApplySoloStdFee-footerRight{align-items:flex-end;flex-direction:column}.ApplySoloStdFee-footerRight,.ApplySoloStdFee-systemStatus{display:flex;gap:.5rem;gap:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-systemStatus{align-items:center;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ApplySoloStdFee-statusDot{border-radius:50%;height:10px;width:10px}.ApplySoloStdFee-statusReady{background:#27ae60;background:var(--ApplySoloStdFee-success-color);box-shadow:0 0 10px #27ae60;box-shadow:0 0 10px var(--ApplySoloStdFee-success-color)}.ApplySoloStdFee-statusProcessing{animation:ApplySoloStdFee-pulse 2s infinite;background:#f39c12;background:var(--ApplySoloStdFee-warning-color);box-shadow:0 0 10px #f39c12;box-shadow:0 0 10px var(--ApplySoloStdFee-warning-color)}.ApplySoloStdFee-statusWarning{background:#e74c3c;background:var(--ApplySoloStdFee-danger-color);box-shadow:0 0 10px #e74c3c;box-shadow:0 0 10px var(--ApplySoloStdFee-danger-color)}.ApplySoloStdFee-lastUpdated{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-family:Courier New,monospace;font-size:.75rem;font-size:var(--ApplySoloStdFee-font-xs)}.ApplySoloStdFee-emptyState{margin:3rem 0;margin:var(--ApplySoloStdFee-spacing-xxl) 0}.ApplySoloStdFee-emptyStateCard{background:#fff;border:2px dashed #dee2e6;border:2px dashed var(--ApplySoloStdFee-border-color);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 8px 16px #00000026;box-shadow:var(--ApplySoloStdFee-shadow-lg);margin:0 auto;max-width:600px;padding:3rem;padding:var(--ApplySoloStdFee-spacing-xxl);text-align:center}.ApplySoloStdFee-emptyStateIcon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(135deg,var(--ApplySoloStdFee-light-gray),var(--ApplySoloStdFee-medium-gray));border-radius:50%;color:#3498db;color:var(--ApplySoloStdFee-primary-color);display:flex;font-size:2rem;font-size:var(--ApplySoloStdFee-font-xxxl);height:100px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--ApplySoloStdFee-spacing-lg);width:100px}.ApplySoloStdFee-emptyStateCard h3{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-size:1.5rem;font-size:var(--ApplySoloStdFee-font-xxl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-emptyStateCard p{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);font-size:1.125rem;font-size:var(--ApplySoloStdFee-font-lg);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl)}.ApplySoloStdFee-emptyStateTips{align-items:flex-start;background:#f8f9fa;background:var(--ApplySoloStdFee-light-gray);border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);display:flex;gap:1.5rem;gap:var(--ApplySoloStdFee-spacing-lg);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg);text-align:left}.ApplySoloStdFee-tipsIcon{color:#17a2b8;color:var(--ApplySoloStdFee-info-color);flex-shrink:0;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl);margin-top:.25rem;margin-top:var(--ApplySoloStdFee-spacing-xs)}.ApplySoloStdFee-emptyStateTips p{font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);margin-bottom:.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-emptyStateTips strong{color:#2c3e50;color:var(--ApplySoloStdFee-secondary-color);font-weight:600}.ApplySoloStdFee-debugPanel{animation:ApplySoloStdFee-slideDown .5s ease;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;border-radius:var(--ApplySoloStdFee-radius-lg);box-shadow:0 12px 24px #0000002e;box-shadow:var(--ApplySoloStdFee-shadow-xl);color:#fff;margin-bottom:2rem;margin-bottom:var(--ApplySoloStdFee-spacing-xl);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-debugHeader{align-items:center;border-bottom:2px solid #fff3;display:flex;gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:1.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-lg);padding-bottom:1rem;padding-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-debugIcon{color:#e74c3c;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl)}.ApplySoloStdFee-debugHeader h3{flex:1 1;font-size:1.25rem;font-size:var(--ApplySoloStdFee-font-xl);font-weight:600}.ApplySoloStdFee-debugClose{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--ApplySoloStdFee-transition-fast);width:32px}.ApplySoloStdFee-debugClose:hover{background:#fff3;transform:rotate(90deg)}.ApplySoloStdFee-debugContent{grid-gap:2rem;grid-gap:var(--ApplySoloStdFee-spacing-xl);display:grid;gap:2rem;gap:var(--ApplySoloStdFee-spacing-xl);grid-template-columns:1fr 2fr}@media (max-width:768px){.ApplySoloStdFee-debugContent{grid-template-columns:1fr}}.ApplySoloStdFee-debugSection{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--ApplySoloStdFee-radius-md);padding:1.5rem;padding:var(--ApplySoloStdFee-spacing-lg)}.ApplySoloStdFee-debugSection h4{color:#f1c40f;font-size:1rem;font-size:var(--ApplySoloStdFee-font-base);margin-bottom:1rem;margin-bottom:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-status-ready{color:#2ecc71}.ApplySoloStdFee-status-error{color:#e74c3c}.ApplySoloStdFee-status-searching{color:#3498db}.ApplySoloStdFee-status-updating{color:#f39c12}.ApplySoloStdFee-status-submitting{color:#9b59b6}.ApplySoloStdFee-apiLogs{max-height:200px;overflow-y:auto}.ApplySoloStdFee-apiLog{align-items:center;background:#ffffff0d;border-radius:4px;border-radius:var(--ApplySoloStdFee-radius-sm);display:flex;font-size:.875rem;font-size:var(--ApplySoloStdFee-font-sm);gap:1rem;gap:var(--ApplySoloStdFee-spacing-md);margin-bottom:.5rem;margin-bottom:var(--ApplySoloStdFee-spacing-sm);padding:.5rem;padding:var(--ApplySoloStdFee-spacing-sm)}.ApplySoloStdFee-apiLog-time{color:#6c757d;color:var(--ApplySoloStdFee-dark-gray);flex-shrink:0;font-family:Courier New,monospace}.ApplySoloStdFee-apiLog-action{color:#fff;flex:1 1}.ApplySoloStdFee-apiLog-status{border-radius:10px;font-size:.75rem;font-size:var(--ApplySoloStdFee-font-xs);font-weight:600;padding:2px 8px;text-transform:uppercase}.ApplySoloStdFee-apiLog-success{background:#2ecc7133;color:#2ecc71}.ApplySoloStdFee-apiLog-error{background:#e74c3c33;color:#e74c3c}.ApplySoloStdFee-apiLog-started{background:#3498db33;color:#3498db}.family-student-popup .swal2-popup{border:3px solid #e74c3c;border-radius:12px}.family-student-modal{padding:20px;text-align:center}.family-student-warning{margin-bottom:20px}.family-student-warning h3{color:#e74c3c;margin:10px 0}.family-student-message{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.family-student-message p{font-size:16px;margin:8px 0}.family-student-instructions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.family-student-instructions p{color:#856404;margin:8px 0}.family-student-actions{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.nav-to-family-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background .3s;width:100%}.nav-to-family-btn:hover{background:#2980b9}.ApplySoloStdFee-family-warning-banner{align-items:center;background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:2px solid #e74c3c;border-radius:10px;box-shadow:0 4px 12px #e74c3c26;display:flex;gap:20px;margin:20px 2rem;padding:20px}.ApplySoloStdFee-warning-icon{color:#e74c3c;flex-shrink:0;font-size:2.5rem}.ApplySoloStdFee-warning-content{flex:1 1;text-align:left}.ApplySoloStdFee-warning-content h3{color:#e74c3c;margin-bottom:8px}.ApplySoloStdFee-warning-content p{color:#2d3436;margin:5px 0}.ApplySoloStdFee-family-nav-btn{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:10px 20px;transition:all .3s;white-space:nowrap}.ApplySoloStdFee-family-nav-btn:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.ApplySoloStdFee-family-content{margin-top:2rem}.ApplySoloStdFee-family-warning-card{background:#fff;border:2px solid #e74c3c;border-radius:12px;box-shadow:0 8px 25px #e74c3c1a;margin:0 auto;max-width:800px;padding:2rem}.ApplySoloStdFee-family-warning-header{align-items:center;border-bottom:2px solid #ffeaa7;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.ApplySoloStdFee-family-ban-icon{color:#e74c3c;font-size:2.5rem}.ApplySoloStdFee-family-warning-header h3{color:#e74c3c;font-size:1.5rem;margin:0}.ApplySoloStdFee-family-warning-body{margin-bottom:2rem}.ApplySoloStdFee-family-warning-body p{color:#2c3e50;font-size:1.1rem;margin:.75rem 0}.ApplySoloStdFee-family-instruction,.ApplySoloStdFee-family-solution{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem}.ApplySoloStdFee-family-instruction{background:#fff3cd;border:1px solid #ffeaa7}.ApplySoloStdFee-family-instruction svg{color:#f39c12;font-size:1.5rem;margin-top:.25rem}.ApplySoloStdFee-family-solution{background:#e8f5e9;border:1px solid #c8e6c9}.ApplySoloStdFee-family-solution svg{color:#27ae60;font-size:1.5rem;margin-top:.25rem}.ApplySoloStdFee-family-instruction span,.ApplySoloStdFee-family-solution span{color:#2d3436;flex:1 1;font-size:1rem;line-height:1.5}.ApplySoloStdFee-family-actions{display:flex;gap:1rem;margin-top:2rem}.ApplySoloStdFee-family-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s}.ApplySoloStdFee-family-action-btn.primary{background:#3498db;color:#fff}.ApplySoloStdFee-family-action-btn.primary:hover{background:#2980b9;box-shadow:0 4px 15px #3498db4d;transform:translateY(-2px)}.ApplySoloStdFee-family-action-btn.secondary{background:#f8f9fa;border:2px solid #e0e0e0;color:#2c3e50}.ApplySoloStdFee-family-action-btn.secondary:hover{background:#e9ecef;border-color:#3498db;color:#3498db}@keyframes ApplySoloStdFee-spin{to{transform:rotate(1turn)}}@keyframes ApplySoloStdFee-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes ApplySoloStdFee-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ApplySoloStdFee-slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes ApplySoloStdFee-modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ApplySoloStdFee-swal-wide .swal2-popup{background:#fff!important;border-radius:12px!important;box-shadow:0 10px 40px #0003!important;flex-direction:column!important;margin:0 auto!important;max-width:600px!important;min-width:300px!important;padding:1.5rem!important;width:auto!important}.ApplySoloStdFee-swal-wide .swal2-popup,.swal2-container{align-items:center!important;display:flex!important;justify-content:center!important}.swal2-container{padding:1rem!important}.ApplySoloStdFee-swal-wide .swal2-header{margin:0!important;padding:0 0 1rem!important;text-align:center!important;width:100%!important}.ApplySoloStdFee-swal-wide .swal2-title{color:#2c3e50!important;font-size:18pt!important;font-weight:600!important;line-height:1.4!important;margin:0 0 .5rem!important;padding:0!important}.ApplySoloStdFee-swal-wide .swal2-html-container{font-size:12pt!important;line-height:1.5!important;margin:0!important;max-height:50vh!important;overflow-y:auto!important;padding:0!important;text-align:center!important;width:100%!important}.ApplySoloStdFee-swal-wide .swal2-actions{display:flex!important;gap:10px!important;justify-content:center!important;margin:1.5rem 0 0!important;padding:0!important;width:100%!important}.ApplySoloStdFee-swal-wide .swal2-cancel,.ApplySoloStdFee-swal-wide .swal2-confirm{border-radius:6px!important;font-size:1rem!important;font-weight:500!important;margin:0!important;min-width:120px!important;padding:.625rem 1.5rem!important}.ApplySoloStdFee-swal-wide .swal2-confirm{background:#3498db!important;border:none!important}.ApplySoloStdFee-swal-wide .swal2-cancel{background:#6c757d!important;border:none!important}.ApplySoloStdFee-swal-wide .swal2-icon{height:80px!important;margin:0 auto 1rem!important;width:80px!important}.ApplySoloStdFee-swal-wide .swal2-icon .swal2-icon-content{font-size:3rem!important}.ApplySoloStdFee-swal-wide .swal2-close{font-size:1.5rem!important;height:30px!important;right:10px!important;top:10px!important;width:30px!important}.ApplySoloStdFee-errorModal,.ApplySoloStdFee-existingAlert,.ApplySoloStdFee-feeHistoryModal,.ApplySoloStdFee-studentModal,.ApplySoloStdFee-submitConfirmModal,.ApplySoloStdFee-successModal,.ApplySoloStdFee-updateConfirmModal{max-width:100%!important;padding:1rem!important;text-align:center!important}.ApplySoloStdFee-errorDetails,.ApplySoloStdFee-existingDetails,.ApplySoloStdFee-submitConfirmDetails,.ApplySoloStdFee-submitSummary,.ApplySoloStdFee-updateConfirmDetails,.ApplySoloStdFee-updateSummary{background:#f8f9fa!important;border-radius:8px!important;margin:1rem 0!important;padding:1rem!important;text-align:left!important}.ApplySoloStdFee-confirmItem{border-bottom:1px solid #e9ecef!important;display:flex!important;justify-content:space-between!important;margin:.5rem 0!important;padding:.5rem 0!important}.ApplySoloStdFee-confirmItem:last-child{border-bottom:none!important}.ApplySoloStdFee-feeHistoryTable{margin:1rem 0!important;max-height:400px!important;overflow-y:auto!important}.ApplySoloStdFee-feeHistoryTable table{border-collapse:collapse!important;width:100%!important}.ApplySoloStdFee-feeHistoryTable td,.ApplySoloStdFee-feeHistoryTable th{border:1px solid #dee2e6!important;padding:.75rem!important;text-align:center!important}.ApplySoloStdFee-feeHistoryTable th{background:#3498db!important;color:#fff!important;font-weight:600!important;position:sticky!important;top:0!important}.ApplySoloStdFee-feeHistoryTable tr:nth-child(2n){background:#f8f9fa!important}.ApplySoloStdFee-feeHistoryTable .pending{color:#e74c3c!important;font-weight:600!important}.ApplySoloStdFee-feeHistoryTable .paid{color:#27ae60!important;font-weight:600!important}.ApplySoloStdFee-studentGrid{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(2,1fr)!important;margin:1rem 0!important}@media (max-width:768px){.ApplySoloStdFee-studentGrid{grid-template-columns:1fr!important}}.ApplySoloStdFee-studentField{background:#f8f9fa!important;border-left:4px solid #3498db!important;border-radius:8px!important;padding:1rem!important}.ApplySoloStdFee-studentField label{color:#2c3e50!important;display:block!important;font-weight:600!important;margin-bottom:.5rem!important}.ApplySoloStdFee-studentValue{color:#495057!important;font-size:1rem!important}.ApplySoloStdFee-statusBadge{border-radius:20px!important;display:inline-block!important;font-size:.875rem!important;font-weight:600!important;padding:.25rem .75rem!important}.ApplySoloStdFee-statusBadge.family{background:#fff3cd!important;color:#856404!important}.ApplySoloStdFee-feeSummary{grid-gap:1rem!important;border-top:2px solid #dee2e6!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(2,1fr)!important;margin-top:1rem!important;padding-top:1rem!important}.ApplySoloStdFee-feeSummaryItem label{color:#6c757d!important;font-weight:600!important}.ApplySoloStdFee-feeSummaryItem .ApplySoloStdFee-feeAmount{color:#2c3e50!important;font-size:1.25rem!important;font-weight:700!important}.ApplySoloStdFee-loading{animation:spin 1s linear infinite!important;border:4px solid #f3f3f3!important;border-radius:50%!important;border-top-color:#3498db!important;height:50px!important;margin:0 auto 1rem!important;width:50px!important}@media (max-width:768px){.ApplySoloStdFee-swal-wide .swal2-popup{margin:1rem!important;max-width:90%!important;min-width:280px!important;padding:1rem!important}.ApplySoloStdFee-swal-wide .swal2-title{font-size:1.25rem!important}.ApplySoloStdFee-swal-wide .swal2-html-container{font-size:.95rem!important}.ApplySoloStdFee-swal-wide .swal2-actions{flex-direction:column!important}.ApplySoloStdFee-swal-wide .swal2-cancel,.ApplySoloStdFee-swal-wide .swal2-confirm{width:100%!important}.ApplySoloStdFee-feeHistoryTable{font-size:.875rem!important}.ApplySoloStdFee-feeHistoryTable td,.ApplySoloStdFee-feeHistoryTable th{padding:.5rem!important}}@media (max-width:480px){.ApplySoloStdFee-swal-wide .swal2-popup{max-width:95%!important;min-width:260px!important}.ApplySoloStdFee-swal-wide .swal2-icon{height:60px!important;width:60px!important}.ApplySoloStdFee-swal-wide .swal2-icon .swal2-icon-content{font-size:12pt!important}}@media print{.ApplySoloStdFee-swal-wide .swal2-popup{border:1px solid #ddd!important;box-shadow:none!important}}@media (max-width:768px){.ApplySoloStdFee-formGrid,.ApplySoloStdFee-formRow,.ApplySoloStdFee-studentRow{grid-template-columns:1fr}.ApplySoloStdFee-formActions{flex-direction:column}.ApplySoloStdFee-printBtn,.ApplySoloStdFee-submitBtn{width:100%}.ApplySoloStdFee-studentActions{align-items:stretch;flex-direction:column}.ApplySoloStdFee-studentQuickStats{justify-content:center}.ApplySoloStdFee-headerActions{margin-top:1rem;margin-top:var(--ApplySoloStdFee-spacing-md);position:relative;right:0;top:0}.ApplySoloStdFee-modal{max-height:90vh;max-width:95%}.ApplySoloStdFee-modal-body{padding:1rem;padding:var(--ApplySoloStdFee-spacing-md)}.ApplySoloStdFee-modal-footer{flex-direction:column}.ApplySoloStdFee-family-warning-banner{flex-direction:column;margin:20px 1rem;padding:1.5rem;text-align:center}.ApplySoloStdFee-warning-content{text-align:center}.ApplySoloStdFee-family-actions{flex-direction:column}}@media print{.ApplySoloStdFee-debugPanel,.ApplySoloStdFee-footer,.ApplySoloStdFee-formActions button:not(.ApplySoloStdFee-printBtn),.ApplySoloStdFee-headerActions,.ApplySoloStdFee-modal,.ApplySoloStdFee-modal-overlay,.ApplySoloStdFee-searchActions .ApplySoloStdFee-clearBtn,.ApplySoloStdFee-searchActions .ApplySoloStdFee-forgetBtn{display:none!important}.ApplySoloStdFee-container{background:#fff!important}.ApplySoloStdFee-formCard,.ApplySoloStdFee-searchCard,.ApplySoloStdFee-studentCard{border:1px solid #ddd!important;box-shadow:none!important}.ApplySoloStdFee-main-content{margin-left:0!important}}.fetchStudents-main{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.fetchStudents-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem}.fetchStudents-headerContent{margin:0 auto;max-width:1400px}.fetchStudents-title{align-items:center;display:flex;font-size:2.2rem;gap:1rem;margin-bottom:.5rem}.fetchStudents-titleIcon{color:#fff;font-size:2.5rem}.fetchStudents-version{background:#fff3;border-radius:20px;font-size:.8rem;margin-left:.5rem;padding:.2rem .8rem}.fetchStudents-subtitle{font-size:1.1rem;margin-bottom:1rem;opacity:.9}.fetchStudents-liveStats{display:flex;gap:1rem;margin-top:1rem}.fetchStudents-statBadge{align-items:center;background:#ffffff26;border-radius:50px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.fetchStudents-filtersSection{margin:0 auto 2rem;max-width:1400px;padding:0 1rem}.fetchStudents-filtersCard{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 8px 30px #00000014;padding:2rem}.fetchStudents-filtersHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.fetchStudents-filtersTitle{align-items:center;display:flex;gap:1rem}.fetchStudents-filtersIcon{color:#667eea;font-size:2rem}.fetchStudents-filtersSubtitle{color:#6c757d;font-size:.9rem;margin-top:.25rem}.fetchStudents-filtersControls{display:flex;gap:1rem}.fetchStudents-advancedBtn{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1.2rem;transition:all .3s ease}.fetchStudents-advancedBtn:hover{background:#e9ecef;border-color:#adb5bd}.fetchStudents-advancedBtn.active{background:#667eea;border-color:#667eea;color:#fff}.fetchStudents-caretIcon{transition:transform .3s ease}.fetchStudents-caretIcon.open{transform:rotate(180deg)}.fetchStudents-clearBtn{align-items:center;background:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1.2rem;transition:all .3s ease}.fetchStudents-clearBtn:hover:not(:disabled){background:#dc3545;color:#fff}.fetchStudents-clearBtn:disabled{cursor:not-allowed;opacity:.5}.fetchStudents-clearIcon{font-size:.9rem}.fetchStudents-filtersGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.fetchStudents-filterGroup{display:flex;flex-direction:column;gap:.75rem}.fetchStudents-filterCheckbox{align-items:center;display:flex;gap:.75rem}.fetchStudents-checkbox{cursor:pointer;height:20px;width:20px}.fetchStudents-checkboxLabel{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:.5rem;-webkit-user-select:none;user-select:none}.fetchStudents-checkboxIcon{color:#667eea}.fetchStudents-filterIndicator{animation:pulse 2s infinite;background:#28a745;border-radius:50%;height:8px;margin-left:.5rem;width:8px}.fetchStudents-inputGroup,.fetchStudents-inputWrapper{position:relative}.fetchStudents-input{background:#fff;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:80%}.fetchStudents-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.fetchStudents-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.fetchStudents-inputSpinner{animation:spin 1s linear infinite;color:#667eea;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.fetchStudents-suggestions{animation:slideDown .2s ease;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 10px 30px #0000001a;left:0;margin-top:.25rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.fetchStudents-suggestionItem{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.fetchStudents-suggestionItem:last-child{border-bottom:none}.fetchStudents-suggestionItem:hover{background:#f8f9fa}.fetchStudents-suggestionIcon{color:#667eea;font-size:.9rem;min-width:16px}.fetchStudents-suggestionText{color:#495057;flex:1 1}.fetchStudents-suggestionArrow{color:#adb5bd;font-size:.8rem}.fetchStudents-noSuggestions{color:#6c757d;font-style:italic;padding:1rem;text-align:center}.fetchStudents-filterSummary{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.fetchStudents-filterSummaryTitle{align-items:center;color:#495057;display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.fetchStudents-filterChips{display:flex;flex-wrap:wrap;gap:.5rem}.fetchStudents-filterChip{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:50px;color:#495057;display:flex;font-size:.9rem;gap:.5rem;padding:.4rem .8rem}.fetchStudents-filterChipClose{color:#6c757d;cursor:pointer;font-size:.8rem;transition:color .2s ease}.fetchStudents-filterChipClose:hover{color:#dc3545}.fetchStudents-actions{align-items:center;display:flex;gap:1rem}.fetchStudents-searchBtn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .3s ease}.fetchStudents-searchBtn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.fetchStudents-searchBtn:disabled{cursor:not-allowed;opacity:.6}.fetchStudents-searchIcon{font-size:1.1rem}.fetchStudents-activeFilters{background:#fff3;border-radius:50px;font-size:.8rem;margin-left:.5rem;padding:.2rem .6rem}.fetchStudents-loading{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.fetchStudents-exportBtn{align-items:center;background:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.fetchStudents-exportBtn:hover{background:#218838;box-shadow:0 5px 15px #28a7454d;transform:translateY(-2px)}.fetchStudents-refreshBtn{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;color:#495057;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.fetchStudents-refreshBtn:hover{background:#e9ecef;border-color:#adb5bd;transform:rotate(180deg)}.fetchStudents-resultsSection{margin:0 auto 2rem;max-width:1400px;padding:0 1rem}.fetchStudents-resultsHeader{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000000d;margin-bottom:1.5rem;padding:1.5rem 2rem}.fetchStudents-resultsTitle{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.fetchStudents-resultsIcon{color:#667eea;font-size:2rem}.fetchStudents-resultsSubtitle{color:#6c757d;font-size:.9rem;margin-top:.25rem}.fetchStudents-resultsCount{background:#e9ecef;border-radius:50px;color:#495057;font-weight:600;margin-left:auto;padding:.5rem 1rem}.fetchStudents-resultsStats{display:flex;gap:2rem}.fetchStudents-stat{align-items:center;display:flex;gap:1rem}.fetchStudents-statIcon{color:#667eea;font-size:2rem}.fetchStudents-statValue{color:#495057;font-size:1.5rem;font-weight:700}.fetchStudents-statLabel{color:#6c757d;font-size:.9rem}.fetchStudents-tableContainer{background:#fff;border-radius:15px;box-shadow:0 8px 30px #00000014;overflow:hidden}.fetchStudents-tableWrapper{overflow-x:auto}.fetchStudents-table{border-collapse:collapse;min-width:1000px;width:100%}.fetchStudents-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.fetchStudents-table th{color:#fff;cursor:pointer;font-weight:600;padding:1rem;position:relative;text-align:left;-webkit-user-select:none;user-select:none}.fetchStudents-thContent{align-items:center;display:flex;gap:.75rem}.fetchStudents-thIcon{font-size:1rem}.fetchStudents-sortIcon{margin-left:auto;opacity:.5;transition:opacity .3s ease}.fetchStudents-sortIcon-active{animation:bounce .3s ease;opacity:1}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.fetchStudents-table tbody tr{border-bottom:1px solid #f8f9fa;transition:background .2s ease}.fetchStudents-table tbody tr:hover{background:#f8f9fa}.fetchStudents-table tbody tr.even{background:#fdfdfd}.fetchStudents-table tbody tr.odd{background:#fff}.fetchStudents-table td{padding:1rem;vertical-align:middle}.fetchStudents-studentId{align-items:center;display:flex;gap:.75rem}.fetchStudents-studentIdIcon{color:#667eea;font-size:1.2rem}.fetchStudents-studentIdText{display:flex;flex-direction:column;gap:.25rem}.fetchStudents-studentIdBadge{background:#e9ecef;border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase;width:fit-content}.fetchStudents-studentIdBadge[data-status=Pending]{background:#fff3cd;color:#856404}.fetchStudents-studentIdBadge[data-status=Paid]{background:#d4edda;color:#155724}.fetchStudents-studentInfo{align-items:center;display:flex;gap:1rem}.fetchStudents-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.fetchStudents-nameInfo{display:flex;flex-direction:column;gap:.25rem}.fetchStudents-name{color:#495057;font-weight:600}.fetchStudents-email{color:#6c757d;font-size:.85rem}.fetchStudents-fatherName{align-items:center;color:#495057;display:flex;gap:.5rem}.fetchStudents-fatherIcon{color:#6c757d}.fetchStudents-classBadge{align-items:center;background:#e9ecef;border-radius:50px;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.fetchStudents-classIcon{color:#6c757d}.fetchStudents-section{color:#495057;font-weight:500}.fetchStudents-mobile{align-items:center;display:flex;gap:.5rem}.fetchStudents-mobileIcon{color:#6c757d}.fetchStudents-statusBadge{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:500;min-width:100px;padding:.35rem .75rem;text-align:center}.fetchStudents-statusBadge.normal{background:#d4edda;color:#155724}.fetchStudents-statusBadge.orphan{background:#f8d7da;color:#721c24}.fetchStudents-statusBadge.single-parent{background:#fff3cd;color:#856404}.fetchStudents-statusBadge.special-needs{background:#d1ecf1;color:#0c5460}.fetchStudents-statusBadge.scholarship{background:#cce5ff;color:#004085}.fetchStudents-statusBadge.staff-child{background:#e2e3e5;color:#383d41}.fetchStudents-statusBadge.family{background:#f8d7da;color:#721c24}.fetchStudents-statusBadge.solo{background:#d4edda;color:#155724}.fetchStudents-actionsCell{display:flex;gap:.5rem}.fetchStudents-feeBtn,.fetchStudents-useBtn,.fetchStudents-viewBtn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem;transition:all .3s ease}.fetchStudents-viewBtn{background:#f8f9fa;color:#495057}.fetchStudents-viewBtn:hover{background:#e9ecef;transform:translateY(-2px)}.fetchStudents-feeBtn{background:#17a2b8;color:#fff}.fetchStudents-feeBtn:hover{background:#138496;transform:translateY(-2px)}.fetchStudents-useBtn{align-items:center;background:#28a745;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.fetchStudents-useBtn:hover{background:#218838;transform:translateY(-2px)}.fetchStudents-pagination{align-items:center;background:#fff;border-top:1px solid #f8f9fa;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.fetchStudents-paginationBtn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.fetchStudents-paginationBtn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.fetchStudents-paginationBtn:disabled{cursor:not-allowed;opacity:.5}.fetchStudents-pageNumbers{display:flex;gap:.5rem}.fetchStudents-pageBtn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.fetchStudents-pageBtn:hover{background:#e9ecef}.fetchStudents-pageBtn.active{background:#667eea;border-color:#667eea;color:#fff}.fetchStudents-pageEllipsis{align-items:center;color:#6c757d;display:flex;height:40px;justify-content:center;width:40px}.fetchStudents-paginationInfo{color:#6c757d;font-size:.9rem;margin-left:auto}.fetchStudents-noResults{color:#6c757d;padding:3rem;text-align:center}.fetchStudents-noResultsIcon{color:#e9ecef;font-size:4rem;margin-bottom:1rem}.fetchStudents-noResults h3{color:#495057;margin-bottom:.5rem}.fetchStudents-quickStats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 300px;margin:0 auto 2rem;max-width:1400px;padding:0 1rem}.fetchStudents-statsCard{background:#fff;border-radius:15px;box-shadow:0 8px 30px #00000014;padding:2rem}.fetchStudents-statsHeader{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.fetchStudents-statsIcon{color:#667eea;font-size:2rem}.fetchStudents-statsHeader h3{flex:1 1;margin:0}.fetchStudents-statsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.fetchStudents-quickStat{text-align:center}.fetchStudents-quickStatIcon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.fetchStudents-quickStatValue{color:#495057;font-size:2rem;font-weight:700;margin-bottom:.25rem}.fetchStudents-quickStatLabel{color:#6c757d;font-size:.9rem}.fetchStudents-statsHint{align-items:flex-start;background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;padding:1rem}.fetchStudents-hintIcon{color:#667eea;flex-shrink:0;margin-top:.25rem}.fetchStudents-hintList{list-style:none;margin:.5rem 0 0 1rem;padding:0}.fetchStudents-hintList li{color:#6c757d;font-size:.9rem;margin-bottom:.25rem;padding-left:1rem;position:relative}.fetchStudents-hintList li:before{color:#667eea;content:"•";left:0;position:absolute}.fetchStudents-dbHealth{background:#fff;border-radius:15px;box-shadow:0 8px 30px #00000014;padding:2rem}.fetchStudents-dbHealthHeader{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.fetchStudents-dbHealthIcon{color:#667eea;font-size:1.5rem}.fetchStudents-dbHealthHeader h4{margin:0}.fetchStudents-dbHealthStatus{display:flex;flex-direction:column;gap:.75rem}.fetchStudents-dbHealthItem{align-items:center;display:flex;justify-content:space-between}.fetchStudents-dbHealthStatusIndicator{border-radius:50px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.fetchStudents-dbHealthStatusIndicator.active{background:#d4edda;color:#155724}.fetchStudents-dbHealthStatusIndicator.inactive{background:#f8d7da;color:#721c24}.fetchStudents-footer{background:#fff;border-top:1px solid #e9ecef;margin-top:auto;padding:1.5rem 2rem}.fetchStudents-footerContent{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.fetchStudents-footerLeft{display:flex;flex-direction:column;gap:.5rem}.fetchStudents-footerLogo{align-items:center;color:#495057;display:flex;font-weight:600;gap:.75rem}.fetchStudents-footerIcon{color:#667eea}.fetchStudents-footerText{color:#6c757d;font-size:.9rem}.fetchStudents-footerRight{align-items:center;display:flex;gap:1.5rem}.fetchStudents-systemStatus{align-items:center;display:flex;gap:.75rem}.fetchStudents-statusDot{background:#6c757d;border-radius:50%;height:10px;width:10px}.fetchStudents-statusDot.active{animation:pulse 2s infinite;background:#28a745;box-shadow:0 0 0 3px #28a74533}.fetchStudents-statusText{color:#495057;font-weight:500}.fetchStudents-lastUpdated,.fetchStudents-statusSubtext{color:#6c757d;font-size:.85rem}.fetchStudents-modal .swal-wide{max-width:700px!important}.fetchStudents-studentModal{padding:1rem}.fetchStudents-studentHeader{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.fetchStudents-studentAvatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.fetchStudents-studentBasic h3{color:#495057;margin:0 0 .5rem}.fetchStudents-studentDetails{margin-bottom:2rem}.fetchStudents-detailRow{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.fetchStudents-detailItem{display:flex;flex-direction:column;gap:.5rem}.fetchStudents-detailItem span{align-items:center;color:#6c757d;display:flex;font-size:.9rem}.fetchStudents-detailItem strong{color:#495057;font-size:1.1rem}.fetchStudents-detailItem.full-width{grid-column:1/-1}.fetchStudents-modalFooter{border-top:2px solid #f8f9fa;padding-top:1.5rem;text-align:center}.fetchStudents-modalActionBtn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 2rem;transition:all .3s ease}.fetchStudents-modalActionBtn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.fetchStudents-highlight{animation:highlight .5s ease}@keyframes highlight{0%{background-color:initial}50%{background-color:#fff3cd}to{background-color:initial}}.fetchStudents-exportOptionBtn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.fetchStudents-exportOptionBtn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}@media (max-width:1200px){.fetchStudents-quickStats{grid-template-columns:1fr}.fetchStudents-dbHealth{grid-column:1/-1}}@media (max-width:992px){.fetchStudents-filtersGrid{grid-template-columns:1fr}.fetchStudents-resultsStats{flex-direction:column;gap:1rem}.fetchStudents-stat{justify-content:flex-start}}@media (max-width:768px){.fetchStudents-header{padding:1.5rem 1rem}.fetchStudents-title{font-size:1.8rem}.fetchStudents-filtersHeader{flex-direction:column;gap:1rem}.fetchStudents-filtersControls{justify-content:flex-end;width:100%}.fetchStudents-actions{flex-wrap:wrap}.fetchStudents-footerContent{flex-direction:column;gap:1rem;text-align:center}.fetchStudents-detailRow{grid-template-columns:1fr}}@media (max-width:576px){.fetchStudents-statsGrid{grid-template-columns:1fr}.fetchStudents-pagination{flex-wrap:wrap}.fetchStudents-paginationInfo{margin-left:0;text-align:center;width:100%}}.dashboard-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.fetch-students-container{background:#f5f7fa;flex:1 1;margin-left:250px;margin-top:2vh;min-height:100vh;padding:2rem 4rem}.dashboard-header{align-items:center;border-bottom:2px solid #e8edf3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h2{align-items:center;color:#2d3748;display:flex;font-size:1.8rem;font-weight:700;gap:.75rem;margin:0}.dashboard-header h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:24px;width:4px}.filters-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 10px 40px #667eea1a;margin-bottom:2rem;padding:1.5rem 2rem}.filters-card h3{align-items:center;color:#4a5568;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.backend-status{align-items:center;color:#718096;display:flex;font-size:12px;gap:8px}.status-indicator{align-items:center;border-radius:50%;display:inline-flex;height:20px;justify-content:center;width:20px}.status-indicator.active{color:#38a169}.status-indicator.inactive{color:#e53e3e}.status-text{font-weight:500}.refresh-backend-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;color:#718096;cursor:pointer;font-size:11px;padding:2px 6px}.refresh-backend-btn:hover{background:#f7fafc;color:#4a5568}.header-left{display:flex;flex-direction:column;gap:4px}.header-actions{align-items:center;display:flex;gap:12px}.filter-summary{border-top:1px solid #e2e8f0;display:flex;font-size:13px;gap:16px;margin-top:16px;padding-top:16px}.summary-item{align-items:center;display:flex;gap:6px}.summary-label{color:#718096;font-weight:500}.summary-value{color:#2d3748;font-weight:600}.backend-php{color:#38a169}.backend-node{color:#3182ce}.pagination-controls{align-items:center;display:flex;gap:12px}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:13px;padding:6px 12px}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#718096;font-size:13px}.table-footer{align-items:center;background:#f7fafc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.footer-info{color:#718096;font-size:13px}.footer-pagination{align-items:center;display:flex;gap:8px}.page-info{color:#718096;font-size:13px;padding:0 8px}.student-cnic{color:#718096;display:block;font-size:11px;margin-top:2px}.family-code-badge{background:#e6fffa;border-radius:12px;color:#234e52;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.no-family{color:#a0aec0;font-size:12px;font-style:italic}.empty-state-actions{display:flex;gap:12px;margin-top:16px}.backend-warning{align-items:center;background:#fefcbf;border-radius:6px;color:#d69e2e;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:8px 12px}.loader-container{padding:40px;text-align:center}.loader-container p{color:#718096;font-size:14px;margin-top:16px}.filter-group{position:relative}.filter-label{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.checkbox-container{align-items:center;cursor:pointer;display:inline-flex}.custom-checkbox{-webkit-appearance:none;appearance:none;border:2px solid #cbd5e0;border-radius:4px;cursor:pointer;height:18px;margin:0;position:relative;transition:all .2s;width:18px}.custom-checkbox:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.custom-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.filter-input{background:#fafbfc;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;padding:.875rem 1rem;transition:all .3s;width:80%}.filter-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-input:disabled{background:#f7fafc;border-color:#e2e8f0;cursor:not-allowed}.filter-select{-webkit-appearance:none;appearance:none;background:#fafbfc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234a5568' viewBox='0 0 256 256'%3E%3Cpath d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.95rem;padding:.875rem 2.5rem .875rem 1rem;width:100%}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.suggestions-dropdown{animation:slideDown .2s ease-out;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:.5rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:.75rem 1rem;transition:all .2s}.suggestion-item:last-child{border-bottom:none}.search-button,.suggestion-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-button{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.875rem 2rem;transition:all .3s}.search-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.table-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #667eea1a;overflow:hidden;padding:1.5rem}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.table-header h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0}.stats-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem 1rem}.student-table{border-collapse:initial;border-spacing:0;width:100%}.student-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.student-table th{border:none;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.student-table th:first-child{border-top-left-radius:10px}.student-table th:last-child{border-top-right-radius:10px}.student-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.student-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.student-table td{border:none;color:#4a5568;font-size:.95rem;padding:1rem}.student-table td:first-child{border-left:3px solid #0000}.student-table tr:hover td:first-child{border-left-color:#667eea}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;background:#f7fafc;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s;width:36px}.edit-btn:hover{background:linear-gradient(135deg,#4299e1,#3182ce);transform:scale(1.05)}.edit-btn:hover svg{color:#fff!important;transform:scale(1.1)}.delete-btn:hover{background:linear-gradient(135deg,#fc8181,#f56565);transform:scale(1.05)}.delete-btn:hover svg{color:#fff!important;transform:scale(1.1)}.empty-state{color:#a0aec0;padding:3rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.loader{align-items:center;display:flex;justify-content:center;padding:2rem}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@media (max-width:1024px){.filters-grid{grid-template-columns:1fr}.fetch-students-container{margin-left:0;padding:1rem}.table-container{overflow-x:auto}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.search-button{justify-content:center;width:100%}.student-table{min-width:800px}}.status-badge{font-size:.75rem;letter-spacing:.05em;padding:.25rem .75rem}.status-active{background:#c6f6d5;color:#22543d}.status-inactive{background:#fed7d7;color:#742a2a}.studentExpense-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;gap:25px;min-height:calc(100vh - 60px);padding:25px;position:relative}.studentExpense-loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:8px;bottom:0;flex-direction:column;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;z-index:1000}.studentExpense-loading,.studentExpense-loading-spinner{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.studentExpense-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.studentExpense-studentInfo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 25px}.studentExpense-studentInfo-content h3{font-size:1.5rem;font-weight:700;margin:0 0 8px}.studentExpense-studentInfo-details{display:flex;font-size:.9rem;gap:20px;opacity:.9}.studentExpense-refreshBtn-main{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s}.studentExpense-refreshBtn-main:hover{background:#ffffff4d;transform:translateY(-2px)}.studentExpense-parent-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:12px;box-shadow:0 4px 15px #42a5f533;padding:25px}.studentExpense-parent-info-header{align-items:center;border-bottom:2px solid #90caf9;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.studentExpense-parent-icon{background:#fff;border-radius:8px;box-shadow:0 2px 8px #1565c033;color:#1565c0;font-size:24px;padding:10px}.studentExpense-parent-info h4{color:#0d47a1;flex:1 1;font-size:1.2rem;font-weight:700;margin:0}.studentExpense-parent-badge{background:#1565c0;border-radius:20px;color:#fff;font-size:.8rem;padding:4px 12px}.studentExpense-parent-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.studentExpense-parent-detail{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:15px}.studentExpense-parent-detail span:first-child{color:#37474f;font-weight:600}.studentExpense-parent-detail span:last-child{color:#1565c0;font-weight:700}.studentExpense-parent-detail.highlight{background:linear-gradient(135deg,#bbdefb,#90caf9);border:2px solid #42a5f5}.studentExpense-calculation-breakdown{background:#fff;border:1px solid #e3e6f0;border-radius:10px;margin-top:20px;padding:20px}.studentExpense-calculation-title{align-items:center;border-bottom:2px solid #f0f2f5;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.studentExpense-calculation-steps{display:flex;flex-direction:column;gap:15px}.studentExpense-calculation-step{align-items:center;background:#f8fafc;border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.studentExpense-calculation-step.operator{background:#0000;border:none;color:#7f8c8d;font-size:1.5rem;justify-content:center}.studentExpense-calculation-step.result{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left-color:#27ae60}.studentExpense-calculation-step.result strong{color:#155724;font-size:1.1rem}.studentExpense-form{background:#fff;border:1px solid #e3e6f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:10px;padding:28px;transition:all .3s ease}.studentExpense-form:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.studentExpense-formHeader{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;margin-bottom:28px;padding-bottom:20px;position:relative}.studentExpense-formHeader:after{background:linear-gradient(90deg,#3498db,#2980b9);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.studentExpense-formHeaderIcon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:10px;color:#3498db;font-size:26px;margin-right:15px;padding:12px}.studentExpense-formHeader h3{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0}.studentExpense-recordCount{background:#27ae60;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;margin-left:15px;padding:4px 12px}.studentExpense-formRow{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.studentExpense-formGroup{position:relative}.studentExpense-formLabel{align-items:center;color:#34495e;display:flex;font-size:.95rem;font-weight:600;margin-bottom:10px;position:relative}.studentExpense-labelIcon{color:#3498db;font-size:15px;margin-right:10px;min-width:20px}.studentExpense-fieldHint{color:#7f8c8d;font-size:.8rem;font-style:italic;font-weight:400;margin-left:8px;opacity:.8}.studentExpense-formInput,.studentExpense-formSelect,.studentExpense-formTextarea{background:#f8fafc;border:2px solid #e0e6ed;border-radius:8px;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s;width:80%}.studentExpense-formInput:focus,.studentExpense-formSelect:focus,.studentExpense-formTextarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db26;outline:none;transform:translateY(-1px)}.studentExpense-formInput::placeholder{color:#a0aec0;opacity:.7}.studentExpense-formInput[readonly]{background-color:#f1f5f9;border-color:#cbd5e0;color:#4a5568;cursor:not-allowed}.studentExpense-formInput.studentExpense-runningBalance{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#3498db;color:#2c5282;font-size:1.1rem;font-weight:700}.studentExpense-formInput.studentExpense-discountedAmount{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#27ae60;color:#276749;font-size:1.1rem;font-weight:700}.studentExpense-formInput.studentExpense-newBalance{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#f39c12;color:#d35400;font-size:1.1rem;font-weight:700}.studentExpense-formSelect{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234a5568'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:45px}.studentExpense-formTextarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.studentExpense-balanceExplanation{border-left:2px solid #e2e8f0;color:#718096;font-size:.82rem;font-style:italic;line-height:1.4;margin-top:8px;padding-left:10px}.studentExpense-parent-summary{display:flex;flex-direction:column;gap:8px;margin-top:10px}.studentExpense-parent-summary-item{color:#4a5568}.studentExpense-parent-summary-item span:last-child{color:#2c5282}.studentExpense-formActions{border-top:2px solid #f0f2f5;display:flex;gap:18px;margin-top:30px;padding-top:25px}.studentExpense-historyBtn,.studentExpense-submitBtn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.3px;min-height:52px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.studentExpense-historyBtn:before,.studentExpense-submitBtn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.studentExpense-historyBtn:hover:before,.studentExpense-submitBtn:hover:before{left:100%}.studentExpense-submitBtn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d;color:#fff;flex:2 1}.studentExpense-submitBtn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f6399);box-shadow:0 6px 20px #3498db66;transform:translateY(-3px)}.studentExpense-historyBtn{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 4px 15px #17a2b833;color:#fff;flex:1 1}.studentExpense-historyBtn:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-3px)}.studentExpense-historyBtn:disabled,.studentExpense-submitBtn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.studentExpense-historyIcon,.studentExpense-submitIcon{font-size:16px;margin-right:10px}.studentExpense-chain-visualization{background:#fff;border:1px solid #e3e6f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:25px}.studentExpense-chain-visualization h4{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;margin-bottom:20px}.studentExpense-chain-nodes{display:flex;flex-direction:column;gap:15px}.studentExpense-chain-node{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;padding:15px;position:relative;transition:all .3s}.studentExpense-chain-node:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.studentExpense-node-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;margin-right:15px;width:40px}.studentExpense-node-icon.parent{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.studentExpense-node-icon.child{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.studentExpense-node-content{flex:1 1}.studentExpense-node-header{align-items:center;display:flex;gap:15px;margin-bottom:8px}.studentExpense-node-position{background:#e2e8f0;border-radius:4px;color:#2c3e50;font-size:.9rem;font-weight:700;padding:2px 8px}.studentExpense-node-type{color:#495057;font-size:.95rem;font-weight:600}.studentExpense-node-date{color:#6c757d;font-size:.85rem;margin-left:auto}.studentExpense-node-details{color:#4a5568;display:flex;font-size:.9rem;gap:20px}.studentExpense-chain-arrow{color:#a0aec0;margin-left:15px}.studentExpense-recentExpenses{background:#fff;border:1px solid #e3e6f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:28px}.studentExpense-recentHeader{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;margin-bottom:25px;padding-bottom:20px;position:relative}.studentExpense-recentHeader:after{background:linear-gradient(90deg,#9b59b6,#8e44ad);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.studentExpense-recentIcon{background:#f3e8ff;border-radius:8px;color:#9b59b6;font-size:22px;margin-right:12px;padding:10px}.studentExpense-recentHeader h3{color:#2c3e50;flex:1 1;font-size:1.3rem;font-weight:700;margin:0}.studentExpense-refreshBtn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;transition:all .3s;width:42px}.studentExpense-refreshBtn:hover{background:#3498db;border-color:#3498db;box-shadow:0 4px 12px #3498db4d;color:#fff;transform:rotate(180deg)}.studentExpense-expenseTable{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;margin-bottom:20px;overflow-x:auto}.studentExpense-expenseTable::-webkit-scrollbar{height:8px}.studentExpense-expenseTable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.studentExpense-expenseTable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.studentExpense-expenseTable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.studentExpense-expenseTable table{border-collapse:collapse;min-width:800px;width:100%}.studentExpense-expenseTable th{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.92rem;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.studentExpense-expenseTable td{border-bottom:1px solid #edf2f7;color:#4a5568;font-size:.95rem;padding:16px 20px;vertical-align:middle}.studentExpense-expenseTable tbody tr{transition:all .2s}.studentExpense-expenseTable tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#e6fffa);transform:translateX(4px)}.studentExpense-expenseTable tbody tr:last-child td{border-bottom:none}.studentExpense-parent-row{background:linear-gradient(90deg,#fff8e1,#fff3cd)!important;border-left:4px solid #ffc107!important}.studentExpense-expenseTypeTag{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;min-width:80px;padding:6px 12px;text-align:center;text-transform:uppercase}.studentExpense-expenseTypeTag.books{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.studentExpense-expenseTypeTag.uniform{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;color:#856404}.studentExpense-expenseTypeTag.transport{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #bee5eb;color:#0c5460}.studentExpense-expenseTypeTag.exam{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.studentExpense-expenseTypeTag.activity{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border:1px solid #d6d8db;color:#383d41}.studentExpense-expenseTypeTag.other{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;color:#495057}.studentExpense-balance.zero{background:#e8f5e9;color:#27ae60}.studentExpense-balance,.studentExpense-balance.zero{border-radius:6px;display:inline-block;font-weight:700;padding:4px 12px}.studentExpense-balance{background:#ffebee;color:#e74c3c}.studentExpense-parent-badge{background:#ffc107;border-radius:12px;color:#212529;gap:4px;padding:4px 10px}.studentExpense-parent-badge,.studentExpense-position-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600}.studentExpense-position-badge{background:#6c757d;border-radius:50%;color:#fff;height:24px;justify-content:center;width:24px}.studentExpense-actions{display:flex;gap:8px}.studentExpense-deleteBtn,.studentExpense-editBtn,.studentExpense-viewBtn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.studentExpense-viewBtn{background:#3498db;color:#fff}.studentExpense-viewBtn:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.studentExpense-editBtn{background:#2ecc71;color:#fff}.studentExpense-editBtn:hover{background:#27ae60;box-shadow:0 4px 8px #2ecc714d;transform:translateY(-2px)}.studentExpense-deleteBtn{background:#e74c3c;color:#fff}.studentExpense-deleteBtn:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.studentExpense-deleteBtn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.studentExpense-viewAll{border-top:2px solid #f0f2f5;margin-top:20px;padding-top:20px;text-align:center}.studentExpense-viewAll button{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-width:300px;padding:14px 32px;transition:all .3s}.studentExpense-viewAll button:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 6px 20px #9b59b64d;transform:translateY(-2px)}.studentExpense-currentBalance{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:6px solid #3498db;border-radius:12px;box-shadow:0 4px 12px #3498db26;display:flex;justify-content:space-between;margin-top:25px;padding:22px 28px}.studentExpense-currentBalanceLabel{align-items:center;color:#2c5282;display:flex;font-size:1.1rem;font-weight:700}.studentExpense-currentBalanceValue{color:#2c5282;font-size:1.8rem;font-weight:800;text-shadow:0 2px 4px #0000001a}.studentExpense-emptyState{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px dashed #cbd5e0;border-radius:16px;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:20px;padding:80px 40px;text-align:center}.studentExpense-emptyStateIcon{color:#a0aec0;font-size:4rem;margin-bottom:25px;opacity:.6}.studentExpense-emptyState h3{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:15px}.studentExpense-emptyState p{color:#718096;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:400px}.studentExpense-details-modal-overlay,.studentExpense-edit-modal-overlay,.studentExpense-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.studentExpense-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:1600px;overflow:hidden;width:95%}.studentExpense-modal-header{align-items:center;background:linear-gradient(135deg,#1a202c,#2d3748);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0003;color:#fff;display:flex;justify-content:space-between;padding:24px 40px}.studentExpense-modal-header-left{align-items:center;display:flex;gap:20px}.studentExpense-modal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#3498db;font-size:32px;padding:14px}.studentExpense-modal-header-left h3{font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.studentExpense-modal-header-left p{font-size:1rem;font-weight:500;margin:6px 0 0;opacity:.9}.studentExpense-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .3s;width:44px}.studentExpense-modal-close:hover{background:#ffffff40;box-shadow:0 0 20px #3498db66;transform:rotate(90deg) scale(1.1)}.studentExpense-modal-filters{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:28px 40px}.studentExpense-search-box{margin-bottom:25px;position:relative}.studentExpense-search-icon{color:#718096;font-size:18px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.studentExpense-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:16px;font-weight:500;padding:16px 24px 16px 55px;transition:all .3s;width:100%}.studentExpense-search-input:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db33;outline:none;transform:translateY(-2px)}.studentExpense-filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.studentExpense-filter-group{flex:1 1;min-width:180px}.studentExpense-filter-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.studentExpense-filter-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;padding:14px 50px 14px 18px;transition:all .3s;width:100%}.studentExpense-filter-group select:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db33;outline:none}.studentExpense-filter-clear{background:linear-gradient(135deg,#718096,#4a5568);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:160px;padding:14px 28px;transition:all .3s;white-space:nowrap}.studentExpense-filter-clear:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #7180964d;transform:translateY(-3px)}.studentExpense-modal-parent-summary{background:linear-gradient(135deg,#fff8e1,#ffeaa7);border:2px solid #ffc107;border-radius:10px;margin:0 40px 20px;padding:20px}.studentExpense-parent-summary-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.studentExpense-parent-summary-icon{color:#ffc107;font-size:24px}.studentExpense-parent-summary-header h4{color:#856404;font-size:1.1rem;font-weight:700;margin:0}.studentExpense-parent-badge-label{background:#ffc107;border-radius:12px;color:#212529;font-size:.75rem;font-weight:600;margin-left:auto;padding:4px 10px}.studentExpense-parent-summary-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.studentExpense-parent-summary-item{background:#fffc;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.studentExpense-parent-summary-item span:first-child{color:#495057;font-weight:600}.studentExpense-parent-summary-item span:last-child{color:#0d47a1;font-weight:700}.studentExpense-modal-summary{grid-gap:20px;background:#fff;border-bottom:2px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:28px 40px}.studentExpense-summary-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-left:5px solid #3498db;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:22px;position:relative;transition:all .3s}.studentExpense-summary-card:before{background:linear-gradient(90deg,#3498db,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.studentExpense-summary-highlight{background:linear-gradient(135deg,#e8f5e9,#d4edda);border-left-color:#27ae60}.studentExpense-summary-highlight:before{background:linear-gradient(90deg,#27ae60,#0000)}.studentExpense-summary-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.studentExpense-summary-label{color:#718096;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.studentExpense-summary-value{color:#2d3748;font-size:1.6rem;font-weight:800;line-height:1.2}.studentExpense-summary-highlight .studentExpense-summary-value{color:#27ae60}.studentExpense-table-container{flex:1 1;overflow-y:auto;padding:0 40px 20px;position:relative}.studentExpense-modal-table{border-collapse:initial;border-spacing:0;margin:20px 0 30px;width:100%}.studentExpense-modal-table thead{background:#fff;box-shadow:0 4px 20px #00000014;position:sticky;top:0;z-index:10}.studentExpense-modal-table th{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:3px solid #3498db;color:#2d3748;font-size:.95rem;font-weight:800;letter-spacing:.5px;padding:18px 20px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.studentExpense-modal-table th:after{background:#3498db;bottom:-3px;content:"";height:3px;left:0;position:absolute;transition:width .3s;width:0}.studentExpense-modal-table th:hover:after{width:100%}.studentExpense-modal-table td{border-bottom:1px solid #edf2f7;color:#4a5568;font-size:.95rem;font-weight:500;padding:18px 20px;vertical-align:middle}.studentExpense-modal-table tbody tr{position:relative;transition:all .3s}.studentExpense-modal-table tbody tr:before{background:#3498db;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.studentExpense-modal-table tbody tr:hover:before{transform:scaleY(1)}.studentExpense-modal-table tbody tr:hover{background:linear-gradient(90deg,#3498db0d,#3498db05);box-shadow:0 4px 15px #0000000d;transform:translateX(8px)}.studentExpense-description-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studentExpense-description-cell:hover{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;max-width:none;overflow:visible;padding:10px;white-space:normal;z-index:2}.studentExpense-sort-btn{align-items:center;background:none;border:none;color:#2d3748;cursor:pointer;display:flex;font:inherit;font-weight:800;gap:10px;letter-spacing:.5px;padding:0;text-transform:uppercase;transition:color .3s}.studentExpense-sort-btn:hover{color:#3498db}.studentExpense-parent-badge-modal{align-items:center;background:#ffc107;border-radius:12px;color:#212529;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px}.studentExpense-position-badge-modal{align-items:center;background:#6c757d;border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;height:22px;justify-content:center;width:22px}.studentExpense-parent-label{color:#ffc107;display:block;font-size:.7rem;font-weight:600;margin-top:3px}.studentExpense-statusBadge{border-radius:20px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:.85rem;font-weight:800;letter-spacing:.5px;min-width:90px;padding:8px 16px;text-align:center;text-transform:uppercase}.studentExpense-statusBadge.paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.studentExpense-statusBadge.pending{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.studentExpense-noRecords{background:linear-gradient(135deg,#f8fafc,#edf2f7);border:3px dashed #cbd5e0;border-radius:16px;color:#718096;margin:30px 0;padding:80px 40px;text-align:center}.studentExpense-noRecords-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.studentExpense-noRecords p{font-size:1.2rem;font-weight:500;margin-bottom:30px}.studentExpense-clearFiltersBtn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 32px;transition:all .3s}.studentExpense-clearFiltersBtn:hover{background:linear-gradient(135deg,#2980b9,#1f6399);box-shadow:0 6px 20px #3498db4d;transform:translateY(-3px)}.studentExpense-modal-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-top:2px solid #e2e8f0;box-shadow:0 -4px 20px #0000000d;display:flex;justify-content:space-between;padding:24px 40px}.studentExpense-export-options{display:flex;gap:15px}.studentExpense-export-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:180px;padding:14px 28px;transition:all .3s}.studentExpense-export-btn:hover{background:linear-gradient(135deg,#219653,#1e7e34);box-shadow:0 6px 20px #27ae604d;transform:translateY(-3px)}.studentExpense-print-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:160px;padding:14px 28px;transition:all .3s}.studentExpense-print-btn:hover{background:linear-gradient(135deg,#2980b9,#1f6399);box-shadow:0 6px 20px #3498db4d;transform:translateY(-3px)}.studentExpense-record-count{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#718096;font-size:1rem;font-weight:600;padding:10px 20px}.studentExpense-edit-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.studentExpense-edit-modal-header{align-items:center;background:linear-gradient(135deg,#2980b9,#3498db);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #2980b94d;color:#fff;display:flex;justify-content:space-between;padding:24px 40px}.studentExpense-edit-modal-header-left{align-items:center;display:flex;gap:20px}.studentExpense-edit-modal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;font-size:28px;padding:12px}.studentExpense-edit-modal-icon.parent-icon{color:#ffc107}.studentExpense-edit-modal-header h3{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0}.studentExpense-edit-subtitle{color:#ffffffe6;font-size:.9rem;margin:5px 0 0}.studentExpense-edit-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.studentExpense-edit-modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.studentExpense-edit-modal-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:35px 40px}.studentExpense-parent-warning{align-items:flex-start;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;display:flex;gap:15px;margin-bottom:25px;padding:15px}.studentExpense-parent-warning-icon{color:#ffc107;flex-shrink:0;font-size:20px;margin-top:2px}.studentExpense-parent-warning-content h4{color:#856404;font-size:1rem;margin:0 0 8px}.studentExpense-parent-warning-content p{color:#856404;font-size:.9rem;line-height:1.5;margin:0}.studentExpense-edit-form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.studentExpense-edit-form-group{position:relative}.studentExpense-edit-form-group.full-width{grid-column:1/-1}.studentExpense-edit-form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.studentExpense-field-warning{color:#e74c3c;font-size:.85rem;font-weight:500;margin-left:8px}.studentExpense-edit-form-group input,.studentExpense-edit-form-group select,.studentExpense-edit-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:16px;font-weight:500;padding:14px 18px;transition:all .3s;width:100%}.studentExpense-edit-form-group input:focus,.studentExpense-edit-form-group select:focus,.studentExpense-edit-form-group textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db33;outline:none;transform:translateY(-2px)}.studentExpense-edit-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:50px}.studentExpense-edit-form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.studentExpense-readonly-input{background-color:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important;cursor:not-allowed!important}.studentExpense-readonly-input:focus{border-color:#dee2e6!important;box-shadow:none!important;transform:none!important}.studentExpense-pending-highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;border-color:#f39c12!important;color:#d35400!important}.studentExpense-edit-hint{color:#718096;font-size:.85rem;font-style:italic;margin-top:6px}.studentExpense-chain-impact{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:12px 15px}.studentExpense-chain-impact-icon{color:#6c757d;font-size:16px}.studentExpense-chain-impact span{color:#2d3748;font-size:.95rem;font-weight:600}.studentExpense-parent-validation{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;margin:25px 0;padding:20px}.studentExpense-parent-validation h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:700;margin:0 0 20px}.studentExpense-validation-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.studentExpense-validation-row{border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:10px 0}.studentExpense-validation-row:last-child{border-bottom:none}.studentExpense-validation-total{background:#f8fafc;border-top:2px solid #e2e8f0;color:#2d3748;font-weight:700;margin:15px -15px -15px;padding:15px}.studentExpense-validation-status{border-radius:8px;font-size:.95rem;font-weight:700;margin-top:15px;padding:12px;text-align:center}.studentExpense-validation-status.valid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.studentExpense-validation-status.invalid{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.studentExpense-edit-amount-summary{background:#fff;border:2px solid #e2e8f0;border-radius:10px;margin:25px 0;padding:20px}.studentExpense-edit-amount-summary h4{border-bottom:2px solid #f0f2f5;color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 20px;padding-bottom:10px}.studentExpense-edit-summary-row{border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.studentExpense-edit-summary-row:last-child{border-bottom:none}.studentExpense-edit-summary-total{background:#f8fafc;border-top:2px solid #e2e8f0;color:#2d3748;font-weight:700;margin:10px -20px -20px;padding:15px}.studentExpense-edit-original-info{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-radius:10px;font-size:.95rem;margin:25px 0;padding:18px 24px}.studentExpense-edit-original-info p{color:#856404;font-weight:500;line-height:1.6;margin:8px 0}.studentExpense-edit-modal-actions{border-top:2px solid #e2e8f0;display:flex;gap:20px;justify-content:flex-end;margin-top:30px;padding-top:30px}.studentExpense-edit-cancel{background:linear-gradient(135deg,#718096,#4a5568);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:150px;padding:16px 32px;transition:all .3s}.studentExpense-edit-cancel:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #7180964d;transform:translateY(-3px)}.studentExpense-edit-save{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;min-width:200px;padding:16px 32px;transition:all .3s}.studentExpense-edit-save:hover:not(:disabled){background:linear-gradient(135deg,#219653,#1e7e34);box-shadow:0 6px 20px #27ae604d;transform:translateY(-3px)}.studentExpense-edit-save:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.studentExpense-details-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.studentExpense-details-modal-header{align-items:center;background:linear-gradient(135deg,#8e44ad,#9b59b6);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #8e44ad4d;color:#fff;display:flex;justify-content:space-between;padding:24px 40px}.studentExpense-details-modal-header-left{align-items:center;display:flex;gap:20px}.studentExpense-details-modal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;font-size:28px;padding:12px}.studentExpense-details-modal-icon.parent-icon{color:#ffc107}.studentExpense-details-modal-header h3{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0}.studentExpense-details-subtitle{color:#ffffffe6;font-size:.9rem;margin:5px 0 0}.studentExpense-details-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.studentExpense-details-modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.studentExpense-details-content{background:linear-gradient(135deg,#f8fafc,#edf2f7);flex:1 1;overflow-y:auto;padding:35px 40px}.studentExpense-details-parent-banner{align-items:flex-start;background:linear-gradient(135deg,#fff8e1,#ffeaa7);border:2px solid #ffc107;border-radius:10px;display:flex;gap:15px;margin-bottom:25px;padding:20px}.studentExpense-details-parent-icon{color:#ffc107;flex-shrink:0;font-size:20px;margin-top:2px}.studentExpense-details-parent-banner h4{color:#856404;font-size:1.1rem;font-weight:700;margin:0 0 10px}.studentExpense-details-parent-banner p{color:#856404;font-size:.95rem;line-height:1.5;margin:0}.studentExpense-details-grid{grid-gap:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;padding:25px}.studentExpense-details-item{background:#f8fafc;border-left:4px solid #9b59b6;border-radius:8px;display:flex;flex-direction:column;padding:15px}.studentExpense-details-item.full-width{grid-column:1/-1}.studentExpense-details-label{color:#718096;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.studentExpense-details-value{color:#2d3748;font-size:1rem;font-weight:700;line-height:1.5;word-break:break-word}.studentExpense-details-parent-tag{background:#ffc107;border-radius:10px;color:#212529;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px}.studentExpense-details-position{background:#6c757d;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 10px}.studentExpense-details-amounts{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:25px}.studentExpense-details-amounts h4{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.2rem;font-weight:800;margin:0 0 20px;padding-bottom:15px}.studentExpense-details-amount-row{align-items:center;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding:15px 0}.studentExpense-details-amount-row:last-child{border-bottom:none}.studentExpense-details-amount{color:#2d3748;font-size:1.1rem;font-weight:800}.studentExpense-details-discount{color:#e74c3c}.studentExpense-details-paid{color:#27ae60}.studentExpense-details-zero{background:#e8f5e9;border-radius:6px;color:#27ae60;padding:6px 12px}.studentExpense-details-pending{background:#ffebee;border-radius:6px;color:#e74c3c;padding:6px 12px}.studentExpense-details-parent-summary{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;margin:25px 0;padding:25px}.studentExpense-details-parent-summary h4{align-items:center;color:#2d3748;display:flex;font-size:1.2rem;font-weight:800;margin:0 0 20px}.studentExpense-details-impact-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.studentExpense-details-impact-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.studentExpense-details-impact-item span:first-child{color:#495057;font-weight:600}.studentExpense-details-impact-item span:last-child{color:#2d3748;font-weight:700}.studentExpense-details-status{background:#fff;border-left:6px solid #3498db;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:25px}.studentExpense-details-status h4{color:#2d3748;font-size:1.2rem;font-weight:800;margin:0 0 20px}.studentExpense-details-pending-note{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-radius:8px;box-shadow:0 4px 12px #f39c121a;color:#856404;display:flex;font-size:1rem;font-weight:600;margin:20px 0 0;padding:15px 20px}.studentExpense-details-actions{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-top:2px solid #e2e8f0;box-shadow:0 -4px 20px #0000000d;display:flex;gap:20px;justify-content:flex-end;padding:25px 40px}.studentExpense-details-edit{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:180px;padding:16px 32px;transition:all .3s}.studentExpense-details-edit:hover{background:linear-gradient(135deg,#2980b9,#1f6399);box-shadow:0 6px 20px #3498db4d;transform:translateY(-3px)}.studentExpense-details-print{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:180px;padding:16px 32px;transition:all .3s}.studentExpense-details-print:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 6px 20px #9b59b64d;transform:translateY(-3px)}.studentExpense-details-close{background:linear-gradient(135deg,#718096,#4a5568);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:150px;padding:16px 32px;transition:all .3s}.studentExpense-details-close:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #7180964d;transform:translateY(-3px)}@media (max-width:1400px){.studentExpense-formRow{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.studentExpense-modal{width:98%}.studentExpense-details-modal,.studentExpense-edit-modal{width:95%}}@media (max-width:1200px){.studentExpense-container{padding:20px}.studentExpense-modal-summary{grid-template-columns:repeat(3,1fr)}.studentExpense-edit-form-row{grid-template-columns:1fr}}@media (max-width:992px){.studentExpense-formActions{flex-direction:column;gap:15px}.studentExpense-formActions button{width:100%}.studentExpense-modal-filters,.studentExpense-modal-footer,.studentExpense-modal-header,.studentExpense-modal-summary,.studentExpense-table-container{padding:20px 25px}.studentExpense-modal-parent-summary{margin:0 25px 20px}.studentExpense-modal-summary{grid-template-columns:repeat(2,1fr)}.studentExpense-export-options{flex-direction:column;gap:15px;width:100%}.studentExpense-export-options button{width:100%}.studentExpense-modal-footer{align-items:stretch;flex-direction:column;gap:20px}.studentExpense-record-count{text-align:center;width:100%}.studentExpense-details-grid,.studentExpense-details-impact-grid{grid-template-columns:1fr}}@media (max-width:768px){.studentExpense-container{padding:15px}.studentExpense-form,.studentExpense-recentExpenses{padding:20px}.studentExpense-formHeader{align-items:flex-start;flex-direction:column;gap:15px}.studentExpense-formHeader h3{font-size:1.3rem}.studentExpense-currentBalance{align-items:flex-start;flex-direction:column;gap:15px;padding:18px}.studentExpense-currentBalanceValue{font-size:1.5rem}.studentExpense-modal{margin:10px;max-height:85vh;width:100%}.studentExpense-filter-controls{flex-direction:column;gap:15px}.studentExpense-filter-group{min-width:100%}.studentExpense-filter-clear{width:100%}.studentExpense-modal-summary{grid-template-columns:1fr;padding:15px 20px}.studentExpense-table-container{padding:0 20px 15px}.studentExpense-modal-table{font-size:.85rem}.studentExpense-modal-table td,.studentExpense-modal-table th{padding:12px 10px}.studentExpense-details-content,.studentExpense-edit-modal-content{padding:25px 20px}.studentExpense-details-actions{flex-direction:column;gap:15px;padding:20px 25px}.studentExpense-details-actions button{width:100%}.studentExpense-edit-modal-actions{flex-direction:column;gap:15px}.studentExpense-edit-modal-actions button{width:100%}.studentExpense-parent-details{grid-template-columns:1fr}.studentExpense-chain-node{align-items:flex-start;flex-direction:column;gap:15px}.studentExpense-node-header{flex-wrap:wrap}.studentExpense-node-date{margin-left:0}.studentExpense-node-details{flex-direction:column;gap:5px}.studentExpense-chain-arrow{display:none}}@media (max-width:576px){.studentExpense-formInput,.studentExpense-formSelect,.studentExpense-formTextarea{font-size:14px;padding:12px 14px}.studentExpense-historyBtn,.studentExpense-submitBtn{font-size:14px;min-height:48px;padding:14px 20px}.studentExpense-expenseTable{font-size:.8rem}.studentExpense-expenseTable td,.studentExpense-expenseTable th{padding:12px 8px}.studentExpense-actions{flex-direction:column;gap:5px}.studentExpense-actions button{height:32px;width:100%}.studentExpense-viewAll button{font-size:14px;min-width:100%;padding:12px 20px}.studentExpense-modal-header-left h3{font-size:1.3rem}.studentExpense-modal-header-left p{font-size:.9rem}.studentExpense-details-modal-header,.studentExpense-edit-modal-header{padding:20px 25px}.studentExpense-details-modal-header h3,.studentExpense-edit-modal-header h3{font-size:1.3rem}.studentExpense-parent-summary-content{grid-template-columns:1fr}}@media (max-width:480px){.studentExpense-formRow{gap:15px;grid-template-columns:1fr}.studentExpense-formHeaderIcon{font-size:22px;padding:10px}.studentExpense-recentHeader h3{font-size:1.2rem}.studentExpense-summary-value{font-size:1.4rem}.studentExpense-studentInfo{align-items:flex-start;flex-direction:column;gap:15px}.studentExpense-studentInfo-details{flex-direction:column;gap:8px}}@media print{.studentExpense-container{background:#fff;box-shadow:none;padding:0}.studentExpense-actions,.studentExpense-details-actions,.studentExpense-details-modal-close,.studentExpense-edit-modal-actions,.studentExpense-edit-modal-close,.studentExpense-export-options,.studentExpense-formActions,.studentExpense-modal-close,.studentExpense-refreshBtn,.studentExpense-viewAll{display:none!important}.studentExpense-form,.studentExpense-recentExpenses{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.studentExpense-expenseTable table{font-size:12px}.studentExpense-details-modal-overlay,.studentExpense-edit-modal-overlay,.studentExpense-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;position:static}.studentExpense-details-modal,.studentExpense-edit-modal,.studentExpense-modal{box-shadow:none;break-inside:avoid;margin:0;max-height:none;max-width:100%;page-break-inside:avoid;width:100%}}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db,#2980b9)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#1f6399)}.studentExpense-modal-table tbody tr{animation:fadeInRow .4s ease forwards}.studentExpense-modal-table tbody tr:first-child{animation-delay:.1s}.studentExpense-modal-table tbody tr:nth-child(2){animation-delay:.2s}.studentExpense-modal-table tbody tr:nth-child(3){animation-delay:.3s}.studentExpense-modal-table tbody tr:nth-child(4){animation-delay:.4s}.studentExpense-modal-table tbody tr:nth-child(5){animation-delay:.5s}.studentExpense-modal-table tbody tr:nth-child(6){animation-delay:.6s}.studentExpense-modal-table tbody tr:nth-child(7){animation-delay:.7s}.studentExpense-modal-table tbody tr:nth-child(8){animation-delay:.8s}.studentExpense-modal-table tbody tr:nth-child(9){animation-delay:.9s}.studentExpense-modal-table tbody tr:nth-child(10){animation-delay:1s}.studentExpense-description-cell{cursor:help;position:relative}.studentExpense-description-cell:hover:after{background:#2d3748;border-radius:8px;bottom:100%;box-shadow:0 4px 15px #0003;color:#fff;content:attr(data-tooltip);font-size:.9rem;left:50%;margin-bottom:10px;padding:10px 15px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.studentExpense-description-cell:hover:before{border:6px solid #0000;border-top-color:#2d3748;bottom:100%;content:"";left:50%;margin-bottom:-2px;position:absolute;transform:translateX(-50%);z-index:1000}.payment-history-stats-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.phs-tabs{border-bottom:2px solid #dee2e6;display:flex;margin-bottom:25px}.phs-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.phs-tab:hover{background-color:#f8f9fa;color:#495057}.phs-tab-active{border-bottom-color:#0d6efd;color:#0d6efd;font-weight:600}.phs-tab-icon{font-size:16px}.phs-header{border-bottom:1px solid #dee2e6;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.phs-header,.phs-header h3{align-items:center;display:flex}.phs-header h3{color:#2c3e50;font-size:1.5rem;gap:12px;margin:0}.phs-header-icon{color:#0d6efd;font-size:1.8rem}.phs-subtitle{background:#e9ecef;border-radius:20px;color:#6c757d;font-size:14px;font-weight:400;margin-left:15px;padding:4px 12px}.phs-actions{display:flex;gap:10px}.phs-export-btn,.phs-refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.phs-export-btn{background-color:#28a745;color:#fff}.phs-export-btn:hover{background-color:#218838}.phs-export-btn:disabled{background-color:#6c757d;cursor:not-allowed}.phs-refresh-btn{background-color:#0d6efd;color:#fff}.phs-refresh-btn:hover{background-color:#0b5ed7}.phs-refresh-btn:disabled{background-color:#6c757d;cursor:not-allowed}.phs-export-icon,.phs-refresh-icon{font-size:14px}.spin{animation:spin 1s linear infinite}.phs-filters{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.phs-filter-group{margin-bottom:20px}.phs-filter-group:last-child{margin-bottom:0}.phs-filter-label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.phs-filter-icon{color:#6c757d}.phs-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.phs-filter-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.phs-filter-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.phs-filter-btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.phs-filter-btn-icon{font-size:12px}.phs-date-range{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.phs-date-input{border:1px solid #dee2e6;border-radius:6px;color:#495057;flex:1 1;font-size:14px;min-width:150px;padding:8px 12px}.phs-date-input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;outline:none}.phs-date-separator{color:#6c757d;font-weight:500}.phs-reset-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.phs-reset-btn:hover{background-color:#c82333}.phs-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.phs-summary-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.phs-summary-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.phs-summary-card-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.phs-summary-card-icon{font-size:20px}.phs-summary-card-icon.fee{color:#0d6efd}.phs-summary-card-icon.expense{color:#dc3545}.phs-summary-card-icon.total{color:#28a745}.phs-summary-card-header span{color:#495057;font-size:15px;font-weight:600}.phs-summary-card-content{text-align:center}.phs-summary-card-value{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:5px}.phs-summary-card-subtitle{color:#6c757d;font-size:13px}.phs-table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;overflow:hidden}.phs-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.phs-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0d6efd;height:40px;margin-bottom:15px;width:40px}.phs-loading p{color:#6c757d;font-size:14px;margin:0}.phs-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.phs-empty-icon{color:#adb5bd;font-size:48px;margin-bottom:20px}.phs-empty-state h4{color:#6c757d;font-size:18px;margin-bottom:10px}.phs-empty-state p{color:#adb5bd;font-size:14px;margin-bottom:20px;max-width:400px}.phs-empty-action{background-color:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px;transition:background-color .2s ease}.phs-empty-action:hover{background-color:#0b5ed7}.phs-table{border-collapse:collapse;width:100%}.phs-table thead{background-color:#f8f9fa}.phs-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:15px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.phs-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:14px 12px;vertical-align:middle}.phs-table tbody tr:hover{background-color:#f8f9fa}.phs-table tbody tr:last-child td{border-bottom:none}.phs-date-cell{color:#495057;font-size:13px;white-space:nowrap}.phs-type-cell .phs-type-wrapper{align-items:center;display:flex;gap:8px}.type-icon{font-size:16px}.fee-icon{color:#0d6efd}.expense-icon{color:#dc3545}.phs-type-text{font-weight:500}.phs-description-cell{max-width:250px;min-width:200px}.phs-remarks{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}.phs-amount-cell{color:#2c3e50;font-weight:600}.phs-paid-cell,.phs-pending-cell{font-weight:500}.phs-pending-cell .zero{color:#28a745!important}.phs-pending-cell .phs-pending-amount{color:#dc3545}.phs-status-cell .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-paid{background-color:#d4edda}.status-partial{background-color:#fff3cd}.status-unpaid{background-color:#f8d7da;color:#721c24}.phs-mode-cell .phs-mode-badge{background-color:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.phs-transaction-cell{color:#6c757d;font-family:Courier New,monospace;font-size:13px}.phs-pagination{align-items:center;border-top:1px solid #dee2e6;display:flex;gap:15px;justify-content:center;padding:20px}.phs-pagination-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s ease}.phs-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.phs-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.phs-pagination-info{color:#6c757d;font-size:14px}.phs-statistics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.phs-year-selector{align-items:center;display:flex;gap:8px}.phs-year-selector label{color:#495057;font-size:14px;font-weight:600}.phs-year-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;padding:6px 10px}.phs-chart-type-selector{display:flex;gap:8px}.phs-chart-type-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.phs-chart-type-btn:hover{background-color:#f8f9fa}.phs-chart-type-btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.phs-chart-type-icon{font-size:14px}.phs-quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.phs-quick-stat-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:20px}.phs-quick-stat-card.current-month{border-top:4px solid #0d6efd}.phs-quick-stat-card.year-to-date{border-top:4px solid #28a745}.phs-quick-stat-card.overall{border-top:4px solid #ffc107}.phs-quick-stat-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.phs-quick-stat-icon{color:#6c757d;font-size:18px}.phs-quick-stat-header h4{color:#495057;font-size:16px;font-weight:600;margin:0}.phs-quick-stat-content{display:flex;flex-direction:column;gap:12px}.phs-quick-stat-row{align-items:center;display:flex;justify-content:space-between}.phs-quick-stat-row span:first-child{color:#6c757d;font-size:14px}.phs-quick-stat-row strong{color:#2c3e50;font-size:15px}.phs-quick-stat-row.total{border-top:1px solid #dee2e6;margin-top:8px;padding-top:12px}.phs-quick-stat-row.total strong{color:#0d6efd;font-size:16px}.phs-quick-stat-sub{color:#adb5bd;font-size:12px;margin-left:8px}.phs-charts-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;padding:25px}.phs-chart-wrapper{height:400px;margin-bottom:30px}.phs-detailed-stats{margin-top:30px}.phs-detailed-stats h4{color:#495057;font-size:18px;font-weight:600;margin-bottom:20px}.phs-detailed-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.phs-detailed-stat{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;text-align:center}.phs-detailed-stat-label{align-items:center;color:#6c757d;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:10px}.phs-detailed-stat-icon{font-size:14px}.phs-detailed-stat-value{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:5px}.phs-detailed-stat-sub{color:#adb5bd;font-size:12px}@media (max-width:768px){.phs-tabs{border-bottom:none;flex-direction:column}.phs-tab{border-bottom:1px solid #dee2e6;border-radius:6px;margin-bottom:5px}.phs-tab-active{border-bottom:3px solid #0d6efd}.phs-header{align-items:flex-start;flex-direction:column;gap:15px}.phs-actions{justify-content:flex-start;width:100%}.phs-date-range{align-items:stretch;flex-direction:column}.phs-date-separator{text-align:center}.phs-table{display:block;overflow-x:auto}.phs-quick-stats{grid-template-columns:1fr}.phs-statistics-controls{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.payment-history-stats-container{padding:15px}.phs-filter-buttons{flex-direction:column}.phs-filter-btn{justify-content:center}.phs-summary-cards{grid-template-columns:1fr}.phs-chart-type-selector{flex-direction:column}.phs-chart-type-btn{justify-content:center}}.database-status{border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px}.database-status.connected{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.database-status.disconnected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.database-status-content{align-items:center;display:flex;gap:10px}.database-status-icon{font-size:18px}.database-status-text{flex:1 1}.database-refresh-btn{background:none;border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.database-status.connected .database-refresh-btn{color:#155724}.database-status.disconnected .database-refresh-btn{color:#721c24}.database-refresh-btn:hover{opacity:.8}.solo-payment-statistics{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:30px;padding:24px}.statistics-header{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.header-left h2{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0 0 8px}.header-icon{color:#3498db;font-size:26px}.student-info{background:#f8f9fa;border-radius:6px;color:#7f8c8d;display:inline-block;font-size:14px;margin:0;padding:6px 12px}.header-right{align-items:center;display:flex;gap:16px}.period-selector{background:#f8f9fa;border-radius:8px;display:flex;gap:10px;padding:8px}.period-select,.year-select{background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 14px;transition:all .3s ease}.period-select:hover,.year-select:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33}.period-select:focus,.year-select:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db1a;outline:none}.refresh-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 2px 10px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#2573a7);box-shadow:0 4px 15px #3498db4d;transform:translateY(-2px)}.refresh-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.refresh-btn .spin{animation:spin 1s linear infinite}.statistics-loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:#3498db;font-size:48px;margin-bottom:20px}.statistics-loading p{color:#2c3e50;font-size:18px;font-weight:500;margin-bottom:8px}.loading-subtext{color:#7f8c8d;font-size:14px;margin-top:5px}.statistics-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:60px 20px;text-align:center}.error-icon{color:#e74c3c;font-size:48px;margin-bottom:20px}.statistics-error h3{color:#c0392b;font-size:20px;margin-bottom:12px}.statistics-error p{color:#e74c3c;line-height:1.5;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:400px}.statistics-empty{background:#fffaf0;border:1px solid #feebc8;border-radius:8px;padding:60px 20px;text-align:center}.empty-icon{color:#f39c12;font-size:48px;margin-bottom:20px}.statistics-empty h3{color:#d35400;font-size:20px;margin-bottom:12px}.statistics-empty p{color:#e67e22;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:400px}.summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:36px}.summary-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:20px;padding:24px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.total-card{border-left:5px solid #3498db}.paid-card{border-left:5px solid #2ecc71}.pending-card{border-left:5px solid #e74c3c}.balance-card{border-left:5px solid #9b59b6}.card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.total-card .card-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#3498db}.paid-card .card-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2ecc71}.pending-card .card-icon{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#e74c3c}.balance-card .card-icon{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#9b59b6}.card-content{flex:1 1;min-width:0}.card-content h3{color:#2c3e50;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.card-value{color:#2c3e50;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:6px}.card-subtext{color:#7f8c8d;font-size:13px;font-weight:500}.balance-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:12px}.balance-item{align-items:center;border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding:6px 0}.balance-item:last-child{border-bottom:none}.balance-label{color:#7f8c8d;font-size:13px;font-weight:500}.balance-value{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:6px}.balance-percentage{background:#f8f9fa;border-radius:10px;color:#95a5a6;font-size:12px;padding:2px 6px}.chart-section{background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:32px;padding:28px}.chart-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#2c3e50;font-size:20px;font-weight:600;gap:10px;margin:0}.chart-controls{align-items:center;display:flex;gap:16px}.chart-type-selector{background:#f8f9fa;border-radius:8px;display:flex;gap:8px;padding:6px}.chart-type-btn{background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .3s ease}.chart-type-btn:hover{border-color:#3498db;color:#3498db}.chart-type-btn.active{background:#3498db;border-color:#3498db;box-shadow:0 2px 8px #3498db33;color:#fff}.chart-container{background:#fff;border:1px solid #f0f2f5;border-radius:10px;margin-bottom:28px;min-height:440px;padding:20px}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 6px 20px #0000001a;padding:16px}.tooltip-label{border-bottom:1px solid #f0f2f5;color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.month-details-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-top:24px;padding:24px}.month-details-card h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.month-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.detail-item:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db1a}.detail-item.total{background:#f8f9fa;border:2px solid #3498db}.detail-label{color:#7f8c8d;font-size:14px}.detail-value{color:#2c3e50;font-size:16px;font-weight:600}.detail-value.paid{color:#2ecc71}.detail-value.pending{color:#e74c3c}.data-table-section{background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:32px;padding:28px}.data-table-section h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 24px}.table-container{border:1px solid #e1e5e9;border-radius:10px;overflow-x:auto}.table-container table{background:#fff;border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.table-container th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.table-container td{border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;padding:16px}.table-container tbody tr,.table-container td{transition:all .3s ease}.table-container tbody tr:hover{background:#f8f9fa}.table-container tbody tr.selected{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important}.table-container td.paid{color:#2ecc71;font-weight:600}.table-container td.pending{color:#e74c3c;font-weight:600}.table-container tfoot tr{background:#f8f9fa}.table-container tfoot td{border-top:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding-top:20px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:70px;padding:6px 12px;text-align:center;text-transform:uppercase}.status-badge.paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.status-badge.partial{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;color:#856404}.status-badge.unpaid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.detailed-summary{background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:32px;padding:28px}.detailed-summary h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 24px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.summary-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:24px;transition:all .3s ease}.summary-item:hover{border-color:#3498db;box-shadow:0 4px 15px #3498db1a;transform:translateY(-2px)}.summary-label{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.summary-value{color:#2c3e50;font-size:32px;font-weight:700;line-height:1;margin-bottom:16px}.summary-breakdown{display:flex;gap:12px;margin-top:12px}.breakdown-item{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.breakdown-item.fee{background:#e3f2fd;color:#3498db}.breakdown-item.expense{background:#e8f5e9;color:#2ecc71}.summary-subtext{color:#95a5a6;font-size:13px;margin-top:8px}.progress-bar{background:#e9ecef;margin-top:12px}.progress-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);transition:width 1s ease-in-out}.statistics-footer{border-top:1px solid #f0f2f5;gap:20px;justify-content:space-between;margin-top:20px;padding-top:24px}.footer-info,.statistics-footer{align-items:center;display:flex;flex-wrap:wrap}.footer-info{color:#7f8c8d;font-size:14px;gap:12px}.footer-icon{color:#3498db;font-size:16px}.data-count{background:#f8f9fa;border-radius:12px;color:#95a5a6;font-size:13px;padding:4px 10px}.footer-actions{display:flex;gap:12px}.export-btn{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;box-shadow:0 2px 10px #2ecc7133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#219653);box-shadow:0 4px 15px #2ecc714d;transform:translateY(-2px)}.export-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.print-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;box-shadow:0 2px 10px #95a5a633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.print-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 4px 15px #95a5a64d;transform:translateY(-2px)}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.solo-payment-statistics{padding:16px}.statistics-header{align-items:flex-start;flex-direction:column;gap:20px}.header-right{flex-direction:column;width:100%}.period-selector{width:100%}.period-select,.year-select{flex:1 1}.refresh-btn{justify-content:center;width:100%}.summary-cards{grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column}.chart-type-selector{width:100%}.chart-type-btn{flex:1 1}.month-details-grid,.summary-grid{grid-template-columns:1fr}.statistics-footer{align-items:stretch}.footer-actions,.statistics-footer{flex-direction:column}.export-btn,.print-btn{justify-content:center;width:100%}}@media (max-width:480px){.card-value{font-size:24px}.summary-value{font-size:28px}.table-container{font-size:12px}.table-container td,.table-container th{padding:12px 8px}}.chart-container>*{animation:fadeIn .5s ease-out}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.solo-payment-statistics{box-shadow:none;padding:0}.chart-type-selector,.export-btn,.print-btn,.refresh-btn{display:none!important}.chart-container,.summary-cards{break-inside:avoid;page-break-inside:avoid}}.paySoloStdFee-main{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.paySoloStdFee-main:before{background:linear-gradient(90deg,#3498db,#2ecc71,#e74c3c,#f39c12);content:"";height:4px;left:250px;position:fixed;right:0;top:0;z-index:1000}.paySoloStdFee-header{background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #0000001a;color:#fff;padding:1.5rem 2rem;position:sticky;top:0;z-index:999}.paySoloStdFee-headerContent{margin:0 auto;max-width:1600px}.paySoloStdFee-title{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin:0 0 .5rem}.paySoloStdFee-titleIcon{color:#3498db;filter:drop-shadow(0 2px 4px rgba(52,152,219,.3));font-size:1.5rem}.paySoloStdFee-subtitle{color:#ffffffd9;font-size:.95rem;font-weight:400;margin:0}.paySoloStdFee-tabs{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;display:flex;padding:0 2rem;position:sticky;top:85px;z-index:998}.paySoloStdFee-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.paySoloStdFee-tab:after{background:#3498db;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.paySoloStdFee-tab:hover{background:linear-gradient(180deg,#f8f9fa,#fff);color:#2c3e50}.paySoloStdFee-tab:hover:after{width:100%}.paySoloStdFee-tabActive{background:linear-gradient(180deg,#f8f9fa,#fff);color:#3498db}.paySoloStdFee-tabActive:after{background:#3498db;width:100%}.paySoloStdFee-tabIcon{font-size:1rem;transition:transform .3s ease}.paySoloStdFee-tab:hover .paySoloStdFee-tabIcon{transform:translateY(-2px)}.paySoloStdFee-searchSection{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #0000000d;margin:0 0 1.5rem;padding:1.5rem 2rem}.paySoloStdFee-searchContainer{grid-gap:2rem;align-items:flex-end;display:grid;gap:2rem;grid-template-columns:1fr auto;margin:0 auto;max-width:1600px}@media (max-width:992px){.paySoloStdFee-searchContainer{gap:1.5rem;grid-template-columns:1fr}}.paySoloStdFee-searchGroup{position:relative}.paySoloStdFee-searchLabel{align-items:center;color:#2c3e50;display:block;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.paySoloStdFee-idInput{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;overflow:hidden;transition:all .3s ease}.paySoloStdFee-idInput:focus-within{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.paySoloStdFee-idPrefix{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-size:.9rem;font-weight:700;min-width:60px;padding:.875rem 1.25rem;text-align:center}.paySoloStdFee-idField{background:#0000;border:none;color:#2c3e50;font-size:.95rem;font-weight:600;outline:none;padding:.875rem 1rem;text-align:center;transition:all .3s ease;width:120px}.paySoloStdFee-idField::placeholder{color:#bdc3c7;font-weight:400}.paySoloStdFee-idField:focus{background:#3498db0d}.paySoloStdFee-idSeparator{color:#7f8c8d;font-size:1.1rem;font-weight:700;padding:0 .5rem}.paySoloStdFee-idHint{color:#95a5a6;font-size:.8rem;font-style:italic;margin-top:.5rem}.paySoloStdFee-searchActions{display:flex;flex-wrap:wrap;gap:1rem}.paySoloStdFee-forgotBtn,.paySoloStdFee-searchBtn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.625rem;justify-content:center;min-width:140px;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.paySoloStdFee-forgotBtn:before,.paySoloStdFee-searchBtn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.paySoloStdFee-forgotBtn:hover:before,.paySoloStdFee-searchBtn:hover:before{height:300px;width:300px}.paySoloStdFee-searchBtn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d;color:#fff}.paySoloStdFee-searchBtn:hover:not(:disabled){box-shadow:0 8px 25px #3498db66;transform:translateY(-3px)}.paySoloStdFee-searchBtn:disabled{box-shadow:0 2px 4px #0000001a!important;cursor:not-allowed;opacity:.6;transform:none!important}.paySoloStdFee-forgotBtn{background:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;color:#7f8c8d}.paySoloStdFee-forgotBtn:hover{background:#f8f9fa;border-color:#3498db;box-shadow:0 4px 15px #3498db33;color:#3498db;transform:translateY(-2px)}.paySoloStdFee-forgotIcon,.paySoloStdFee-searchBtnIcon{font-size:.9rem}.paySoloStdFee-studentCard{animation:slideIn .5s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 30px #00000014;margin:1.5rem 2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.paySoloStdFee-studentCard:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.paySoloStdFee-studentCardHeader{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;display:flex;gap:.875rem;padding:1.25rem 1.75rem;position:relative}.paySoloStdFee-studentIcon{color:#3498db;filter:drop-shadow(0 2px 4px rgba(52,152,219,.2));font-size:1.5rem}.paySoloStdFee-studentCardHeader h3{color:#2c3e50;font-size:1.2rem;font-weight:700;letter-spacing:-.3px;margin:0}.paySoloStdFee-studentBadge{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;margin-left:auto;padding:.25rem .75rem}.paySoloStdFee-studentInfo{padding:1.75rem}.paySoloStdFee-studentRow{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.75rem}.paySoloStdFee-studentField{align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:10px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.paySoloStdFee-studentField:before{background:#3498db;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.paySoloStdFee-studentField:hover:before{transform:scaleY(1)}.paySoloStdFee-studentField:hover{box-shadow:0 5px 15px #00000014;transform:translateX(5px)}.paySoloStdFee-studentFieldIcon{color:#3498db;font-size:1.25rem}.paySoloStdFee-fieldLabel{color:#7f8c8d;font-size:.75rem;font-weight:700;letter-spacing:.8px;margin-bottom:.5rem;text-transform:uppercase}.paySoloStdFee-fieldValue{color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1.4}.paySoloStdFee-studentActions{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}@media (max-width:768px){.paySoloStdFee-studentActions{align-items:stretch;flex-direction:column}}.paySoloStdFee-viewDetailsBtn{align-items:center;background:#0000;border:2px solid #3498db;border-radius:10px;color:#3498db;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.paySoloStdFee-viewDetailsBtn:before{background:#3498db1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.paySoloStdFee-viewDetailsBtn:hover:before{height:300px;width:300px}.paySoloStdFee-viewDetailsBtn:hover{background:#3498db1a;box-shadow:0 8px 20px #3498db33;transform:translateY(-2px)}.paySoloStdFee-viewIcon{font-size:1rem;transition:transform .3s ease}.paySoloStdFee-viewDetailsBtn:hover .paySoloStdFee-viewIcon{transform:scale(1.2)}.paySoloStdFee-studentQuickStats{display:flex;gap:1.5rem}.paySoloStdFee-quickStat{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;min-width:120px;padding:.75rem 1.25rem}.paySoloStdFee-quickStat span{color:#7f8c8d;font-size:.8rem;margin-bottom:.25rem}.paySoloStdFee-quickStat strong{color:#2c3e50;font-size:1.1rem;font-weight:700}.paySoloStdFee-quickStatPending{background:#f39c121a;border-color:#f39c1233}.paySoloStdFee-quickStatPending strong{color:#f39c12}.paySoloStdFee-content{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1600px;padding:0 2rem 2rem}.paySoloStdFee-sectionHeader{align-items:center;border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.paySoloStdFee-sectionTitle{align-items:center;color:#2c3e50;display:flex;font-size:1.6rem;font-weight:700;gap:.875rem;margin:0}.paySoloStdFee-sectionIcon{color:#3498db;font-size:1.4rem}.paySoloStdFee-feeStats{display:flex;flex-wrap:wrap;gap:1.5rem}.paySoloStdFee-stat{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;min-width:200px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.paySoloStdFee-stat:before{background:linear-gradient(135deg,#0000,#3498db0d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.paySoloStdFee-stat:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.paySoloStdFee-stat:hover:before{opacity:1}.paySoloStdFee-statPending{background:linear-gradient(135deg,#fff8e1,#ffeaa7);border-color:#f39c124d}.paySoloStdFee-statDiscount{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#2ecc714d}.paySoloStdFee-statIcon{color:#3498db;font-size:1.8rem;z-index:1}.paySoloStdFee-statPending .paySoloStdFee-statIcon{color:#f39c12}.paySoloStdFee-statDiscount .paySoloStdFee-statIcon{color:#27ae60}.paySoloStdFee-statValue{color:#2c3e50;font-size:1.4rem;font-weight:800;line-height:1.2;z-index:1}.paySoloStdFee-statLabel{color:#7f8c8d;font-size:.75rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;z-index:1}.paySoloStdFee-feeContainer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}@media (max-width:1200px){.paySoloStdFee-feeContainer{grid-template-columns:1fr}}.paySoloStdFee-leftColumn,.paySoloStdFee-rightColumn{display:flex;flex-direction:column;gap:2rem}.paySoloStdFee-monthSection{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;padding:1.75rem;transition:all .3s ease}.paySoloStdFee-monthSection:hover{box-shadow:0 12px 35px #00000014}.paySoloStdFee-monthHeader{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.875rem;margin-bottom:1.75rem;padding-bottom:1rem}.paySoloStdFee-monthHeaderIcon{color:#3498db;font-size:1.4rem}.paySoloStdFee-monthHeader h3{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:700;margin:0}.paySoloStdFee-monthYear{background:#3498db;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.paySoloStdFee-monthGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.75rem}@media (max-width:768px){.paySoloStdFee-monthGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.paySoloStdFee-monthGrid{grid-template-columns:repeat(2,1fr)}}.paySoloStdFee-monthCard{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;min-height:110px;overflow:hidden;padding:1.25rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.paySoloStdFee-monthCard:before{background:linear-gradient(135deg,#0000,#ffffff4d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.paySoloStdFee-monthCard:hover:before{opacity:1}.paySoloStdFee-monthCard:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px) scale(1.02)}.paySoloStdFee-monthCardSelected{animation:pulse 2s infinite;border-color:#3498db!important;box-shadow:0 0 0 4px #3498db26,0 8px 20px #3498db33}.paySoloStdFee-monthCardHeader{align-items:center;display:flex;gap:.625rem;z-index:1}.paySoloStdFee-monthIcon{font-size:1.1rem;transition:transform .3s ease}.paySoloStdFee-monthCard:hover .paySoloStdFee-monthIcon{transform:scale(1.2)}.paySoloStdFee-monthName{font-size:.95rem;font-weight:700;letter-spacing:-.3px}.paySoloStdFee-monthAmount{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:.375rem;z-index:1}.paySoloStdFee-rupeeIcon{color:#f39c12;font-size:.8rem}.paySoloStdFee-monthStatus{z-index:1}.paySoloStdFee-statusIndicator{border-radius:10px;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.paySoloStdFee-statusIndicator.paid{background:#27ae6033;color:#27ae60}.paySoloStdFee-statusIndicator.partial{background:#f39c1233;color:#f39c12}.paySoloStdFee-statusIndicator.unpaid{background:#e74c3c33;color:#e74c3c}.paySoloStdFee-monthCheck{animation:bounceIn .5s ease-out;color:#3498db;font-size:1rem;position:absolute;right:8px;top:8px;z-index:1}.paySoloStdFee-monthCard.paid{background:linear-gradient(135deg,#27ae601a,#2ecc7133);border-color:#27ae604d;color:#27ae60}.paySoloStdFee-monthCard.partial{background:linear-gradient(135deg,#f39c121a,#f1c40f33);border-color:#f39c124d;color:#f39c12}.paySoloStdFee-monthCard.unpaid{background:linear-gradient(135deg,#e74c3c1a,#e74c3c33);border-color:#e74c3c4d;color:#e74c3c}.paySoloStdFee-monthSummary{grid-gap:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.25rem}@media (max-width:768px){.paySoloStdFee-monthSummary{gap:.75rem;grid-template-columns:1fr}}.paySoloStdFee-summaryItem{background:#ffffffb3;border-radius:8px;display:flex;flex-direction:column;gap:.375rem;padding:.75rem;transition:all .3s ease}.paySoloStdFee-summaryItem:hover{background:#fff;box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.paySoloStdFee-summaryItem span{color:#7f8c8d;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.paySoloStdFee-summaryValue{align-items:baseline;display:flex;gap:.5rem}.paySoloStdFee-summaryValue strong{color:#2c3e50;font-size:1.2rem;font-weight:800}.paySoloStdFee-summaryValue span{color:#95a5a6;font-size:.7rem;font-weight:400}.paySoloStdFee-totalAmount{color:#3498db!important;font-size:1.3rem!important}.paySoloStdFee-statusBadge.single{background:#3498db33;border-radius:10px;color:#3498db;font-size:.7rem;padding:.2rem .5rem}.paySoloStdFee-statusBadge.multiple{background:#9b59b633;border-radius:10px;color:#9b59b6;font-size:.7rem;padding:.2rem .5rem}.paySoloStdFee-paymentForm{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;padding:1.75rem;transition:all .3s ease}.paySoloStdFee-paymentForm:hover{box-shadow:0 12px 35px #00000014}.paySoloStdFee-formHeader{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.875rem;margin-bottom:1.75rem;padding-bottom:1rem}.paySoloStdFee-formHeaderIcon{color:#3498db;font-size:1.4rem}.paySoloStdFee-formHeader h3{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0}.paySoloStdFee-formGroup{margin-bottom:1.5rem}.paySoloStdFee-formLabel{align-items:center;color:#2c3e50;display:flex;font-size:.85rem;font-weight:700;gap:.625rem;letter-spacing:.6px;margin-bottom:.625rem;text-transform:uppercase}.paySoloStdFee-labelIcon{color:#3498db;font-size:.95rem}.paySoloStdFee-formInput,.paySoloStdFee-formSelect,.paySoloStdFee-formTextarea{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:.95rem;font-weight:500;outline:none;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:80%}.paySoloStdFee-formInput::placeholder{color:#bdc3c7}.paySoloStdFee-formInput:focus,.paySoloStdFee-formSelect:focus,.paySoloStdFee-formTextarea:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db26;transform:translateY(-2px)}.paySoloStdFee-formInput:read-only{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#e9ecef;color:#7f8c8d;cursor:not-allowed}.paySoloStdFee-formInput:read-only:focus{border-color:#e9ecef;box-shadow:none;transform:none}.paySoloStdFee-formSelect{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233498db'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:16px;padding-right:3rem}.paySoloStdFee-formTextarea{max-height:120px;min-height:60px;resize:vertical}.paySoloStdFee-formRow{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.paySoloStdFee-formRow{gap:1rem;grid-template-columns:1fr}}.paySoloStdFee-selectedMonths{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:10px;display:flex;flex-wrap:wrap;gap:.75rem;min-height:60px;padding:1rem;transition:all .3s ease}.paySoloStdFee-selectedMonths:empty{justify-content:center}.paySoloStdFee-monthTag{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;box-shadow:0 3px 10px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.paySoloStdFee-monthTag:hover{box-shadow:0 5px 15px #3498db4d;transform:scale(1.05)}.paySoloStdFee-monthTagClose{font-size:.7rem;opacity:.8;transition:transform .3s ease}.paySoloStdFee-monthTag:hover .paySoloStdFee-monthTagClose{transform:rotate(90deg)}.paySoloStdFee-noMonths{color:#7f8c8d;font-size:.9rem;font-style:italic;padding:1rem;text-align:center;width:100%}.paySoloStdFee-formActions{border-top:2px solid #f0f0f0;display:flex;gap:1.25rem;margin-top:2rem;padding-top:1.75rem}@media (max-width:768px){.paySoloStdFee-formActions{flex-direction:column;gap:1rem}}.paySoloStdFee-clearBtn,.paySoloStdFee-filterBtn,.paySoloStdFee-historyBtn,.paySoloStdFee-printBtn,.paySoloStdFee-submitBtn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.paySoloStdFee-clearBtn:before,.paySoloStdFee-filterBtn:before,.paySoloStdFee-historyBtn:before,.paySoloStdFee-printBtn:before,.paySoloStdFee-submitBtn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.paySoloStdFee-clearBtn:hover:before,.paySoloStdFee-filterBtn:hover:before,.paySoloStdFee-historyBtn:hover:before,.paySoloStdFee-printBtn:hover:before,.paySoloStdFee-submitBtn:hover:before{height:300px;width:300px}.paySoloStdFee-clearBtn{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;box-shadow:0 3px 10px #0000000d;color:#7f8c8d;flex:1 1}.paySoloStdFee-clearBtn:hover:not(:disabled){background:linear-gradient(135deg,#fff5f5,#ffeaea);border-color:#e74c3c;box-shadow:0 8px 20px #e74c3c33;color:#e74c3c;transform:translateY(-3px)}.paySoloStdFee-clearBtn:disabled{box-shadow:0 2px 4px #0000000d!important;cursor:not-allowed;opacity:.5;transform:none!important}.paySoloStdFee-printBtn{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 3px 10px #9b59b633;flex:1 1}.paySoloStdFee-printBtn:hover:not(:disabled){box-shadow:0 8px 20px #9b59b64d;transform:translateY(-3px)}.paySoloStdFee-submitBtn{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 20px #27ae604d;color:#fff;flex:2 1}.paySoloStdFee-submitBtn:hover:not(:disabled){box-shadow:0 10px 30px #27ae6066;transform:translateY(-3px)}.paySoloStdFee-submitBtn:disabled{box-shadow:0 3px 10px #27ae6033!important;cursor:not-allowed;opacity:.7;transform:none!important}.paySoloStdFee-clearIcon,.paySoloStdFee-filterIcon,.paySoloStdFee-historyIcon,.paySoloStdFee-printIcon,.paySoloStdFee-submitIcon{font-size:.9rem;transition:transform .3s ease}.paySoloStdFee-clearBtn:hover .paySoloStdFee-clearIcon{transform:rotate(90deg)}.paySoloStdFee-submitBtn:hover .paySoloStdFee-submitIcon{transform:translateX(3px)}.paySoloStdFee-historyBtn:hover .paySoloStdFee-historyIcon{transform:rotate(1turn)}.paySoloStdFee-printBtn:hover .paySoloStdFee-printIcon{transform:scale(1.1)}.paySoloStdFee-expenseForm{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;padding:1.75rem;transition:all .3s ease}.paySoloStdFee-expenseForm:hover{box-shadow:0 12px 35px #00000014}.paySoloStdFee-historyBtn{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #3498db;box-shadow:0 3px 10px #3498db1a;color:#3498db;flex:1 1}.paySoloStdFee-historyBtn:hover:not(:disabled){background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 8px 25px #3498db4d;color:#fff;transform:translateY(-3px)}.paySoloStdFee-historyBtn:disabled{cursor:not-allowed;opacity:.5}.paySoloStdFee-recentExpenses{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;overflow:hidden;transition:all .3s ease}.paySoloStdFee-recentExpenses:hover{box-shadow:0 12px 35px #00000014}.paySoloStdFee-recentHeader{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e0e0e0;display:flex;gap:.875rem;padding:1.25rem 1.75rem}.paySoloStdFee-recentIcon{color:#3498db;font-size:1.4rem}.paySoloStdFee-recentHeader h3{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:700;margin:0}.paySoloStdFee-refreshBtn{background:none;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;padding:.5rem;transition:all .3s ease}.paySoloStdFee-refreshBtn:hover{background:#3498db1a;color:#3498db;transform:rotate(180deg)}.paySoloStdFee-expenseTable{overflow-x:auto}.paySoloStdFee-expenseTable::-webkit-scrollbar{height:8px}.paySoloStdFee-expenseTable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.paySoloStdFee-expenseTable::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.paySoloStdFee-expenseTable table{border-collapse:initial;border-spacing:0;width:100%}.paySoloStdFee-expenseTable th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:.85rem;font-weight:700;letter-spacing:.6px;padding:1.25rem 1rem;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.paySoloStdFee-expenseTable td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.9rem;font-weight:500;padding:1rem;transition:all .2s ease}.paySoloStdFee-expenseTable tr:last-child td{border-bottom:none}.paySoloStdFee-expenseTable tr:hover td{background:linear-gradient(135deg,#3498db0d,#3498db1a);transform:translateX(5px)}.paySoloStdFee-expenseTypeTag{font-weight:600;padding:.25rem .75rem}.paySoloStdFee-expenseTypeTag.books{background:#3498db33}.paySoloStdFee-expenseTypeTag.uniform{background:#9b59b633}.paySoloStdFee-expenseTypeTag.transport{background:#2ecc7133}.paySoloStdFee-expenseTypeTag.exam{background:#f39c1233}.paySoloStdFee-expenseTypeTag.activity{background:#e74c3c33}.paySoloStdFee-expenseTypeTag.other{background:#95a5a633}.paySoloStdFee-statusBadge{font-weight:600;padding:.25rem .75rem}.paySoloStdFee-statusBadge.paid{background:#27ae6033}.paySoloStdFee-statusBadge.partial{background:#f39c1233;color:#f39c12}.paySoloStdFee-statusBadge.unpaid{background:#e74c3c33;color:#e74c3c}.paySoloStdFee-statusBadge.pending{background:#f39c1233}.paySoloStdFee-viewAll{border-top:1px solid #e0e0e0;padding:1rem;text-align:center}.paySoloStdFee-viewAll button{background:none;border:none;color:#3498db;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.paySoloStdFee-viewAll button:hover{text-decoration:underline}.paySoloStdFee-historyTab,.paySoloStdFee-statsTab{animation:fadeIn .6s ease-out}.paySoloStdFee-filterControls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.paySoloStdFee-filterGroup{display:flex;flex-direction:column;gap:.5rem}.paySoloStdFee-filterGroup label{color:#7f8c8d;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.paySoloStdFee-filterSelect{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;font-size:.9rem;font-weight:500;min-width:150px;outline:none;padding:.625rem 1rem;transition:all .3s ease}.paySoloStdFee-filterSelect:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.paySoloStdFee-filterBtn{align-self:flex-end;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;color:#7f8c8d;min-width:120px;padding:.625rem 1.5rem}.paySoloStdFee-filterBtn:hover{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;box-shadow:0 5px 20px #3498db33;color:#fff;transform:translateY(-2px)}.paySoloStdFee-historyContent{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;padding:3rem;text-align:center}.paySoloStdFee-infoMessage{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px}.paySoloStdFee-infoIcon{animation:float 3s ease-in-out infinite;color:#3498db;font-size:3.5rem;opacity:.7}.paySoloStdFee-infoMessage h3{color:#2c3e50;font-size:1.6rem;font-weight:700;margin:0}.paySoloStdFee-infoMessage p{color:#7f8c8d;font-size:.95rem;line-height:1.6;margin:0}.paySoloStdFee-historyTable{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;overflow:hidden}.paySoloStdFee-historyStats{grid-gap:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e0e0e0;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:1.5rem}@media (max-width:768px){.paySoloStdFee-historyStats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.paySoloStdFee-historyStats{grid-template-columns:1fr}}.paySoloStdFee-historyStat{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.paySoloStdFee-historyStat span{color:#7f8c8d;font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.paySoloStdFee-historyStat strong{color:#2c3e50;font-size:1.2rem;font-weight:800}.paySoloStdFee-monthCell{align-items:center;display:flex;gap:.5rem}.paySoloStdFee-monthName{color:#2c3e50;font-weight:600}.paySoloStdFee-paidAmount{color:#27ae60;font-weight:600}.paySoloStdFee-pendingAmount{color:#e74c3c;font-weight:600}.paySoloStdFee-pendingAmount.zero{color:#95a5a6}.paySoloStdFee-paymentMode{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.paySoloStdFee-paymentMode.cash{background:#2ecc7133;color:#2ecc71}.paySoloStdFee-paymentMode.bank{background:#3498db33;color:#3498db}.paySoloStdFee-paymentMode.card{background:#9b59b633;color:#9b59b6}.paySoloStdFee-paymentMode.online{background:#f39c1233;color:#f39c12}.paySoloStdFee-statsGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:1200px){.paySoloStdFee-statsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.paySoloStdFee-statsGrid{grid-template-columns:1fr}}.paySoloStdFee-statCard{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;overflow:hidden;transition:all .3s ease}.paySoloStdFee-statCard:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.paySoloStdFee-statCardHeader{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;gap:.75rem;padding:1.25rem}.paySoloStdFee-statCardIcon{font-size:1.5rem}.paySoloStdFee-statCardHeader h4{font-size:1.1rem;font-weight:700;margin:0}.paySoloStdFee-statCardContent{padding:1.5rem}.paySoloStdFee-statCardItem{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.paySoloStdFee-statCardItem:last-child{border-bottom:none}.paySoloStdFee-statCardItem span{color:#7f8c8d;font-size:.9rem}.paySoloStdFee-statCardItem strong{color:#2c3e50;font-size:1.1rem;font-weight:700}.paySoloStdFee-monthlyChart{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;padding:1.75rem}.paySoloStdFee-monthlyChart h3{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.paySoloStdFee-chartGrid{grid-gap:.5rem;align-items:flex-end;display:grid;gap:.5rem;grid-template-columns:repeat(12,1fr);height:200px}@media (max-width:768px){.paySoloStdFee-chartGrid{grid-template-columns:repeat(6,1fr);height:300px}}@media (max-width:480px){.paySoloStdFee-chartGrid{grid-template-columns:repeat(4,1fr)}}.paySoloStdFee-chartItem{align-items:center;display:flex;flex-direction:column;gap:.5rem}.paySoloStdFee-chartMonth{color:#7f8c8d;font-size:.8rem;font-weight:600;text-transform:uppercase}.paySoloStdFee-chartBar{background:#f8f9fa;border-radius:4px;height:150px;overflow:hidden;position:relative;width:100%}.paySoloStdFee-chartFill{border-radius:4px;bottom:0;left:0;position:absolute;right:0;transition:height .6s ease}.paySoloStdFee-chartFill.paid{background:linear-gradient(0deg,#27ae60,#2ecc71)}.paySoloStdFee-chartFill.partial{background:linear-gradient(0deg,#f39c12,#f1c40f)}.paySoloStdFee-chartFill.unpaid{background:linear-gradient(0deg,#e74c3c,#c0392b)}.paySoloStdFee-chartStatus{align-items:center;color:#7f8c8d;display:flex;font-size:.7rem;gap:.25rem}.paySoloStdFee-statusDot{border-radius:50%;height:8px;width:8px}.paySoloStdFee-statusDot.paid{background:#27ae60}.paySoloStdFee-statusDot.partial{background:#f39c12}.paySoloStdFee-statusDot.unpaid{background:#e74c3c}.paySoloStdFee-emptyState{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0000000f;margin-top:2rem;padding:3rem;text-align:center}.paySoloStdFee-emptyStateIcon{color:#3498db;font-size:4rem;margin-bottom:1.5rem;opacity:.5}.paySoloStdFee-emptyState h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.paySoloStdFee-emptyState p{color:#7f8c8d;font-size:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.paySoloStdFee-emptyStateTips{background:#f8f9fa;border-radius:8px;margin:0 auto;max-width:500px;padding:1.5rem;text-align:left}.paySoloStdFee-emptyStateTips h4{color:#2c3e50;font-size:1rem;margin-bottom:.75rem}.paySoloStdFee-emptyStateTips ul{list-style:none;padding:0}.paySoloStdFee-emptyStateTips li{color:#7f8c8d;padding:.5rem 0 .5rem 1.5rem;position:relative}.paySoloStdFee-emptyStateTips li:before{color:#3498db;content:"•";left:0;position:absolute}.paySoloStdFee-footer{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000001a;color:#fff;margin-top:3rem;padding:1.75rem 2rem}.paySoloStdFee-footerContent{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1600px}@media (max-width:768px){.paySoloStdFee-footerContent{flex-direction:column;gap:1rem;text-align:center}}.paySoloStdFee-footerLeft{align-items:center;display:flex;gap:1.25rem}.paySoloStdFee-footerLogo{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:.75rem;letter-spacing:.5px}.paySoloStdFee-footerIcon{color:#3498db;filter:drop-shadow(0 2px 4px rgba(52,152,219,.3));font-size:1.4rem}.paySoloStdFee-footerText{color:#fffc;font-size:.85rem;line-height:1.5;margin:0;max-width:400px}.paySoloStdFee-footerRight{text-align:right}@media (max-width:768px){.paySoloStdFee-footerRight{text-align:center}}.paySoloStdFee-systemStatus{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.75rem;margin-bottom:.5rem}.paySoloStdFee-statusActive{background:#27ae60;box-shadow:0 0 10px #27ae60}.paySoloStdFee-lastUpdated{color:#fff9;font-size:.75rem;font-weight:500}.paySoloStdFee-expenseModal{max-width:100%;overflow:hidden;padding:0}.paySoloStdFee-expenseModalHeader{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;padding:1.5rem}.paySoloStdFee-expenseModalHeader h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.paySoloStdFee-expenseModalHeader h3:before{background:linear-gradient(180deg,#3498db,#2ecc71);border-radius:2px;content:"";height:24px;width:4px}.paySoloStdFee-expenseSummary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.paySoloStdFee-expenseSummaryItem{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .3s ease}.paySoloStdFee-expenseSummaryItem:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.paySoloStdFee-expenseSummaryItem span{color:#7f8c8d;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.paySoloStdFee-expenseSummaryItem strong{color:#2c3e50;font-size:1.2rem;font-weight:800}.paySoloStdFee-expenseSummaryHighlight{background:linear-gradient(135deg,#3498db1a,#3498db0d);border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.paySoloStdFee-expenseSummaryHighlight strong{color:#3498db;font-size:1.3rem}.paySoloStdFee-expenseTableModal{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:1.5rem;max-height:500px;overflow-x:auto;overflow-y:auto}.paySoloStdFee-expenseTableModal table{border-collapse:initial;border-spacing:0;min-width:1400px;width:100%}.paySoloStdFee-expenseTableModal thead{position:sticky;top:0;z-index:10}.paySoloStdFee-expenseTableModal th{background:linear-gradient(135deg,#2c3e50,#34495e);border-right:1px solid #ffffff1a;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem .75rem;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.paySoloStdFee-expenseTableModal th:last-child{border-right:none}.paySoloStdFee-expenseTableModal th:after{background:linear-gradient(90deg,#3498db,#2ecc71);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.paySoloStdFee-expenseTableModal td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.9rem;font-weight:500;padding:.875rem .75rem;transition:all .2s ease;vertical-align:middle}.paySoloStdFee-expenseTableModal tr:last-child td{border-bottom:none}.paySoloStdFee-expenseTableModal tr:hover td{background:linear-gradient(135deg,#3498db0d,#3498db1a)}.paySoloStdFee-expenseTableModal td:nth-child(10),.paySoloStdFee-expenseTableModal td:nth-child(5),.paySoloStdFee-expenseTableModal td:nth-child(6),.paySoloStdFee-expenseTableModal td:nth-child(8),.paySoloStdFee-expenseTableModal td:nth-child(9){font-family:Courier New,monospace;font-size:.95rem;font-weight:600;text-align:right}.paySoloStdFee-expenseTableModal td:nth-child(5){color:#7f8c8d;font-style:italic}.paySoloStdFee-expenseTableModal td:nth-child(6){color:#e74c3c}.paySoloStdFee-expenseTableModal td:nth-child(8){color:#2c3e50;font-weight:700}.paySoloStdFee-expenseTableModal td:nth-child(9){color:#27ae60}.paySoloStdFee-expenseTableModal td:nth-child(10){color:#3498db;font-weight:700}.paySoloStdFee-expenseTableModal td:nth-child(7){color:#9b59b6;font-size:.85rem}.paySoloStdFee-statusBadge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.3px;min-width:70px;padding:.4rem .8rem;text-align:center;text-transform:uppercase}.paySoloStdFee-statusBadge.paid{background:linear-gradient(135deg,#27ae6026,#2ecc7133);border:1px solid #27ae604d;box-shadow:0 2px 4px #27ae601a;color:#27ae60}.paySoloStdFee-statusBadge.pending{background:linear-gradient(135deg,#f39c1226,#f1c40f33);border:1px solid #f39c124d;box-shadow:0 2px 4px #f39c121a;color:#f39c12}.paySoloStdFee-expenseTypeTag{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.3px;min-width:80px;padding:.4rem .8rem;text-align:center;text-transform:uppercase}.paySoloStdFee-expenseTypeTag.books{background:linear-gradient(135deg,#3498db26,#3498db33);border:1px solid #3498db4d;color:#3498db}.paySoloStdFee-expenseTypeTag.uniform{background:linear-gradient(135deg,#9b59b626,#9b59b633);border:1px solid #9b59b64d;color:#9b59b6}.paySoloStdFee-expenseTypeTag.transport{background:linear-gradient(135deg,#2ecc7126,#2ecc7133);border:1px solid #2ecc714d;color:#2ecc71}.paySoloStdFee-expenseTypeTag.exam{background:linear-gradient(135deg,#f39c1226,#f39c1233);border:1px solid #f39c124d;color:#f39c12}.paySoloStdFee-expenseTypeTag.activity{background:linear-gradient(135deg,#e74c3c26,#e74c3c33);border:1px solid #e74c3c4d;color:#e74c3c}.paySoloStdFee-expenseTypeTag.other{background:linear-gradient(135deg,#95a5a626,#95a5a633);border:1px solid #95a5a64d;color:#95a5a6}.paySoloStdFee-expenseActions{display:flex;gap:.5rem;justify-content:center}.paySoloStdFee-deleteBtn,.paySoloStdFee-editBtn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.paySoloStdFee-deleteBtn:before,.paySoloStdFee-editBtn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.paySoloStdFee-deleteBtn:hover:before,.paySoloStdFee-editBtn:hover:before{height:100px;width:100px}.paySoloStdFee-editBtn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 3px 10px #3498db33;color:#fff}.paySoloStdFee-editBtn:hover{box-shadow:0 6px 20px #3498db4d;transform:translateY(-3px) scale(1.1)}.paySoloStdFee-deleteBtn{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 3px 10px #e74c3c33;color:#fff}.paySoloStdFee-deleteBtn:hover{box-shadow:0 6px 20px #e74c3c4d;transform:translateY(-3px) scale(1.1)}.paySoloStdFee-deleteBtn svg,.paySoloStdFee-editBtn svg{font-size:.9rem;position:relative;z-index:1}.paySoloStdFee-running-balance-explanation{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:10px;margin-top:1.5rem;padding:1.5rem}.paySoloStdFee-running-balance-explanation h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.paySoloStdFee-running-balance-explanation h4 svg{color:#3498db;font-size:1rem}.paySoloStdFee-running-balance-explanation p{color:#34495e;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.paySoloStdFee-running-balance-explanation ul{list-style:none;margin:0;padding:0}.paySoloStdFee-running-balance-explanation li{color:#2c3e50;font-size:.9rem;line-height:1.4;padding:.5rem 0 .5rem 1.5rem;position:relative}.paySoloStdFee-running-balance-explanation li:before{color:#3498db;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.paySoloStdFee-running-balance-explanation strong{color:#3498db;font-weight:700}.paySoloStdFee-noRecords{background:#f8f9fa;border-radius:10px;color:#95a5a6;margin:1rem 0;padding:3rem;text-align:center}.paySoloStdFee-noRecords svg{font-size:2.5rem;margin-bottom:1rem;opacity:.6}.paySoloStdFee-noRecords p{font-size:1rem;font-weight:500}.paySoloStdFee-expenseTableModal::-webkit-scrollbar{height:8px;width:8px}.paySoloStdFee-expenseTableModal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.paySoloStdFee-expenseTableModal::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.paySoloStdFee-expenseTableModal::-webkit-scrollbar-thumb:hover{background:#2980b9}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}.paySoloStdFee-loading{border:3px solid #ffffff4d;height:20px;margin-right:.5rem;width:20px}.swal-wide{border-radius:12px!important;box-shadow:0 20px 60px #0000004d!important;width:800px!important}.paySoloStdFee-swalContainer{padding:2rem}.paySoloStdFee-studentModal{padding:1rem}.paySoloStdFee-studentModalHeader{align-items:center;border-bottom:2px solid #f0f0f0;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.paySoloStdFee-studentModalGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (max-width:768px){.paySoloStdFee-studentModalGrid{grid-template-columns:1fr}}.paySoloStdFee-studentModalField{display:flex;flex-direction:column;gap:.5rem}.paySoloStdFee-studentModalField label{color:#7f8c8d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.paySoloStdFee-studentModalValue{background:#f8f9fa;border-radius:6px;color:#2c3e50;font-size:1rem;font-weight:600;padding:.5rem}.paySoloStdFee-studentModalFooter{border-top:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;padding-top:1.5rem}.paySoloStdFee-studentModalStat{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;min-width:150px;padding:1rem}.paySoloStdFee-studentModalAmount{color:#2c3e50;font-size:1.2rem;font-weight:800;margin-top:.5rem}.paySoloStdFee-studentModalPending{color:#f39c12!important}.paySoloStdFee-duplicateWarning,.paySoloStdFee-successModal{padding:1rem;text-align:center}.paySoloStdFee-duplicateInfo,.paySoloStdFee-receiptInfo{background:#f8f9fa;border-radius:8px;margin:1.5rem auto;max-width:400px;padding:1rem;text-align:left}@media (max-width:1200px){.paySoloStdFee-main{margin-left:0}.paySoloStdFee-main:before{left:0}.paySoloStdFee-expenseTableModal{max-height:400px}.paySoloStdFee-expenseSummary{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.paySoloStdFee-content,.paySoloStdFee-footer,.paySoloStdFee-header,.paySoloStdFee-searchSection,.paySoloStdFee-tabs{padding-left:1.5rem;padding-right:1.5rem}.paySoloStdFee-studentCard{margin:1rem 1.5rem}}@media (max-width:768px){.paySoloStdFee-content,.paySoloStdFee-footer,.paySoloStdFee-header,.paySoloStdFee-searchSection,.paySoloStdFee-tabs{padding-left:1rem;padding-right:1rem}.paySoloStdFee-studentCard{margin:1rem}.paySoloStdFee-monthGrid{grid-template-columns:repeat(3,1fr)}.paySoloStdFee-sectionHeader{align-items:flex-start;flex-direction:column;gap:1rem}.paySoloStdFee-feeStats{flex-direction:column;width:100%}.paySoloStdFee-stat{min-width:100%}.paySoloStdFee-expenseModalHeader{padding:1rem}.paySoloStdFee-expenseModalHeader h3{font-size:1.2rem}.paySoloStdFee-expenseSummary{gap:.75rem;grid-template-columns:1fr}.paySoloStdFee-expenseSummaryItem{padding:.875rem}.paySoloStdFee-expenseTableModal{border-radius:8px;max-height:350px}.paySoloStdFee-expenseTableModal td,.paySoloStdFee-expenseTableModal th{font-size:.85rem;padding:.75rem .5rem}.paySoloStdFee-expenseTypeTag,.paySoloStdFee-statusBadge{font-size:.7rem;padding:.3rem .6rem}.paySoloStdFee-deleteBtn,.paySoloStdFee-editBtn{height:32px;width:32px}}@media (max-width:576px){.paySoloStdFee-title{font-size:1.5rem}.paySoloStdFee-monthGrid{grid-template-columns:repeat(2,1fr)}.paySoloStdFee-tabs{overflow-x:auto;padding:0}.paySoloStdFee-tab{font-size:.85rem;padding:.875rem 1rem;white-space:nowrap}.paySoloStdFee-searchActions{flex-direction:column}.paySoloStdFee-forgotBtn,.paySoloStdFee-searchBtn{width:100%}.paySoloStdFee-filterControls{align-items:stretch;flex-direction:column}.paySoloStdFee-filterSelect{width:100%}.paySoloStdFee-expenseTableModal{max-height:300px}.paySoloStdFee-expenseTableModal th{font-size:.75rem;padding:.625rem .375rem}.paySoloStdFee-expenseTableModal td{font-size:.8rem;padding:.625rem .375rem}.paySoloStdFee-running-balance-explanation{padding:1rem}.paySoloStdFee-running-balance-explanation h4{font-size:1rem}.paySoloStdFee-running-balance-explanation li,.paySoloStdFee-running-balance-explanation p{font-size:.85rem}}@keyframes fadeInRow{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.paySoloStdFee-expenseTableModal tbody tr{animation:fadeInRow .3s ease-out;animation-fill-mode:both}.paySoloStdFee-expenseTableModal tbody tr:first-child{animation-delay:.05s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(2){animation-delay:.1s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(3){animation-delay:.15s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(4){animation-delay:.2s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(5){animation-delay:.25s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(6){animation-delay:.3s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(7){animation-delay:.35s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(8){animation-delay:.4s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(9){animation-delay:.45s}.paySoloStdFee-expenseTableModal tbody tr:nth-child(10){animation-delay:.5s}.paySoloStdFee-expenseTableModal tbody tr:first-child{background:linear-gradient(135deg,#3498db0d,#3498db14)}.paySoloStdFee-expenseTableModal tbody tr:first-child td{border-bottom:2px solid #3498db4d;font-weight:600}@media (prefers-color-scheme:dark){.paySoloStdFee-main{background:#1a1a1a}.paySoloStdFee-header{background:#121212}.paySoloStdFee-emptyState,.paySoloStdFee-expenseForm,.paySoloStdFee-historyContent,.paySoloStdFee-monthSection,.paySoloStdFee-monthlyChart,.paySoloStdFee-paymentForm,.paySoloStdFee-recentExpenses,.paySoloStdFee-statCard,.paySoloStdFee-studentCard{background:#2d2d2d;border-color:#404040}.paySoloStdFee-formInput,.paySoloStdFee-formSelect,.paySoloStdFee-formTextarea{background:#3d3d3d;border-color:#505050;color:#fff}.paySoloStdFee-formInput:read-only{background:#363636}.paySoloStdFee-fieldValue,.paySoloStdFee-statCardItem strong,.paySoloStdFee-statValue{color:#fff}.paySoloStdFee-fieldLabel,.paySoloStdFee-statCardItem span,.paySoloStdFee-statLabel{color:#bdc3c7}.paySoloStdFee-expenseModalHeader{background:#2d2d2d;border-color:#404040}.paySoloStdFee-expenseModalHeader h3{color:#fff}.paySoloStdFee-expenseSummaryItem{background:#3d3d3d;border-color:#505050}.paySoloStdFee-expenseSummaryItem span{color:#bdc3c7}.paySoloStdFee-expenseSummaryItem strong{color:#fff}.paySoloStdFee-expenseTableModal{background:#2d2d2d;border-color:#404040}.paySoloStdFee-expenseTableModal th{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.paySoloStdFee-expenseTableModal td{border-color:#404040;color:#fff}.paySoloStdFee-expenseTableModal tr:hover td{background:#3498db26}.paySoloStdFee-running-balance-explanation{background:#2d2d2d;border-color:#404040}.paySoloStdFee-running-balance-explanation h4,.paySoloStdFee-running-balance-explanation li,.paySoloStdFee-running-balance-explanation p{color:#fff}.paySoloStdFee-noRecords{background:#3d3d3d;color:#bdc3c7}}.paySoloStdFee-feeSetupWarning{align-items:center;animation:paySoloStdFee-slideIn .3s ease;background:linear-gradient(135deg,#fcc,#f99);border:2px solid #e74c3c;border-radius:10px;display:flex;gap:20px;margin:20px 0;padding:20px}.paySoloStdFee-feeSetupIcon{color:#e74c3c;flex-shrink:0;font-size:2.5rem}.paySoloStdFee-feeSetupContent{flex:1 1;text-align:left}.paySoloStdFee-feeSetupContent h3{color:#e74c3c;margin-bottom:8px}.paySoloStdFee-feeSetupContent p{color:#2d3436;font-size:14px;margin:5px 0}.paySoloStdFee-feeSetupFields{background:#fffc;border-radius:6px;margin:10px 0;padding:10px}.paySoloStdFee-feeSetupFields ul{font-size:13px;margin:0;padding-left:20px}.paySoloStdFee-feeSetupFields li{color:#2c3e50;margin:3px 0}.paySoloStdFee-feeSetupAction{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:8px 16px;transition:all .3s;white-space:nowrap}.paySoloStdFee-feeSetupAction:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.paySoloStdFee-feeSetupAction:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.paySoloStdFee-topCards{grid-gap:20px;animation:slideIn .5s ease-out;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 2rem 30px}@media (max-width:992px){.paySoloStdFee-topCards{grid-template-columns:1fr;margin:20px 1.5rem 30px}}.paySoloStdFee-topCard{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.paySoloStdFee-topCard:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.paySoloStdFee-topCardHeader{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:15px;padding-bottom:12px}.paySoloStdFee-topCardIcon{color:#4a6baf;font-size:1.5rem;margin-right:12px}.paySoloStdFee-topCardHeader h3{color:#333;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.paySoloStdFee-currentMonthName{background:#e8f4ff;border-radius:20px;color:#2c5aa0;font-size:.85rem;font-weight:600;padding:4px 12px}.paySoloStdFee-topCardContent{padding:5px 0}.paySoloStdFee-topCardValue{color:#2c3e50;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:8px}.paySoloStdFee-topCardSubtitle{background:#f8f9fa;border-left:3px solid #4a6baf;border-radius:8px;color:#666;font-size:.9rem;margin-bottom:15px;padding:8px 12px}.paySoloStdFee-topCardDetails{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:15px}@media (max-width:768px){.paySoloStdFee-topCardDetails{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.paySoloStdFee-topCardDetails{grid-template-columns:1fr}}.paySoloStdFee-topCardDetail{background:#f8f9fa;border-radius:8px;padding:10px;text-align:center;transition:all .2s ease}.paySoloStdFee-topCardDetail:hover{background:#eef2f7;transform:translateY(-1px)}.paySoloStdFee-topCardDetail span{color:#666;display:block;font-size:.8rem;margin-bottom:4px}.paySoloStdFee-topCardDetail strong{color:#2c3e50;display:block;font-size:1.1rem;font-weight:700}.paySoloStdFee-topCardDetail strong.pending{color:#e74c3c}.paySoloStdFee-currentMonthCard.status-paid{border-top:4px solid #27ae60}.paySoloStdFee-currentMonthCard.status-paid:before{background:linear-gradient(90deg,#27ae60,#2ecc71);content:"";height:4px;left:0;position:absolute;right:0;top:0}.paySoloStdFee-currentMonthCard.status-partial{border-top:4px solid #f39c12}.paySoloStdFee-currentMonthCard.status-partial:before{background:linear-gradient(90deg,#f39c12,#f1c40f);content:"";height:4px;left:0;position:absolute;right:0;top:0}.paySoloStdFee-currentMonthCard.status-unpaid{border-top:4px solid #e74c3c}.paySoloStdFee-currentMonthCard.status-unpaid:before{background:linear-gradient(90deg,#e74c3c,#c0392b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.paySoloStdFee-currentMonthStatus{align-items:center;display:flex;gap:15px;justify-content:center;margin:15px 0}.paySoloStdFee-currentMonthIcon{font-size:2.5rem}.paySoloStdFee-currentMonthIcon.paid{color:#27ae60}.paySoloStdFee-currentMonthIcon.partial{color:#f39c12}.paySoloStdFee-currentMonthIcon.unpaid{color:#e74c3c}.paySoloStdFee-statusText{font-size:1.5rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.paySoloStdFee-statusText.paid{color:#27ae60}.paySoloStdFee-statusText.partial{color:#f39c12}.paySoloStdFee-statusText.unpaid{color:#e74c3c}.paySoloStdFee-pendingFeeCard{border-top:4px solid #3498db}.paySoloStdFee-pendingFeeCard:before{background:linear-gradient(90deg,#3498db,#2980b9);content:"";height:4px;left:0;position:absolute;right:0;top:0}.paySoloStdFee-dbStatus{animation:slideIn .3s ease-out;border-radius:8px;font-size:.9rem;margin:0 2rem 20px;padding:12px 20px}@media (max-width:992px){.paySoloStdFee-dbStatus{margin:0 1.5rem 20px}}.paySoloStdFee-dbStatus.connected{background:#e8f7ef;border:1px solid #27ae60;color:#27ae60}.paySoloStdFee-dbStatus.disconnected{background:#fdeaea;border:1px solid #e74c3c;color:#e74c3c}.paySoloStdFee-dbStatusContent{align-items:center;display:flex;gap:12px}.paySoloStdFee-dbStatusIcon{font-size:1.2rem}.paySoloStdFee-dbStatusText{flex:1 1;font-weight:600}.paySoloStdFee-dbStats{font-size:.85rem;font-style:italic;margin-left:10px;opacity:.9}.paySoloStdFee-refreshDbBtn{align-items:center;background:#0000;border:1px solid;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:.85rem;gap:6px;justify-content:center;min-width:80px;padding:6px 12px;transition:all .2s ease}.paySoloStdFee-refreshDbBtn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.paySoloStdFee-refreshDbBtn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.paySoloStdFee-currentMonthStatus{flex-direction:column;gap:10px}.paySoloStdFee-statusText{font-size:1.2rem}.paySoloStdFee-topCardValue{font-size:1.8rem}}@media (max-width:480px){.paySoloStdFee-topCards{margin:20px 1rem 30px}.paySoloStdFee-dbStatus{margin:0 1rem 20px}.paySoloStdFee-dbStatusContent{flex-direction:column;gap:8px;text-align:center}.paySoloStdFee-refreshDbBtn{align-self:stretch}}.paySoloStdFee-family-warning-banner,.paySoloStdFee-feeSetup-warning-banner{align-items:center;animation:paySoloStdFee-slideIn .3s ease;background:linear-gradient(135deg,#fcc,#f99);border:2px solid #e74c3c;border-radius:10px;display:flex;gap:20px;margin:20px 2rem;padding:20px}@media (max-width:992px){.paySoloStdFee-family-warning-banner,.paySoloStdFee-feeSetup-warning-banner{margin:20px 1.5rem}}@media (max-width:768px){.paySoloStdFee-family-warning-banner,.paySoloStdFee-feeSetup-warning-banner{flex-direction:column;gap:15px;margin:20px 1rem;text-align:center}}.paySoloStdFee-warning-icon{color:#e74c3c;flex-shrink:0;font-size:2.5rem}.paySoloStdFee-warning-content{flex:1 1;text-align:left}@media (max-width:768px){.paySoloStdFee-warning-content{text-align:center}}.paySoloStdFee-warning-content h3{color:#e74c3c;font-size:1.2rem;margin-bottom:8px}.paySoloStdFee-warning-content p{color:#2d3436;font-size:14px;line-height:1.4;margin:5px 0}.paySoloStdFee-missing-fields{background:#fffc;border-radius:6px;margin:10px 0;padding:10px}.paySoloStdFee-missing-fields ul{font-size:13px;margin:0;padding-left:20px}.paySoloStdFee-missing-fields li{color:#2c3e50;margin:3px 0}.paySoloStdFee-instruction{color:#2c3e50;font-size:13px;font-weight:600;margin-top:10px}.paySoloStdFee-family-nav-btn,.paySoloStdFee-feeSetup-clear-btn,.paySoloStdFee-feeSetup-nav-btn{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;min-width:180px;padding:8px 16px;transition:all .3s;white-space:nowrap}.paySoloStdFee-feeSetup-clear-btn{background:#95a5a6}.paySoloStdFee-family-nav-btn:hover,.paySoloStdFee-feeSetup-nav-btn:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.paySoloStdFee-feeSetup-clear-btn:hover{background:#7f8c8d;box-shadow:0 4px 8px #95a5a64d;transform:translateY(-2px)}.paySoloStdFee-feeSetup-buttons{display:flex;flex-direction:column;gap:10px}@media (max-width:768px){.paySoloStdFee-feeSetup-buttons{width:100%}.paySoloStdFee-family-nav-btn,.paySoloStdFee-feeSetup-clear-btn,.paySoloStdFee-feeSetup-nav-btn{min-width:100%}}@keyframes paySoloStdFee-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.paySoloStdFee-disabled{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.paySoloStdFee-disabled:after{background:#000c;border-radius:8px;color:#fff;content:"Content Disabled";font-weight:700;left:50%;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.paySoloStdFee-loading{animation:paySoloStdFee-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes paySoloStdFee-spin{to{transform:rotate(1turn)}}.paySoloStdFee-reportOptionsContainer{margin:20px auto;max-width:1200px;position:relative}.paySoloStdFee-reportOptionsBtn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.paySoloStdFee-reportOptionsBtn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.paySoloStdFee-reportOptionsBtn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.paySoloStdFee-reportOptionsIcon{font-size:18px}.paySoloStdFee-optionsArrow{font-size:12px;margin-left:auto}.paySoloStdFee-reportOptionsDropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 30px #00000026;left:0;margin-top:10px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.paySoloStdFee-reportOptionsHeader{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#2c3e50;display:flex;font-weight:600;gap:10px;padding:15px 20px}.paySoloStdFee-reportOptionsList{padding:10px}.paySoloStdFee-reportOption{align-items:flex-start;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;gap:15px;padding:15px;text-align:left;transition:all .2s ease;width:100%}.paySoloStdFee-reportOption:hover{background:#f5f7fa;transform:translateX(5px)}.paySoloStdFee-reportOption:disabled{cursor:not-allowed;opacity:.5;transform:none}.paySoloStdFee-reportOption:disabled:hover{background:none}.paySoloStdFee-reportOptionIcon{color:#3498db;flex-shrink:0;font-size:20px;margin-top:2px}.paySoloStdFee-reportOptionTitle{color:#2c3e50;font-weight:600;margin-bottom:4px}.paySoloStdFee-reportOptionDesc{color:#7f8c8d;font-size:12px;line-height:1.4}.paySoloStdFee-reportOptionDivider{background:#eee;height:1px;margin:10px 15px}.paySoloStdFee-quickReportButtons{display:flex;gap:10px;margin-left:auto}.paySoloStdFee-quickReportBtn{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 15px;transition:all .3s ease}.paySoloStdFee-quickReportBtn:hover{background:#2980b9;transform:translateY(-2px)}.paySoloStdFee-quickReportBtn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.paySoloStdFee-viewReceiptBtn{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.paySoloStdFee-viewReceiptBtn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.paySoloStdFee-viewReceiptBtn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.7}.paySoloStdFee-printBtn{align-items:center;background:#9b59b6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.paySoloStdFee-printBtn:hover:not(:disabled){background:#8e44ad;transform:translateY(-2px)}.paySoloStdFee-printBtn:disabled{background:#d7bde2;cursor:not-allowed;opacity:.7}.paySoloStdFee-reportLoading{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:20px;margin-right:8px;width:20px}.status-paid{background:#d4edda;color:#155724}.status-paid,.status-pending{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.status-pending{background:#f8d7da;color:#721c24}.status-partial{background:#fff3cd;border-radius:20px;color:#856404;font-size:12px;font-weight:700;padding:4px 12px}@media (max-width:768px){.paySoloStdFee-quickReportButtons{flex-direction:column;margin-top:10px;width:100%}.paySoloStdFee-reportOptionsBtn{justify-content:center;width:100%}.paySoloStdFee-reportOptionsDropdown{border-radius:8px 8px 0 0;bottom:0;left:0;max-height:70vh;overflow-y:auto;position:fixed;right:0;top:auto}.paySoloStdFee-formActions{flex-wrap:wrap}.paySoloStdFee-clearBtn,.paySoloStdFee-printBtn,.paySoloStdFee-submitBtn,.paySoloStdFee-viewReceiptBtn{flex:1 1;margin-bottom:10px;min-width:calc(50% - 5px)}}:root{--primary-light:#4895ef;--primary-lighter:#e0f7ff;--primary-dark:#3a0ca3;--secondary-light:#9d4edd;--accent-color:#f72585;--accent-light:#ff7aa8;--success-color:#2a9d8f;--success-light:#4cc9f0;--success-bg:#2a9d8f1a;--warning-color:#f8961e;--warning-light:#f9c74f;--warning-bg:#f8961e1a;--error-color:#e63946;--error-light:#ff6b6b;--error-bg:#e639461a;--info-color:#457b9d;--info-light:#a2d2ff;--info-bg:#457b9d1a;--pending-color:#6c757d;--pending-light:#adb5bd;--pending-bg:#6c757d1a;--gray-50:#f8f9fa;--gray-100:#f1f3f9;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--black:#121417;--bg-gradient:linear-gradient(135deg,#f5f7fa,#e4edf5);--card-gradient:linear-gradient(135deg,#fff,#f8f9fa);--header-gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-xl:0 20px 50px #00000026;--shadow-primary:0 8px 25px #4361ee4d;--shadow-success:0 8px 25px #2a9d8f4d;--shadow-warning:0 8px 25px #f8961e4d;--shadow-error:0 8px 25px #e639464d;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--transition-bounce:450ms cubic-bezier(0.175,0.885,0.32,1.275);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Roboto Mono","Courier New",monospace;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}.familyExpense-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 8px 32px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:25px;max-width:100%;min-height:calc(100vh - 60px);overflow-x:hidden;padding:25px;position:relative}.familyExpense-loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:8px;bottom:0;flex-direction:column;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;z-index:1000}.familyExpense-loading,.familyExpense-loading-spinner{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.familyExpense-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.spinner-icon{animation:spin 1s linear infinite;color:#3498db}.familyExpense-familyInfo{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:12px;box-shadow:0 4px 20px #9b59b64d;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;max-width:100%;padding:20px 25px}.familyExpense-familyInfo-content{flex:1 1;min-width:300px}.familyExpense-familyInfo-content h3{font-size:1.5rem;font-weight:700;margin:0 0 8px}.familyExpense-familyInfo-details{display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;opacity:.9}.familyExpense-refreshBtn-main{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s;white-space:nowrap}.familyExpense-refreshBtn-main:hover{background:#ffffff4d;transform:translateY(-2px)}.familyExpense-form{background:#fff;border:1px solid #e3e6f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;margin-bottom:10px;max-width:100%;padding:28px;transition:all .3s ease}.familyExpense-form:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.familyExpense-formHeader{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:28px;padding-bottom:20px;position:relative}.familyExpense-formHeader:after{background:linear-gradient(90deg,#9b59b6,#8e44ad);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.familyExpense-formHeaderIcon{background:linear-gradient(135deg,#f3e8ff,#e9d8fd);border-radius:10px;color:#9b59b6;font-size:26px;padding:12px}.familyExpense-formHeader h3{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0;min-width:300px}.familyExpense-recordCount{background:#27ae60;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;margin-left:15px;padding:4px 12px;white-space:nowrap}.familyExpense-formRow{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px;max-width:100%}.familyExpense-formGroup{box-sizing:border-box;position:relative;width:100%}.familyExpense-formLabel{align-items:center;color:#34495e;display:flex;font-size:.95rem;font-weight:600;margin-bottom:10px;position:relative}.familyExpense-labelIcon{color:#9b59b6;font-size:15px;margin-right:10px;min-width:20px}.familyExpense-formInput,.familyExpense-formSelect,.familyExpense-formTextarea{background:#f8fafc;border:2px solid #e0e6ed;border-radius:8px;box-sizing:border-box;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s;width:100%!important}.familyExpense-formInput:focus,.familyExpense-formSelect:focus,.familyExpense-formTextarea:focus{background:#fff;border-color:#9b59b6;box-shadow:0 0 0 4px #9b59b626;outline:none;transform:translateY(-1px)}.familyExpense-formInput::placeholder{color:#a0aec0;opacity:.7}.familyExpense-formInput[readonly]{background-color:#f1f5f9;border-color:#cbd5e0;color:#4a5568;cursor:not-allowed}.familyExpense-formInput.familyExpense-runningBalance{background:linear-gradient(135deg,#f3e8ff,#e9d8fd);border-color:#9b59b6;color:#553c9a;font-size:1.1rem;font-weight:700}.familyExpense-formInput.familyExpense-discountedAmount{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#27ae60;color:#276749;font-size:1.1rem;font-weight:700}.familyExpense-formInput.familyExpense-newBalance{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#f39c12;color:#d35400;font-size:1.1rem;font-weight:700}.familyExpense-formSelect{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234a5568'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:45px}.familyExpense-formTextarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.familyExpense-student-summary{display:flex;flex-direction:column;gap:8px;margin-top:10px}.familyExpense-student-summary-item{background:#f8fafc;border-left:3px solid #9b59b6;border-radius:6px;color:#4a5568;display:flex;font-size:.9rem;justify-content:space-between;padding:8px}.familyExpense-student-summary-item span:first-child{font-weight:600}.familyExpense-student-summary-item span:last-child{color:#553c9a;font-weight:700}.familyExpense-balanceExplanation{border-left:2px solid #e2e8f0;color:#718096;font-size:.82rem;font-style:italic;line-height:1.4;margin-top:8px;padding-left:10px}.familyExpense-formActions{border-top:2px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;padding-top:25px}.familyExpense-historyBtn,.familyExpense-submitBtn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.3px;min-height:52px;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.familyExpense-historyBtn:before,.familyExpense-submitBtn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.familyExpense-historyBtn:hover:before,.familyExpense-submitBtn:hover:before{left:100%}.familyExpense-submitBtn{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d;color:#fff;flex:2 1}.familyExpense-submitBtn:hover:not(:disabled){background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 6px 20px #9b59b666;transform:translateY(-3px)}.familyExpense-historyBtn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db33;color:#fff;flex:1 1}.familyExpense-historyBtn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f6399);transform:translateY(-3px)}.familyExpense-historyBtn:disabled,.familyExpense-submitBtn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.familyExpense-historyIcon,.familyExpense-submitIcon{font-size:16px;margin-right:10px}.familyExpense-recentExpenses{background:#fff;border:1px solid #e3e6f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;padding:28px}.familyExpense-recentHeader{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding-bottom:20px;position:relative}.familyExpense-recentHeader:after{background:linear-gradient(90deg,#3498db,#2980b9);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.familyExpense-recentIcon{background:#e3f2fd;border-radius:8px;color:#3498db;font-size:22px;margin-right:12px;padding:10px}.familyExpense-recentHeader h3{color:#2c3e50;flex:1 1;font-size:1.3rem;font-weight:700;margin:0;min-width:300px}.familyExpense-refreshBtn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;padding:0;transition:all .3s;width:42px}.familyExpense-refreshBtn:hover{background:#3498db;border-color:#3498db;box-shadow:0 4px 12px #3498db4d;color:#fff;transform:rotate(180deg)}.familyExpense-expenseTable{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;margin-bottom:20px;max-width:100%;overflow-x:auto}.familyExpense-expenseTable::-webkit-scrollbar{height:8px}.familyExpense-expenseTable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.familyExpense-expenseTable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.familyExpense-expenseTable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.familyExpense-expenseTable table{border-collapse:collapse;min-width:800px;width:100%}.familyExpense-expenseTable th{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.92rem;font-weight:700;letter-spacing:.5px;padding:16px 20px!important;text-align:left;text-transform:uppercase;white-space:nowrap}.familyExpense-expenseTable td{border-bottom:1px solid #edf2f7;color:#4a5568;font-size:.95rem;padding:16px 20px!important;vertical-align:middle}.familyExpense-expenseTable tbody tr{transition:all .2s}.familyExpense-expenseTable tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#e6fffa);transform:translateX(4px)}.familyExpense-expenseTable tbody tr:last-child td{border-bottom:none}.familyExpense-parent-row{background:linear-gradient(90deg,#fff8e1,#fff3cd)!important;border-left:4px solid #ffc107!important}.familyExpense-expenseTypeTag{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;min-width:80px;padding:6px 12px;text-align:center;text-transform:uppercase}.familyExpense-expenseTypeTag.books{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.familyExpense-expenseTypeTag.uniform{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;color:#856404}.familyExpense-expenseTypeTag.transport{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #bee5eb;color:#0c5460}.familyExpense-expenseTypeTag.exam{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.familyExpense-expenseTypeTag.activity{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border:1px solid #d6d8db;color:#383d41}.familyExpense-expenseTypeTag.other{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;color:#495057}.familyExpense-balance.zero{background:#e8f5e9;color:#27ae60}.familyExpense-balance,.familyExpense-balance.zero{border-radius:6px;display:inline-block;font-weight:700;padding:4px 12px}.familyExpense-balance{background:#ffebee;color:#e74c3c}.familyExpense-parent-badge{align-items:center;background:#ffc107;border-radius:12px;color:#212529;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.familyExpense-actions{display:flex;gap:8px}.familyExpense-deleteBtn,.familyExpense-editBtn,.familyExpense-viewBtn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.familyExpense-viewBtn{background:#3498db;color:#fff}.familyExpense-viewBtn:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.familyExpense-editBtn{background:#2ecc71;color:#fff}.familyExpense-editBtn:hover{background:#27ae60;box-shadow:0 4px 8px #2ecc714d;transform:translateY(-2px)}.familyExpense-deleteBtn{background:#e74c3c;color:#fff}.familyExpense-deleteBtn:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.familyExpense-deleteBtn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.familyExpense-viewAll{border-top:2px solid #f0f2f5;margin-top:20px;padding-top:20px;text-align:center}.familyExpense-viewAll button{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-width:300px;padding:14px 32px;transition:all .3s}.familyExpense-viewAll button:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 6px 20px #9b59b64d;transform:translateY(-2px)}.familyExpense-emptyState{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px dashed #cbd5e0;border-radius:16px;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:20px;padding:80px 40px;text-align:center}.familyExpense-emptyStateIcon{color:#a0aec0;font-size:4rem;margin-bottom:25px;opacity:.6}.familyExpense-emptyState h3{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:15px}.familyExpense-emptyState p{color:#718096;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:400px}.familyExpense-edit-modal-overlay,.familyExpense-modal-overlay,.familyExpense-view-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:10rem;padding:20px;position:fixed;right:0;top:0;z-index:9999}.familyExpense-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:1600px!important;overflow:hidden;width:95vw!important}.familyExpense-modal-header{align-items:center;background:linear-gradient(135deg,#1a202c,#2d3748);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0003;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px 40px}.familyExpense-modal-header-left{align-items:center;display:flex;flex:1 1;gap:20px;min-width:300px}.familyExpense-modal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#9b59b6;flex-shrink:0;font-size:32px;padding:14px}.familyExpense-modal-header-left h3{font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.familyExpense-modal-header-left p{font-size:1rem;font-weight:500;margin:6px 0 0;opacity:.9}.familyExpense-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .3s;width:44px}.familyExpense-modal-close:hover{background:#ffffff40;box-shadow:0 0 20px #9b59b666;transform:rotate(90deg) scale(1.1)}.familyExpense-modal-filters{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:28px 40px}.familyExpense-search-box{margin-bottom:25px;position:relative}.familyExpense-search-icon{color:#718096;font-size:18px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.familyExpense-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;font-size:16px;font-weight:500;padding:16px 24px 16px 55px;transition:all .3s;width:100%}.familyExpense-search-input:focus{border-color:#9b59b6;box-shadow:0 0 0 4px #9b59b633;outline:none;transform:translateY(-2px)}.familyExpense-filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.familyExpense-filter-group{flex:1 1;min-width:180px}.familyExpense-filter-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.familyExpense-filter-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:500;padding:14px 50px 14px 18px;transition:all .3s;width:100%}.familyExpense-filter-group select:focus{border-color:#9b59b6;box-shadow:0 0 0 4px #9b59b633;outline:none}.familyExpense-filter-clear{background:linear-gradient(135deg,#718096,#4a5568);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:160px;padding:14px 28px;transition:all .3s;white-space:nowrap}.familyExpense-filter-clear:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #7180964d;transform:translateY(-3px)}.familyExpense-modal-summary{grid-gap:20px;background:#fff;border-bottom:2px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:28px 40px}.familyExpense-summary-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-left:5px solid #9b59b6;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:22px;position:relative;transition:all .3s}.familyExpense-summary-card:before{background:linear-gradient(90deg,#9b59b6,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.familyExpense-summary-highlight{background:linear-gradient(135deg,#e8f5e9,#d4edda);border-left-color:#27ae60}.familyExpense-summary-highlight:before{background:linear-gradient(90deg,#27ae60,#0000)}.familyExpense-summary-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.familyExpense-summary-label{color:#718096;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.familyExpense-summary-value{color:#2d3748;font-size:1.6rem;font-weight:800;line-height:1.2}.familyExpense-summary-highlight .familyExpense-summary-value{color:#27ae60}.familyExpense-table-container{flex:1 1;max-width:100%;overflow-y:auto;padding:0 20px 20px;position:relative}.familyExpense-modal-table{border-collapse:initial;border-spacing:0;margin:20px 0 30px;width:100%}.familyExpense-modal-table thead{background:#fff;box-shadow:0 4px 20px #00000014;position:sticky;top:0;z-index:10}.familyExpense-modal-table th{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:3px solid #9b59b6;color:#2d3748;font-size:.95rem;font-weight:800;letter-spacing:.5px;padding:18px 20px!important;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.familyExpense-modal-table th:after{background:#9b59b6;bottom:-3px;content:"";height:3px;left:0;position:absolute;transition:width .3s;width:0}.familyExpense-modal-table th:hover:after{width:100%}.familyExpense-modal-table td{border-bottom:1px solid #edf2f7;color:#4a5568;font-size:.95rem;font-weight:500;padding:18px 20px!important;vertical-align:middle}.familyExpense-modal-table tbody tr{position:relative;transition:all .3s}.familyExpense-modal-table tbody tr:before{background:#9b59b6;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.familyExpense-modal-table tbody tr:hover:before{transform:scaleY(1)}.familyExpense-modal-table tbody tr:hover{background:linear-gradient(90deg,#9b59b60d,#9b59b605);box-shadow:0 4px 15px #0000000d;transform:translateX(8px)}.familyExpense-description-cell{max-width:250px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.familyExpense-description-cell:hover{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;max-width:none;overflow:visible;padding:10px;white-space:normal;z-index:2}.familyExpense-sort-btn{align-items:center;background:none;border:none;color:#2d3748;cursor:pointer;display:flex;font:inherit;font-weight:800;gap:10px;letter-spacing:.5px;padding:0;text-transform:uppercase;transition:color .3s}.familyExpense-sort-btn:hover{color:#9b59b6}.familyExpense-parent-badge-modal{align-items:center;background:#ffc107;border-radius:12px;color:#212529;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px}.familyExpense-parent-label{color:#ffc107;display:block;font-size:.7rem;font-weight:600;margin-top:3px}.familyExpense-statusBadge{border-radius:20px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:.85rem;font-weight:800;letter-spacing:.5px;min-width:90px;padding:8px 16px;text-align:center;text-transform:uppercase}.familyExpense-statusBadge.paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.familyExpense-statusBadge.pending{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.familyExpense-noRecords{background:linear-gradient(135deg,#f8fafc,#edf2f7);border:3px dashed #cbd5e0;border-radius:16px;color:#718096;margin:30px 0;padding:80px 40px;text-align:center}.familyExpense-noRecords-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.familyExpense-noRecords p{font-size:1.2rem;font-weight:500;margin-bottom:30px}.familyExpense-clearFiltersBtn{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 32px;transition:all .3s}.familyExpense-clearFiltersBtn:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 6px 20px #9b59b64d;transform:translateY(-3px)}.familyExpense-modal-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-top:2px solid #e2e8f0;box-shadow:0 -4px 20px #0000000d;justify-content:space-between;padding:24px 40px}.familyExpense-export-options,.familyExpense-modal-footer{display:flex;flex-wrap:wrap;gap:15px}.familyExpense-export-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:180px;padding:14px 28px;transition:all .3s}.familyExpense-export-btn:hover{background:linear-gradient(135deg,#219653,#1e7e34);box-shadow:0 6px 20px #27ae604d;transform:translateY(-3px)}.familyExpense-print-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:160px;padding:14px 28px;transition:all .3s}.familyExpense-print-btn:hover{background:linear-gradient(135deg,#2980b9,#1f6399);box-shadow:0 6px 20px #3498db4d;transform:translateY(-3px)}.familyExpense-record-count{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#718096;font-size:1rem;font-weight:600;padding:10px 20px;white-space:nowrap}.familyExpense-edit-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.familyExpense-edit-modal-header{align-items:center;background:linear-gradient(135deg,#2980b9,#3498db);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #2980b94d;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px 40px}.familyExpense-edit-modal-header-left{align-items:center;display:flex;flex:1 1;gap:20px;min-width:300px}.familyExpense-edit-modal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;flex-shrink:0;font-size:28px;padding:12px}.familyExpense-edit-modal-icon.parent-icon{color:#ffc107}.familyExpense-edit-modal-header h3{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0}.familyExpense-edit-subtitle{color:#ffffffe6;font-size:.9rem;margin:5px 0 0}.familyExpense-edit-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.familyExpense-edit-modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.familyExpense-edit-modal-content{background:#f8fafc;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:35px 40px}.familyExpense-parent-warning{align-items:flex-start;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;display:flex;gap:15px;margin-bottom:25px;padding:15px}.familyExpense-parent-warning-icon{color:#ffc107;flex-shrink:0;font-size:20px;margin-top:2px}.familyExpense-parent-warning-content h4{color:#856404;font-size:1rem;margin:0 0 8px}.familyExpense-parent-warning-content p{color:#856404;font-size:.9rem;line-height:1.5;margin:0}.familyExpense-edit-form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.familyExpense-edit-form-group{box-sizing:border-box;position:relative;width:100%}.familyExpense-edit-form-group.full-width{grid-column:1/-1}.familyExpense-edit-form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.familyExpense-field-warning{color:#e74c3c;font-size:.85rem;font-weight:500;margin-left:8px}.familyExpense-edit-form-group input,.familyExpense-edit-form-group select,.familyExpense-edit-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;font-size:16px;font-weight:500;padding:14px 18px;transition:all .3s;width:100%}.familyExpense-edit-form-group input:focus,.familyExpense-edit-form-group select:focus,.familyExpense-edit-form-group textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db33;outline:none;transform:translateY(-2px)}.familyExpense-edit-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:50px}.familyExpense-edit-form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.familyExpense-readonly-input{background-color:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important;cursor:not-allowed!important}.familyExpense-readonly-input:focus{border-color:#dee2e6!important;box-shadow:none!important;transform:none!important}.familyExpense-pending-highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;border-color:#f39c12!important;color:#d35400!important}.familyExpense-chain-impact{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:12px 15px}.familyExpense-chain-impact-icon{color:#6c757d;font-size:16px}.familyExpense-chain-impact span{color:#2d3748;font-size:.95rem;font-weight:600}.familyExpense-edit-amount-summary{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;margin:25px 0;padding:20px}.familyExpense-edit-amount-summary h4{border-bottom:2px solid #f0f2f5;color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 20px;padding-bottom:10px}.familyExpense-edit-summary-row{border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.familyExpense-edit-summary-row:last-child{border-bottom:none}.familyExpense-edit-summary-total{background:#f8fafc;border-top:2px solid #e2e8f0;box-sizing:border-box;color:#2d3748;font-weight:700;margin:10px -20px -20px;padding:15px}.familyExpense-edit-modal-actions{border-top:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end;margin-top:30px;padding-top:30px}.familyExpense-edit-cancel{background:linear-gradient(135deg,#718096,#4a5568);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;min-width:150px;padding:16px 32px;transition:all .3s}.familyExpense-edit-cancel:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #7180964d;transform:translateY(-3px)}.familyExpense-edit-save{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;min-width:200px;padding:16px 32px;transition:all .3s}.familyExpense-edit-save:hover:not(:disabled){background:linear-gradient(135deg,#219653,#1e7e34);box-shadow:0 6px 20px #27ae604d;transform:translateY(-3px)}.familyExpense-edit-save:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.familyExpense-view-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.familyExpense-view-modal-header{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px 40px}.familyExpense-view-modal-header-left{align-items:center;display:flex;flex:1 1;gap:20px;min-width:300px}.familyExpense-view-modal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;flex-shrink:0;font-size:28px;padding:12px}.familyExpense-view-modal-header h3{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0}.familyExpense-view-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.familyExpense-view-modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.familyExpense-view-modal-content{background:#f8fafc;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:35px 40px}.familyExpense-view-details-grid{grid-gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:25px}.familyExpense-view-detail-item{display:flex;flex-direction:column;gap:8px}.familyExpense-view-detail-item.full-width{grid-column:1/-1}.familyExpense-view-detail-label{color:#718096;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.familyExpense-view-detail-value{background:#f8fafc;border-left:3px solid #27ae60;border-radius:6px;color:#2d3748;font-size:1rem;font-weight:500;padding:8px 12px}.familyExpense-view-detail-value.zero-balance{border-left-color:#27ae60;color:#27ae60}.familyExpense-view-detail-value.pending-balance{border-left-color:#e74c3c;color:#e74c3c}.familyExpense-parent-entry-badge{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;font-weight:600;gap:8px;padding:12px 16px}.familyExpense-view-modal-footer{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end;padding:24px 40px}.familyExpense-view-close-btn{background:linear-gradient(135deg,#718096,#4a5568);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;min-width:120px;padding:14px 28px;transition:all .3s}.familyExpense-view-close-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #7180964d;transform:translateY(-3px)}@media (max-width:1024px){.familyExpense-edit-modal,.familyExpense-modal,.familyExpense-view-modal{margin:10px;width:95vw!important}.familyExpense-edit-modal-header,.familyExpense-modal-header,.familyExpense-view-modal-header{padding:20px 25px}.familyExpense-edit-modal-content,.familyExpense-modal-content,.familyExpense-view-modal-content{padding:25px}}@media (max-width:768px){.familyExpense-container{padding:15px}.familyExpense-form,.familyExpense-recentExpenses{padding:20px}.familyExpense-formHeader,.familyExpense-recentHeader{align-items:flex-start;flex-direction:column;gap:15px}.familyExpense-formHeader h3,.familyExpense-recentHeader h3{font-size:1.3rem}.familyExpense-formRow{grid-template-columns:1fr}.familyExpense-formActions{flex-direction:column}.familyExpense-historyBtn,.familyExpense-submitBtn{width:100%}.familyExpense-modal-filters,.familyExpense-modal-summary{padding:20px 25px}.familyExpense-filter-controls{flex-direction:column;gap:15px}.familyExpense-filter-group{min-width:100%}.familyExpense-filter-clear{width:100%}.familyExpense-modal-summary{grid-template-columns:1fr}.familyExpense-table-container{padding:0 15px 15px}.familyExpense-modal-table{font-size:.85rem}.familyExpense-modal-table td,.familyExpense-modal-table th{padding:12px 10px!important}.familyExpense-modal-footer{align-items:stretch;flex-direction:column;gap:15px}.familyExpense-export-options{flex-direction:column;width:100%}.familyExpense-export-btn,.familyExpense-print-btn{width:100%}.familyExpense-edit-modal-content,.familyExpense-view-modal-content{padding:20px}.familyExpense-edit-form-row{grid-template-columns:1fr}.familyExpense-edit-modal-actions{flex-direction:column;gap:15px}.familyExpense-edit-modal-actions button{width:100%}.familyExpense-view-details-grid{grid-template-columns:1fr}}@media (max-width:480px){.familyExpense-familyInfo{align-items:flex-start;flex-direction:column}.familyExpense-familyInfo-content{margin-bottom:15px;min-width:100%}.familyExpense-refreshBtn-main{align-self:stretch;justify-content:center}.familyExpense-formHeader h3{font-size:1.2rem}.familyExpense-viewAll button{min-width:auto;width:100%}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:5px;-webkit-transition:all .3s;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98)}@keyframes successScale{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.swal2-popup-beautiful{border:none!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;max-height:90vh;overflow:hidden!important;overflow:hidden}.swal2-title-beautiful{display:none!important}.swal2-html-beautiful{line-height:1.6!important;margin:0!important;padding:0!important}.swal2-close-beautiful{background:#0000!important;border:none!important;color:#6c757d!important;font-size:1.5rem!important;height:32px!important;opacity:.7;right:16px!important;top:16px!important;transition:all .2s!important;width:32px!important}.swal2-close-beautiful:hover{background:#0000000d!important;border-radius:50%!important;opacity:1;transform:rotate(90deg)}.swal2-confirm-beautiful{background:linear-gradient(135deg,#3085d6,#1a73e8)!important;border:none!important;border-radius:10px!important;box-shadow:0 6px 15px #3085d64d!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-top:1rem!important;padding:.875rem 2.5rem!important;transition:all .3s!important}.swal2-confirm-beautiful:hover{box-shadow:0 10px 20px #3085d666!important;transform:translateY(-2px)!important}.swal2-show-animation-beautiful{animation:swal2-show .4s cubic-bezier(.175,.885,.32,1.275)}.swal2-hide-animation-beautiful{animation:swal2-hide .3s forwards}.familyExpense-baseEntryRow{background:linear-gradient(135deg,#f8f9fa,#e3f2fd)!important;border-left:4px solid #1976d2!important}.familyExpense-baseEntryRow td{font-weight:500;position:relative}.familyExpense-baseEntryBadge{align-items:center;background:#1976d2;border-radius:12px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;margin-top:4px;padding:2px 8px}.familyExpense-baseEntryNote{color:#666;font-size:.8rem;font-style:italic;margin-top:4px}.familyExpense-baseEntry-warning{padding:1rem;text-align:center}.familyExpense-baseEntry-warning h3{color:#1976d2;margin-bottom:.5rem}.familyExpense-baseEntry-warning p{color:#666;margin-bottom:.5rem}.familyExpense-deleteBtn:disabled{background:#f5f5f5!important;border:1px solid #e0e0e0!important;color:#999!important;cursor:not-allowed!important}.familyExpense-deleteBtn:disabled:hover{background:#f5f5f5!important;box-shadow:none!important;transform:none!important}.familyExpense-edit-baseEntryWarning{align-items:center;background:#e3f2fd;border-left:4px solid #1976d2;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.familyExpense-baseEntryWarningIcon{color:#1976d2}.familyExpense-view-baseEntryInfo{align-items:center;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.familyExpense-view-baseEntryInfo svg{color:#4caf50}.familyExpense-recentExpenses .familyExpense-baseEntryRow{background:#e8f5e9!important;border-left:4px solid #4caf50!important}.familyExpense-recentExpenses .familyExpense-baseEntryBadge{background:#4caf50}.family-payment-history-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px 0;padding:20px}.fph-database-status{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 15px}.fph-database-status.fph-connected{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.fph-database-status.fph-disconnected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.fph-database-status-content{align-items:center;display:flex;gap:10px}.fph-database-status-icon{font-size:18px}.fph-database-status-text{flex:1 1;font-weight:500}.fph-database-refresh-btn{background:none;border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .2s ease}.fph-database-refresh-btn:hover:not(:disabled){opacity:.8}.fph-database-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.fph-header{border-bottom:1px solid #dee2e6;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.fph-header,.fph-header h3{align-items:center;display:flex}.fph-header h3{color:#2c3e50;font-size:1.5rem;gap:12px;margin:0}.fph-header-icon{color:#0d6efd;font-size:1.8rem}.fph-subtitle{background:#e9ecef;border-radius:20px;color:#6c757d;font-size:14px;font-weight:400;margin-left:15px;padding:4px 12px}.fph-actions{display:flex;gap:10px}.fph-export-btn,.fph-refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.fph-export-btn{background-color:#28a745;color:#fff}.fph-export-btn:hover{background-color:#218838}.fph-export-btn:disabled{background-color:#6c757d;cursor:not-allowed}.fph-refresh-btn{background-color:#0d6efd;color:#fff}.fph-refresh-btn:hover{background-color:#0b5ed7}.fph-refresh-btn:disabled{background-color:#6c757d;cursor:not-allowed}.fph-export-icon,.fph-refresh-icon{font-size:14px}.fph-spin{animation:fph-spin 1s linear infinite}@keyframes fph-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fph-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.fph-summary-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.fph-summary-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.fph-summary-card-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.fph-summary-card-icon{font-size:20px}.fph-summary-card-icon.total{color:#0d6efd}.fph-summary-card-icon.fee{color:#17a2b8}.fph-summary-card-icon.expense{color:#dc3545}.fph-summary-card-icon.balance{color:#28a745}.fph-summary-card-header span{color:#495057;font-size:15px;font-weight:600}.fph-summary-card-content{text-align:center}.fph-summary-card-value{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:5px}.fph-summary-card-subtitle{color:#6c757d;font-size:13px}.fph-filters{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.fph-filter-group{margin-bottom:20px}.fph-filter-group:last-child{margin-bottom:0}.fph-filter-label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.fph-filter-icon{color:#6c757d}.fph-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.fph-filter-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.fph-filter-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.fph-filter-btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.fph-filter-btn-icon{font-size:12px}.fph-date-range{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.fph-date-input{border:1px solid #dee2e6;border-radius:6px;color:#495057;flex:1 1;font-size:14px;min-width:150px;padding:8px 12px}.fph-date-input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;outline:none}.fph-date-separator{color:#6c757d;font-weight:500}.fph-month-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;padding:8px 12px;width:200px}.fph-month-select:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;outline:none}.fph-filter-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;margin-top:20px;padding-top:15px}.fph-apply-btn,.fph-reset-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease}.fph-apply-btn{background-color:#0d6efd;color:#fff}.fph-apply-btn:hover{background-color:#0b5ed7}.fph-reset-btn{background-color:#6c757d;color:#fff}.fph-reset-btn:hover{background-color:#5a6268}.fph-apply-icon,.fph-reset-icon{font-size:14px}.fph-empty-state{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px;text-align:center}.fph-empty-icon{color:#adb5bd;font-size:48px;margin-bottom:20px}.fph-empty-state h4{color:#6c757d;font-size:18px;margin-bottom:10px}.fph-empty-state p{color:#adb5bd;font-size:14px;margin-bottom:20px;max-width:400px}.fph-empty-action{align-items:center;background-color:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 20px;transition:background-color .2s ease}.fph-empty-action:hover{background-color:#0b5ed7}.fph-loading{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.fph-spinner{animation:fph-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0d6efd;height:40px;margin-bottom:15px;width:40px}.fph-loading p{color:#6c757d;font-size:14px;margin:0}.fph-table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;overflow:hidden}.fph-table{border-collapse:collapse;min-width:1200px;width:100%}.fph-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.fph-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:15px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.fph-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:14px 12px;vertical-align:middle}.fph-table tbody tr:hover{background-color:#f8f9fa}.fph-table tbody tr:last-child td{border-bottom:none}.fph-row-fee{border-left:4px solid #0d6efd}.fph-row-expense{border-left:4px solid #dc3545}.fph-date-cell{color:#495057;font-size:13px;min-width:180px;white-space:nowrap}.fph-type-cell .fph-type-wrapper{align-items:center;display:flex;gap:8px}.fph-type-icon{font-size:16px}.fph-fee-icon{color:#0d6efd}.fph-expense-icon{color:#dc3545}.fph-type-text{font-size:13px;font-weight:500;text-transform:capitalize}.fph-description-cell{max-width:250px;min-width:200px}.fph-remarks{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}.fph-month-cell{color:#6c757d;font-size:13px;min-width:100px;white-space:nowrap}.fph-amount-cell{color:#2c3e50;font-weight:600;white-space:nowrap}.fph-paid-cell,.fph-pending-cell{font-weight:500;white-space:nowrap}.fph-pending-cell .zero{color:#28a745!important}.fph-pending-cell .fph-pending-amount{color:#dc3545}.fph-status-cell .fph-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.fph-status-paid{background-color:#d4edda;color:#155724}.fph-status-partial{background-color:#fff3cd;color:#856404}.fph-status-unpaid{background-color:#f8d7da;color:#721c24}.fph-mode-cell .fph-mode-badge{background-color:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.fph-transaction-cell{color:#6c757d;font-family:Courier New,monospace;font-size:12px;max-width:150px;word-break:break-all}.fph-results-summary{align-items:center;background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;font-size:14px;justify-content:space-between;padding:15px 20px}.fph-results-count{color:#495057;font-weight:500}.fph-results-total{color:#2c3e50;font-weight:600}@media (max-width:768px){.family-payment-history-container{padding:15px}.fph-header{align-items:flex-start;flex-direction:column;gap:15px}.fph-actions{justify-content:flex-start;width:100%}.fph-date-range{align-items:stretch;flex-direction:column}.fph-date-separator{text-align:center}.fph-table-container{overflow-x:auto}.fph-table{min-width:1000px}.fph-summary-cards{grid-template-columns:1fr}.fph-filter-actions,.fph-results-summary{flex-direction:column}.fph-results-summary{align-items:flex-start;gap:10px}}@media (max-width:480px){.fph-filter-buttons{flex-direction:column}.fph-filter-btn{justify-content:center}.fph-month-select{width:100%}}:root{--primary-gradient:linear-gradient(135deg,#4361ee,#3a0ca3);--secondary-gradient:linear-gradient(135deg,#7209b7,#560bad);--light-bg:#f8fafc;--white:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-medium:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--glass-bg:#ffffff1a;--glass-border:#fff3;--backdrop-blur:blur(10px)}html{scroll-behavior:smooth}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #4361ee;box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px #4361ee;box-shadow:0 0 20px var(--primary-color)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.payFamilyFee-main{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh;overflow-x:hidden;position:relative}.payFamilyFee-main:before{background:radial-gradient(circle at 20% 80%,#4361ee1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#7209b71a 0,#0000 50%),radial-gradient(circle at 40% 40%,#06d6a01a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.main-content{animation:fadeIn .6s ease-out;background:#f8fafc;background:var(--light-bg);display:flex;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh;position:relative;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width));z-index:2}.payFamilyFee-header{animation:slideInUp .5s ease-out;backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-blur);background:#ffffff1a;background:var(--glass-bg);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:1.5rem 2rem;position:sticky;top:0;z-index:1000}.payFamilyFee-headerContent{margin:0 auto;max-width:1400px;width:100%}.payFamilyFee-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#1e293b,#4361ee);background:linear-gradient(135deg,var(--text-primary) 0,#4361ee 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.payFamilyFee-titleIcon{animation:float 3s ease-in-out infinite;color:#4361ee;color:var(--primary-color);font-size:2rem;margin-right:12px}.payFamilyFee-subtitle{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0;opacity:.9}.payFamilyFee-connectionStatus{align-items:center;animation:fadeIn .5s ease-out;background:#ffffffe6;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;margin-top:.75rem;padding:.5rem 1rem;width:fit-content}.payFamilyFee-statusDot{border-radius:50%;height:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:10px}.payFamilyFee-statusDot.connected{animation:pulse 2s infinite;background:#06d6a0;background:var(--success-color);box-shadow:0 0 0 3px #06d6a04d}.payFamilyFee-statusDot.disconnected{background:#ef476f;background:var(--danger-color);box-shadow:0 0 0 3px #ef476f4d}.payFamilyFee-connectionStatus span{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:500}.payFamilyFee-testBtn{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.8rem;font-weight:500;margin-left:auto;padding:.4rem .8rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payFamilyFee-testBtn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-testBtn:disabled{cursor:not-allowed;opacity:.6}.payFamilyFee-tabs{background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 2rem;position:relative;width:100%}.payFamilyFee-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;min-height:60px;overflow:hidden;padding:1rem 1.5rem;position:relative;white-space:nowrap}.payFamilyFee-tab,.payFamilyFee-tab:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-tab:before{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:0}.payFamilyFee-tab:hover{background:#f7fafc;color:#4361ee;color:var(--primary-color)}.payFamilyFee-tab:hover:before{width:80%}.payFamilyFee-tabActive{background:#f7fafc;color:#4361ee;color:var(--primary-color)}.payFamilyFee-tabActive:before{animation:glow 2s infinite;width:100%}.payFamilyFee-tabIcon{font-size:1.1rem;margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-tab:hover .payFamilyFee-tabIcon{transform:scale(1.1)}.payFamilyFee-content{animation:fadeIn .8s ease-out;flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.payFamilyFee-searchSection{animation:slideInUp .6s ease-out;margin-bottom:2rem}.payFamilyFee-searchContainer{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-blur);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;padding:1.5rem;position:relative}.payFamilyFee-searchContainer:before{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.payFamilyFee-searchGroup{margin-bottom:1.5rem;position:relative}.payFamilyFee-searchLabel{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.payFamilyFee-searchIcon{animation:float 2s ease-in-out infinite;color:#4361ee;color:var(--primary-color);margin-right:8px}.family-input-group{position:relative;width:80%}.family-search-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);width:80%}.family-search-input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 4px #4361ee1a;outline:none;transform:translateY(-2px)}.family-search-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.payFamilyFee-idHint{color:#64748b;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem;opacity:.8}.family-suggestion-list{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);left:0;margin-top:5px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.family-suggestion-item{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #f7fafc;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.family-suggestion-item:hover{background:linear-gradient(90deg,#f0f4ff,#f7fafc);padding-left:20px}.family-suggestion-item:last-child{border-bottom:none}.family-suggestion-icon{color:#4361ee;color:var(--primary-color);font-size:1rem;opacity:.8}.family-suggestion-main{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.family-suggestion-sub{color:#64748b;color:var(--text-secondary);font-size:.85rem;margin-top:2px}.payFamilyFee-searchActions{display:flex;flex-wrap:wrap;gap:1rem}.payFamilyFee-searchBtn{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;min-height:48px;min-width:180px;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-searchBtn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.payFamilyFee-searchBtn:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.payFamilyFee-searchBtn:hover:not(:disabled):before{left:100%}.payFamilyFee-searchBtn:disabled{cursor:not-allowed;opacity:.7;transform:none}.payFamilyFee-searchBtnIcon{margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-searchBtn:hover:not(:disabled) .payFamilyFee-searchBtnIcon{transform:scale(1.1) rotate(5deg)}.payFamilyFee-forgotBtn{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:center;min-width:140px;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-forgotBtn:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-forgotIcon{margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-forgotBtn:hover .payFamilyFee-forgotIcon{transform:scale(1.1)}.payFamilyFee-refreshBtn{min-width:120px}.payFamilyFee-refreshBtn:hover:not(:disabled){background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-refreshBtn:disabled{cursor:not-allowed;opacity:.7}.payFamilyFee-refreshIcon{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-refreshBtn:hover:not(:disabled) .payFamilyFee-refreshIcon{transform:rotate(180deg)}.payFamilyFee-loading{animation:rotate 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--white);height:20px;margin-right:10px;width:20px}.payFamilyFee-topCards{grid-gap:1.5rem;animation:slideInUp .7s ease-out;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:1200px){.payFamilyFee-topCards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.payFamilyFee-topCards{grid-template-columns:1fr}}.payFamilyFee-topCard{animation:scaleIn .5s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-topCard:before{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-medium)}.payFamilyFee-topCard:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.payFamilyFee-topCard:hover:before{transform:scaleX(1)}.payFamilyFee-topCardHeader{align-items:center;display:flex;margin-bottom:1rem;position:relative}.payFamilyFee-topCardIcon{color:#4361ee;color:var(--primary-color);font-size:1.5rem;margin-right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-topCard:hover .payFamilyFee-topCardIcon{transform:scale(1.1) rotate(5deg)}.payFamilyFee-topCardHeader h3{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.payFamilyFee-currentMonthName{animation:pulse 2s infinite;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border-radius:20px;color:#fff;color:var(--white);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.payFamilyFee-topCardContent{text-align:center}.payFamilyFee-topCardValue{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#4361ee);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-topCard:hover .payFamilyFee-topCardValue{transform:scale(1.05)}.payFamilyFee-topCardSubtitle{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;opacity:.9}.payFamilyFee-topCardDetails{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.payFamilyFee-topCardDetail{background:#f7fafc;border-radius:8px;border-radius:var(--radius-sm);padding:.5rem;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payFamilyFee-topCardDetail:hover{background:#f0f4ff;transform:translateY(-2px)}.payFamilyFee-topCardDetail span{color:#64748b;color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.25rem}.payFamilyFee-topCardDetail strong{color:#1e293b;color:var(--text-primary);display:block;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payFamilyFee-topCardDetail:hover strong{color:#4361ee;color:var(--primary-color)}.payFamilyFee-topCardDetail .pending{color:#ef476f!important;color:var(--danger-color)!important}.payFamilyFee-currentMonthStatus{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:1rem}.payFamilyFee-currentMonthIcon{animation:float 3s ease-in-out infinite;font-size:2.5rem;margin-right:12px}.payFamilyFee-currentMonthIcon.paid{color:#06d6a0;color:var(--success-color);filter:drop-shadow(0 0 8px rgba(6,214,160,.3))}.payFamilyFee-currentMonthIcon.partial{color:#ffd166;color:var(--warning-color);filter:drop-shadow(0 0 8px rgba(255,209,102,.3))}.payFamilyFee-currentMonthIcon.unpaid{color:#ef476f;color:var(--danger-color);filter:drop-shadow(0 0 8px rgba(239,71,111,.3))}.payFamilyFee-statusText{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#4c1d95);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.payFamilyFee-statusText.paid{color:#06d6a0;color:var(--success-color)}.payFamilyFee-statusText.partial{color:#ffd166;color:var(--warning-color)}.payFamilyFee-statusText.unpaid{color:#ef476f;color:var(--danger-color)}.payFamilyFee-familyCard{animation:slideInUp .6s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-bottom:2rem;overflow:hidden}.payFamilyFee-familyCardHeader{align-items:center;background:linear-gradient(135deg,#667eea10,#764ba210);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;padding:1.5rem}.payFamilyFee-familyIcon{animation:float 3s ease-in-out infinite;color:#4361ee;color:var(--primary-color);font-size:1.5rem;margin-right:12px}.payFamilyFee-familyCardHeader h3{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:1.2rem;font-weight:600;margin:0}.payFamilyFee-familyBadge{animation:pulse 2s infinite;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border-radius:20px;color:#fff;color:var(--white);font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.35rem 1rem}.payFamilyFee-familyInfo{padding:1.5rem}.payFamilyFee-familyRow{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media (max-width:992px){.payFamilyFee-familyRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.payFamilyFee-familyRow{grid-template-columns:1fr}}.payFamilyFee-familyField{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);display:flex;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-familyField:before{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-medium);width:3px}.payFamilyFee-familyField:hover{background:linear-gradient(135deg,#f0f4ff,#e0e8ff);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-familyField:hover:before{transform:scaleY(1)}.payFamilyFee-familyFieldIcon{align-items:center;background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:12px;border-radius:var(--radius-md);color:#4361ee;color:var(--primary-color);display:flex;height:40px;justify-content:center;margin-right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);width:40px}.payFamilyFee-familyField:hover .payFamilyFee-familyFieldIcon{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);color:#fff;color:var(--white);transform:scale(1.1) rotate(5deg)}.payFamilyFee-fieldLabel{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:.25rem}.payFamilyFee-fieldValue{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600}.payFamilyFee-familyActions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:1rem}.payFamilyFee-viewDetailsBtn{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-viewDetailsBtn:hover{box-shadow:0 8px 25px #4361ee66;transform:translateY(-2px)}.payFamilyFee-viewDetailsBtn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.payFamilyFee-viewDetailsBtn:hover:before{left:100%}.payFamilyFee-viewIcon{margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-viewDetailsBtn:hover .payFamilyFee-viewIcon{transform:scale(1.2) rotate(10deg)}.payFamilyFee-membersCard .payFamilyFee-topCardIcon{color:#9f7aea}.payFamilyFee-membersList{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.payFamilyFee-memberPreview{align-items:center;animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);display:flex;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-memberPreview:first-child{animation-delay:.1s}.payFamilyFee-memberPreview:nth-child(2){animation-delay:.2s}.payFamilyFee-memberPreview:nth-child(3){animation-delay:.3s}.payFamilyFee-memberPreview:hover{background:linear-gradient(135deg,#f0f4ff,#e0e8ff);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(5px)}.payFamilyFee-memberAvatar{font-size:.9rem;height:36px;margin-right:12px;width:36px}.payFamilyFee-memberInfo{min-width:0}.payFamilyFee-memberName{font-size:.95rem;margin-bottom:2px}.payFamilyFee-memberClass,.payFamilyFee-memberName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payFamilyFee-memberClass{color:#64748b;color:var(--text-secondary);font-size:.85rem}.payFamilyFee-moreMembers{animation:pulse 2s infinite;background:linear-gradient(135deg,#ebf4ff,#e0e8ff);border:1px dashed #c3dafe;border-radius:12px;border-radius:var(--radius-md);color:#4361ee;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-moreMembers:hover{background:linear-gradient(135deg,#e0e8ff,#c3dafe);border-color:#4361ee;border-color:var(--primary-color);border-style:solid;transform:scale(1.02)}.payFamilyFee-feeContainer{animation:slideInUp .6s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-bottom:2rem;overflow:hidden}.payFamilyFee-feeFormFull{padding:0}.payFamilyFee-monthSection{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:2rem}.payFamilyFee-monthHeader{align-items:center;display:flex;gap:12px;margin-bottom:1.5rem}.payFamilyFee-monthHeaderIcon{animation:float 3s ease-in-out infinite;color:#4361ee;color:var(--primary-color);font-size:1.5rem}.payFamilyFee-monthHeader h3{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:1.3rem;font-weight:600;margin:0}.payFamilyFee-monthYear{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border-radius:20px;color:#fff;color:var(--white);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.payFamilyFee-monthGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,auto);margin-bottom:1.5rem;position:relative}.payFamilyFee-monthCard:nth-child(-n+5){animation:slideInUp .3s ease-out}.payFamilyFee-monthCard:nth-child(n+6):nth-child(-n+10){animation:slideInUp .3s ease-out .1s both}.payFamilyFee-monthCard:nth-child(n+11):nth-child(-n+12){animation:slideInUp .3s ease-out .2s both;grid-column:span 1}.payFamilyFee-monthCard:nth-child(11){grid-column:2}.payFamilyFee-monthCard:nth-child(12){grid-column:4}@media (max-width:1200px){.payFamilyFee-monthGrid{grid-template-columns:repeat(4,1fr)}.payFamilyFee-monthCard:nth-child(11){grid-column:2}.payFamilyFee-monthCard:nth-child(12){grid-column:3}}@media (max-width:992px){.payFamilyFee-monthGrid{grid-template-columns:repeat(3,1fr)}.payFamilyFee-monthCard:nth-child(11),.payFamilyFee-monthCard:nth-child(12){grid-column:auto}}@media (max-width:768px){.payFamilyFee-monthGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.payFamilyFee-monthGrid{grid-template-columns:1fr}}.payFamilyFee-monthCard{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(145deg,#fff,#f7fafc);border:2px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-monthCard:before{background:linear-gradient(135deg,#4361ee1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-medium)}.payFamilyFee-monthCard:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px) scale(1.02)}.payFamilyFee-monthCard:hover:before{opacity:1}.payFamilyFee-monthCard.paid{background:linear-gradient(145deg,#f0fff4,#d4f4dd);border-color:#06d6a0;border-color:var(--success-color)}.payFamilyFee-monthCard.partial{background:linear-gradient(145deg,#fffaf0,#feecc8);border-color:#ffd166;border-color:var(--warning-color)}.payFamilyFee-monthCard.unpaid{background:linear-gradient(145deg,#fff5f5,#fed7d7);border-color:#ef476f;border-color:var(--danger-color)}.payFamilyFee-monthCardSelected{animation:pulse 2s infinite;background:linear-gradient(145deg,#ebf4ff,#c3dafe);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 3px #4361ee1a,var(--shadow-lg)}.payFamilyFee-monthCardSelected:hover{animation:pulse 2s infinite,glow 2s infinite}.payFamilyFee-monthCardHeader{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;position:relative;z-index:1}.payFamilyFee-monthIcon{font-size:1.5rem;margin-right:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-monthCard:hover .payFamilyFee-monthIcon{transform:scale(1.2) rotate(10deg)}.payFamilyFee-monthCard.paid .payFamilyFee-monthIcon{color:#06d6a0;color:var(--success-color)}.payFamilyFee-monthCard.partial .payFamilyFee-monthIcon{color:#ffd166;color:var(--warning-color)}.payFamilyFee-monthCard.unpaid .payFamilyFee-monthIcon{color:#ef476f;color:var(--danger-color)}.payFamilyFee-monthName{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-monthCard:hover .payFamilyFee-monthName{color:#4361ee;color:var(--primary-color);transform:scale(1.05)}.payFamilyFee-monthAmount{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;justify-content:center;margin-bottom:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);z-index:1}.payFamilyFee-monthCard:hover .payFamilyFee-monthAmount{color:#4361ee;color:var(--primary-color);transform:scale(1.1)}.payFamilyFee-rupeeIcon{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-right:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-monthCard:hover .payFamilyFee-rupeeIcon{color:#4361ee;color:var(--primary-color);transform:scale(1.2)}.payFamilyFee-monthStatus{margin-top:auto;position:relative;z-index:1}.payFamilyFee-statusIndicator{font-weight:600;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-monthCard.paid .payFamilyFee-statusIndicator{background:linear-gradient(135deg,#06d6a0,#059669);background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);color:#fff}.payFamilyFee-monthCard.partial .payFamilyFee-statusIndicator{background:linear-gradient(135deg,#ffd166,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);color:#fff}.payFamilyFee-monthCard.unpaid .payFamilyFee-statusIndicator{background:linear-gradient(135deg,#ef476f,#dc2626);background:linear-gradient(135deg,var(--danger-color) 0,#dc2626 100%);color:#fff}.payFamilyFee-monthCard:hover .payFamilyFee-statusIndicator{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-monthCheck{align-items:center;animation:scaleIn .3s ease-out,float 3s ease-in-out infinite;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);display:flex;font-size:.9rem;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px;z-index:2}.payFamilyFee-monthSummary{grid-gap:1.5rem;animation:slideInUp .4s ease-out;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}@media (max-width:768px){.payFamilyFee-monthSummary{grid-template-columns:1fr}}.payFamilyFee-summaryItem{background:#fff;background:var(--white);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-summaryItem:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.payFamilyFee-summaryItem span{font-weight:500;margin-bottom:.5rem}.payFamilyFee-summaryValue{align-items:center;display:flex;flex-direction:column}.payFamilyFee-summaryValue strong{color:#1e293b;color:var(--text-primary);font-size:1.8rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-summaryItem:hover .payFamilyFee-summaryValue strong{color:#4361ee;color:var(--primary-color);transform:scale(1.05)}.payFamilyFee-totalAmount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary-color) 0,#3a0ca3 100%);-webkit-background-clip:text;background-clip:text}.payFamilyFee-statusBadge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.payFamilyFee-statusBadge.single{background:linear-gradient(135deg,#06d6a0,#059669);background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);color:#fff}.payFamilyFee-statusBadge.multiple{background:linear-gradient(135deg,#ffd166,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);color:#fff}.payFamilyFee-paymentForm{padding:2rem}.payFamilyFee-formHeader{align-items:center;display:flex;gap:12px;margin-bottom:1.5rem}.payFamilyFee-formHeaderIcon{animation:float 3s ease-in-out infinite;color:#4361ee;color:var(--primary-color);font-size:1.5rem}.payFamilyFee-formHeader h3{color:#1e293b;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.payFamilyFee-formRow{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (max-width:992px){.payFamilyFee-formRow{grid-template-columns:1fr}}.payFamilyFee-formGroup{animation:slideInUp .4s ease-out;margin-bottom:1.5rem}.payFamilyFee-formGroup:nth-child(odd){animation-delay:.1s}.payFamilyFee-formGroup:nth-child(2n){animation-delay:.2s}.payFamilyFee-formLabel{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.payFamilyFee-labelIcon{color:#4361ee;color:var(--primary-color);font-size:1rem;margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-formGroup:focus-within .payFamilyFee-labelIcon{transform:scale(1.1) rotate(5deg)}.payFamilyFee-formInput,.payFamilyFee-formSelect,.payFamilyFee-formTextarea{background:#fff;background:var(--white);border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);width:80%}.payFamilyFee-formInput:focus,.payFamilyFee-formSelect:focus,.payFamilyFee-formTextarea:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 4px #4361ee1a;outline:none;transform:translateY(-2px)}.payFamilyFee-formSelect{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234361ee'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:2.5rem}.payFamilyFee-formTextarea{font-family:Inter,sans-serif;min-height:80px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-formTextarea:focus{min-height:100px}.payFamilyFee-discountedAmount{background:linear-gradient(135deg,#f0fff4,#d4f4dd)!important;border-color:#06d6a0!important;border-color:var(--success-color)!important;color:#06d6a0!important;color:var(--success-color)!important;font-weight:600}.payFamilyFee-selectedMonths{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;min-height:60px;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-selectedMonths:focus-within{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 4px #4361ee1a}.payFamilyFee-monthTag{align-items:center;animation:scaleIn .3s ease-out;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border-radius:20px;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-monthTag:hover{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#3a0ca3,#2d0689);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.05)}.payFamilyFee-monthTagClose{font-size:.8rem;margin-left:6px;opacity:.8;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payFamilyFee-monthTag:hover .payFamilyFee-monthTagClose{opacity:1;transform:rotate(90deg)}.payFamilyFee-noMonths{color:#a0aec0;font-size:.95rem;font-style:italic;padding:.5rem;text-align:center;width:100%}.payFamilyFee-formActions{animation:slideInUp .5s ease-out .3s both;border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.payFamilyFee-formActions{flex-direction:column}}.payFamilyFee-clearBtn,.payFamilyFee-printBtn,.payFamilyFee-submitBtn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;justify-content:center;min-height:48px;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-clearBtn{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;color:#1e293b;color:var(--text-primary)}.payFamilyFee-clearBtn:hover:not(:disabled){background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.payFamilyFee-printBtn{background:linear-gradient(135deg,#06d6a0,#059669);background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);color:#fff;color:var(--white)}.payFamilyFee-printBtn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 20px #06d6a04d;transform:translateY(-2px)}.payFamilyFee-submitBtn{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);color:#fff;color:var(--white)}.payFamilyFee-submitBtn:hover:not(:disabled){background:linear-gradient(135deg,#3a0ca3,#2d0689);box-shadow:0 8px 25px #4361ee66;transform:translateY(-2px)}.payFamilyFee-clearBtn:disabled,.payFamilyFee-printBtn:disabled,.payFamilyFee-submitBtn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.payFamilyFee-clearIcon,.payFamilyFee-printIcon,.payFamilyFee-submitIcon{font-size:1rem;margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.payFamilyFee-clearBtn:hover:not(:disabled) .payFamilyFee-clearIcon,.payFamilyFee-printBtn:hover:not(:disabled) .payFamilyFee-printIcon,.payFamilyFee-submitBtn:hover:not(:disabled) .payFamilyFee-submitIcon{transform:scale(1.1)}.payFamilyFee-expenseTab,.payFamilyFee-historyTab,.payFamilyFee-statsTab{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);min-height:500px;padding:1.5rem}.payFamilyFee-sectionHeader{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:0;padding:1.5rem}.payFamilyFee-sectionTitle{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#1e293b,#4361ee);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.payFamilyFee-sectionIcon{animation:float 3s ease-in-out infinite;color:#4361ee;color:var(--primary-color);margin-right:12px}.payFamilyFee-sectionDescription{color:#64748b;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0;opacity:.9}.swal-wide{background:#fff!important;background:var(--white)!important;border:1px solid #fff3!important;border:1px solid var(--glass-border)!important;border-radius:24px!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;box-shadow:var(--shadow-xl)!important;height:90vh;max-width:800px!important;overflow:scroll!important}.swal-wide .swal2-popup{background:linear-gradient(135deg,#fff,#f7fafc)!important;border:none!important;border-radius:24px!important;border-radius:var(--radius-xl)!important}.swal-wide .swal2-title{-webkit-text-fill-color:#0000!important;align-items:center!important;background:linear-gradient(135deg,#1e293b,#4361ee)!important;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#1e293b!important;color:var(--text-primary)!important;display:flex!important;font-size:1.5rem!important;font-weight:700!important;justify-content:center!important;padding:1rem 0!important}.swal-wide .swal2-html-container{color:#64748b!important;color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.6!important;padding:0 1.5rem!important}.swal-wide .swal2-confirm{background:linear-gradient(135deg,#4361ee,#3a0ca3)!important;background:var(--primary-gradient)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-md)!important;font-weight:600!important;padding:.75rem 2rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-medium)!important}.swal-wide .swal2-confirm:hover{box-shadow:0 6px 20px #4361ee66!important;transform:translateY(-2px)!important}.payFamilyFee-familyModal{animation:fadeIn .5s ease-out;padding:1rem 0}.payFamilyFee-familyModalHeader{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#1e293b;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem}.payFamilyFee-familyModalGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media (max-width:768px){.payFamilyFee-familyModalGrid{grid-template-columns:1fr}}.payFamilyFee-familyModalField{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-familyModalField:hover{background:linear-gradient(135deg,#f0f4ff,#e0e8ff);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-familyModalField label{color:#64748b;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.payFamilyFee-familyModalValue{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600}.payFamilyFee-familyMembers{margin-bottom:2rem}.payFamilyFee-familyMembers h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.payFamilyFee-membersList{max-height:300px;overflow-y:auto;padding-right:10px}.payFamilyFee-memberItem{align-items:center;animation:slideInRight .3s ease-out;animation-fill-mode:both;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);display:flex;margin-bottom:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-memberItem:nth-child(odd){animation-delay:.1s}.payFamilyFee-memberItem:nth-child(2n){animation-delay:.2s}.payFamilyFee-memberItem:hover{background:linear-gradient(135deg,#f0f4ff,#e0e8ff);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(5px)}.payFamilyFee-memberAvatar{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-right:1rem;width:40px}.payFamilyFee-memberInfo{flex:1 1}.payFamilyFee-memberName{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.payFamilyFee-memberDetails{color:#64748b;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.payFamilyFee-feeAmount{color:#4361ee;color:var(--primary-color);font-weight:600}.payFamilyFee-familyModalFooter{grid-gap:1.5rem;border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.payFamilyFee-familyModalFooter{grid-template-columns:1fr}}.payFamilyFee-familyModalStat{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-familyModalStat:hover{background:linear-gradient(135deg,#f0f4ff,#e0e8ff);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.payFamilyFee-familyModalStat div:first-child{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.payFamilyFee-familyModalAmount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#4361ee);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.8rem;font-weight:700}.payFamilyFee-familyModalPending{background:linear-gradient(135deg,#ef476f,#dc2626)!important;background:linear-gradient(135deg,var(--danger-color) 0,#dc2626 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#ef476f!important;color:var(--danger-color)!important}.payFamilyFee-successModal{animation:scaleIn .5s ease-out;padding:1rem;text-align:center}.payFamilyFee-successModal h3{color:#1e293b;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:1rem 0}.payFamilyFee-successModal p{color:#64748b;color:var(--text-secondary);margin-bottom:1.5rem}.payFamilyFee-receiptInfo{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.5rem;text-align:left}.payFamilyFee-receiptInfo div{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.payFamilyFee-receiptInfo div:last-child{border-bottom:none}.payFamilyFee-receiptInfo strong{color:#1e293b;color:var(--text-primary);font-weight:600}.payFamilyFee-receiptInfo span{color:#64748b;color:var(--text-secondary)}.validation-error{padding:1rem;text-align:center}.validation-error h3{color:#ef476f;color:var(--danger-color);font-size:1.3rem;font-weight:600;margin:1rem 0}.validation-error p{color:#64748b;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.validation-details{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;border-radius:16px;border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem;text-align:left}.validation-details div{border-bottom:1px solid #fed7d7;display:flex;justify-content:space-between;padding:.5rem 0}.validation-details div:last-child{border-bottom:none}.validation-note{background:linear-gradient(135deg,#fffaf0,#feebc8);border:1px solid #fbd38d;border-radius:12px;border-radius:var(--radius-md);color:#744210;font-weight:500;padding:1rem}.swal2-close{color:#64748b!important;color:var(--text-secondary)!important;font-size:1.5rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-fast)!important}.swal2-close:hover{color:#ef476f!important;color:var(--danger-color)!important;transform:scale(1.2) rotate(90deg)!important}.swal2-container{transition:background-color .3s ease;z-index:99999!important}.swal2-no-scroll{overflow:hidden!important}.swal2-backdrop-show{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0f172abf!important}.swal2-shown .swal2-container{overflow-y:hidden!important}.swal2-show{animation:modalContentIn .3s cubic-bezier(.4,0,.2,1) forwards!important}.swal2-hide{animation:modalContentOut .2s cubic-bezier(.4,0,.2,1) forwards!important}.swal2-html-container{margin:0!important;max-height:65vh!important;overflow-y:auto!important;padding:0 1.5rem 1.5rem!important;scrollbar-color:#4361ee #f1f1f1;scrollbar-color:var(--primary-color) #f1f1f1;scrollbar-width:thin}@keyframes modalContentIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.swal2-html-container::-webkit-scrollbar{width:6px}.swal2-html-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.swal2-html-container::-webkit-scrollbar-thumb{background:#4361ee;border-radius:3px}.swal2-html-container::-webkit-scrollbar-thumb:hover{background:#3a0ca3}.payFamilyFee-statusModal{padding:10px}.payFamilyFee-statusModal h3{color:#1e293b;color:var(--text-primary);font-size:1.3rem;margin-bottom:15px}.payFamilyFee-statusModal .status-old{color:#06d6a0;color:var(--success-color);font-weight:700}.payFamilyFee-statusModal .status-new{color:#ffd166;color:var(--warning-color);font-weight:700}.payFamilyFee-statusModal .status-limbo{color:#ef476f;color:var(--danger-color);font-weight:700}.payFamilyFee-statusDetails{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);margin-top:15px;padding:15px}.payFamilyFee-statsGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px}.payFamilyFee-statBox{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);padding:10px;text-align:center}.payFamilyFee-statBox span{color:#64748b;color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:5px}.payFamilyFee-statBox strong{color:#1e293b;color:var(--text-primary);display:block;font-size:1.2rem;font-weight:700}.payFamilyFee-initialSetupModal{padding:10px}.payFamilyFee-setupHeader{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;margin-bottom:20px;padding-bottom:15px}.payFamilyFee-setupHeader h3{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:1.3rem;margin:0}.payFamilyFee-setupStatus{border-radius:20px;font-size:.85rem;font-weight:600;padding:5px 15px}.payFamilyFee-setupStatus.status-new{background:linear-gradient(135deg,#ffd166,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);color:#fff}.payFamilyFee-setupSummary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.payFamilyFee-summaryItem{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);padding:15px;text-align:center}.payFamilyFee-summaryItem span{color:#64748b;color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:8px}.payFamilyFee-summaryItem strong{color:#1e293b;color:var(--text-primary);display:block;font-size:1.3rem;font-weight:700}.payFamilyFee-summaryItem strong.pending{color:#ef476f;color:var(--danger-color)}.payFamilyFee-setupRecords{margin-bottom:20px}.payFamilyFee-setupRecords h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin-bottom:15px}.payFamilyFee-recordsList{max-height:300px;overflow-y:auto;padding-right:10px}.payFamilyFee-recordItem{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);margin-bottom:10px;padding:15px}.payFamilyFee-recordHeader{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.payFamilyFee-studentName{color:#1e293b;color:var(--text-primary);font-weight:600}.payFamilyFee-studentId{color:#64748b;color:var(--text-secondary);font-size:.9rem}.payFamilyFee-recordRow{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.payFamilyFee-recordRow span:first-child{color:#64748b;color:var(--text-secondary)}.payFamilyFee-recordRow span:last-child{color:#1e293b;color:var(--text-primary);font-weight:500}.payFamilyFee-recordRow.total{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:10px;padding-top:8px}.payFamilyFee-recordRow.total strong{color:#ef476f;color:var(--danger-color);font-size:1.1rem}.payFamilyFee-setupNote{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;border-radius:var(--radius-md);color:#1565c0;display:flex;font-size:.9rem;margin-top:15px;padding:12px 15px}.payFamilyFee-limboContent{animation:slideInUp .6s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin:2rem auto;max-width:1200px;padding:2rem}.payFamilyFee-limboHeader{margin-bottom:2rem;text-align:center}.payFamilyFee-limboIcon{color:#ffd166;color:var(--warning-color);font-size:3rem;margin-bottom:1rem}.payFamilyFee-limboHeader h2{color:#1e293b;color:var(--text-primary);font-size:1.8rem;margin-bottom:.5rem}.payFamilyFee-limboHeader p{color:#64748b;color:var(--text-secondary);font-size:1.1rem}.payFamilyFee-limboCard{grid-gap:2rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding:2rem}@media (max-width:992px){.payFamilyFee-limboCard{grid-template-columns:1fr}}.payFamilyFee-limboAction h3,.payFamilyFee-limboInfo h3{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#1e293b;color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.75rem}.payFamilyFee-limboDetails{display:flex;flex-direction:column;gap:.75rem}.payFamilyFee-limboDetail{background:#fff;background:var(--white);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.payFamilyFee-limboDetail strong{color:#1e293b;color:var(--text-primary);font-weight:600}.payFamilyFee-limboAction p,.payFamilyFee-limboDetail span{color:#64748b;color:var(--text-secondary)}.payFamilyFee-limboAction p{line-height:1.6;margin-bottom:1.5rem}.payFamilyFee-limboSteps{background:linear-gradient(135deg,#f0fff4,#d4f4dd);border:1px solid #06d6a0;border:1px solid var(--success-color);border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.payFamilyFee-limboSteps h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.payFamilyFee-limboSteps ol{color:#64748b;color:var(--text-secondary);line-height:1.8;margin:0;padding-left:1.5rem}.payFamilyFee-limboSteps li{margin-bottom:.5rem;position:relative}.payFamilyFee-limboButtons{display:flex;gap:1rem;margin-top:1.5rem}.payFamilyFee-setupBtn{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-setupBtn:hover{box-shadow:0 8px 25px #4361ee66;transform:translateY(-2px)}.payFamilyFee-setupIcon{margin-right:8px}.payFamilyFee-refreshBtn{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-weight:500;justify-content:center;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-refreshBtn:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payFamilyFee-refreshIcon{margin-right:8px}.payFamilyFee-statusBanner{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#fff9db,#fff3cd);border:2px solid #ffc107;border-radius:16px;border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem}.payFamilyFee-statusBanner.status-new{background:linear-gradient(135deg,#fff9db,#fff3cd);border-color:#ffc107}.payFamilyFee-statusBannerContent{align-items:center;display:flex;gap:15px}.payFamilyFee-statusIcon{color:#ff9800;font-size:2rem}.payFamilyFee-statusBannerContent h3{color:#856404;font-size:1.3rem;font-weight:600;margin:0 0 5px}.payFamilyFee-statusBannerContent p{color:#665c1c;font-size:1rem;line-height:1.5;margin:0}.payFamilyFee-initialSetupSummary{animation:slideInUp .6s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:1.5rem 0;padding:2rem}.payFamilyFee-summaryCards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}@media (max-width:768px){.payFamilyFee-summaryCards{grid-template-columns:1fr}}.payFamilyFee-summaryCard{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-summaryCard:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.payFamilyFee-summaryCardHeader{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:1rem}.payFamilyFee-summaryIcon{color:#4361ee;color:var(--primary-color);font-size:1.5rem}.payFamilyFee-summaryCardHeader h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.payFamilyFee-summaryCardContent{text-align:center}.payFamilyFee-summaryCardValue{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.payFamilyFee-summaryCardValue.pending{color:#ef476f;color:var(--danger-color)}.payFamilyFee-summaryCardLabel{color:#64748b;color:var(--text-secondary);font-size:.9rem}.payFamilyFee-initialPaymentForm{animation:slideInUp .7s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-top:2rem;padding:2rem}.payFamilyFee-clearBtn:disabled,.payFamilyFee-clearBtn:disabled:hover,.payFamilyFee-forgotBtn:disabled,.payFamilyFee-forgotBtn:disabled:hover,.payFamilyFee-printBtn:disabled,.payFamilyFee-printBtn:disabled:hover,.payFamilyFee-refreshBtn:disabled,.payFamilyFee-refreshBtn:disabled:hover,.payFamilyFee-searchBtn:disabled,.payFamilyFee-searchBtn:disabled:hover,.payFamilyFee-submitBtn:disabled,.payFamilyFee-submitBtn:disabled:hover,.payFamilyFee-testBtn:disabled,.payFamilyFee-testBtn:disabled:hover{box-shadow:none!important;cursor:not-allowed!important;opacity:.5;transform:none!important}.payFamilyFee-viewSetupBtn{align-items:center;background:linear-gradient(135deg,#ffd166,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;margin-left:1rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-viewSetupBtn:hover{box-shadow:0 8px 25px #ffd16666;transform:translateY(-2px)}.payFamilyFee-statusIndicator{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-left:1rem;padding:.4rem 1rem;text-transform:uppercase}.payFamilyFee-statusIndicator.old{background:linear-gradient(135deg,#06d6a0,#059669);background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);color:#fff}.payFamilyFee-statusIndicator.new{background:linear-gradient(135deg,#ffd166,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);color:#fff}.family-suggestion-list{left:0!important;width:100%!important}@media (max-width:768px){.payFamilyFee-limboCard{padding:1rem}.payFamilyFee-limboButtons{flex-direction:column}.payFamilyFee-refreshBtn,.payFamilyFee-setupBtn{width:100%}.payFamilyFee-viewSetupBtn{margin-left:0;margin-top:1rem;width:100%}.payFamilyFee-summaryCards{grid-template-columns:1fr}}.payFamilyFee-beautifulWarning{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#fff9db,#fff3cd);border:2px solid #ffc107;border-radius:12px;box-shadow:0 8px 30px #ffc10733;margin:20px auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.payFamilyFee-beautifulWarning:before{background:linear-gradient(90deg,#ffc107,#ff9800,#ff5722);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.payFamilyFee-warningHeader{align-items:center;border-bottom:2px solid #ffc1074d;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.payFamilyFee-warningIcon{background:#fff;border-radius:50%;box-shadow:0 4px 12px #ff98004d;color:#ff9800;font-size:32px;padding:10px}.payFamilyFee-warningHeader h3{color:#856404;flex:1 1;font-size:24px;font-weight:700;margin:0}.payFamilyFee-warningClose{background:none;border:none;border-radius:50%;color:#ff9800;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.payFamilyFee-warningClose:hover{background:#ff98001a;transform:rotate(90deg)}.payFamilyFee-warningContent{padding:20px 0}.payFamilyFee-warningMessage{color:#856404;font-size:18px;font-weight:500;line-height:1.6;margin-bottom:15px}.payFamilyFee-warningDetails{background:#ffffffb3;border-left:4px solid #ffc107;border-radius:8px;color:#665c1c;font-size:16px;line-height:1.5;margin-bottom:25px;padding:15px}.payFamilyFee-warningActions{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.payFamilyFee-warningActionBtn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.payFamilyFee-warningActionBtn.primary{background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 4px 15px #ff980066;color:#fff}.payFamilyFee-warningActionBtn.primary:hover{box-shadow:0 6px 20px #ff980099;transform:translateY(-2px)}.payFamilyFee-warningActionBtn.secondary{background:#fff;border:2px solid #ff9800;color:#ff9800}.payFamilyFee-warningActionBtn.secondary:hover{background:#fff9db;transform:translateY(-2px)}.payFamilyFee-warningActionBtn.info{background:#e3f2fd;border:2px solid #2196f3;color:#2196f3}.payFamilyFee-warningActionBtn.info:hover{background:#bbdefb;transform:translateY(-2px)}.payFamilyFee-warningActionIcon{font-size:18px}.payFamilyFee-warningFooter{align-items:center;border-top:1px solid #ffc1074d;color:#665c1c;display:flex;font-size:14px;gap:10px;margin-top:20px;padding-top:15px}.payFamilyFee-footerIcon{color:#ff9800}@media (max-width:768px){.payFamilyFee-beautifulWarning{margin:15px;padding:15px}.payFamilyFee-warningHeader{flex-direction:column;gap:10px;text-align:center}.payFamilyFee-warningHeader h3{font-size:20px}.payFamilyFee-warningActions{flex-direction:column}.payFamilyFee-warningActionBtn{justify-content:center;width:100%}}.payFamilyFee-beautifulWarning{animation:slideIn .5s ease-out,pulseGlow 2s infinite}.payFamilyFee-emptyState{animation:scaleIn .6s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin:2rem auto;max-width:800px;padding:4rem 2rem;text-align:center}.payFamilyFee-emptyStateIcon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:50%;color:#4361ee;color:var(--primary-color);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.payFamilyFee-emptyState h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#4361ee);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.payFamilyFee-emptyState p{color:#64748b;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.payFamilyFee-emptyStateTips{animation:slideInUp .4s ease-out .3s both;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:1.5rem;text-align:left}.payFamilyFee-emptyStateTips h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.payFamilyFee-emptyStateTips ul{color:#64748b;color:var(--text-secondary);line-height:1.8;margin:0;padding-left:1.5rem}.payFamilyFee-emptyStateTips li{margin-bottom:.5rem;padding-left:.5rem;position:relative}.payFamilyFee-emptyStateTips li:before{color:#4361ee;color:var(--primary-color);content:"→";font-weight:700;left:-1rem;position:absolute}.payFamilyFee-testConnectionBtn{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;justify-content:center;margin:1rem auto;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.payFamilyFee-testConnectionBtn:hover{box-shadow:0 8px 25px #4361ee66;transform:translateY(-2px)}.payFamilyFee-dbIcon{margin-right:8px}.payFamilyFee-footer{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#fff,#f7fafc);background:linear-gradient(135deg,var(--white) 0,#f7fafc 100%);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);box-shadow:0 -4px 20px #0000000d;margin-top:auto;padding:1.5rem 2rem}.payFamilyFee-footerContent{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}@media (max-width:768px){.payFamilyFee-footerContent{flex-direction:column;gap:1rem;text-align:center}}.payFamilyFee-footerLeft{flex:1 1}.payFamilyFee-footerLogo{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.payFamilyFee-footerIcon{animation:float 3s ease-in-out infinite;color:#4361ee;color:var(--primary-color);margin-right:8px}.payFamilyFee-footerText{color:#64748b;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;opacity:.9}.payFamilyFee-footerRight{align-items:center;display:flex;gap:2rem}@media (max-width:768px){.payFamilyFee-footerRight{align-items:center;flex-direction:column;gap:1rem}}.payFamilyFee-systemStatus{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500}.payFamilyFee-lastUpdated{color:#a0aec0;font-size:.85rem;opacity:.8}::-webkit-scrollbar-track{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--primary-gradient);-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3a0ca3,#2d0689);transform:scale(1.1)}@media (max-width:1200px){.main-content{margin-left:0;width:100%}.payFamilyFee-content,.payFamilyFee-footerContent,.payFamilyFee-headerContent,.payFamilyFee-tabs{padding-left:1rem;padding-right:1rem}.payFamilyFee-tabs{padding:0 1rem}}@media (max-width:768px){.payFamilyFee-content,.payFamilyFee-header,.payFamilyFee-searchSection{padding:1rem}.payFamilyFee-monthCard{min-height:120px;padding:1rem}.payFamilyFee-monthName{font-size:.9rem}.payFamilyFee-monthAmount{font-size:1rem}.payFamilyFee-statusIndicator{font-size:.7rem;padding:.2rem .5rem}}@media (max-width:576px){.payFamilyFee-tab{font-size:.85rem;min-height:50px;padding:.75rem}.payFamilyFee-tabIcon{font-size:1rem;margin-right:6px}.payFamilyFee-searchActions{flex-direction:column}.payFamilyFee-forgotBtn,.payFamilyFee-refreshBtn,.payFamilyFee-searchBtn{min-width:100%}}@media print{.payFamilyFee-main{background:none!important}.main-content{margin:0;width:100%}.payFamilyFee-footer,.payFamilyFee-formActions,.payFamilyFee-header,.payFamilyFee-searchSection,.payFamilyFee-tabs{display:none}.payFamilyFee-monthGrid{grid-template-columns:repeat(4,1fr)}.payFamilyFee-monthCard{animation:none!important;border:2px solid #000!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.payFamilyFee-monthCardSelected{border:3px solid #000!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{--light-bg:#1e293b;--white:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#334155}.payFamilyFee-main{background:linear-gradient(135deg,#4c1d95,#312e81)}.payFamilyFee-main:before{background:radial-gradient(circle at 20% 80%,#4361ee33 0,#0000 50%),radial-gradient(circle at 80% 20%,#7209b733 0,#0000 50%),radial-gradient(circle at 40% 40%,#06d6a033 0,#0000 50%)}}.payFamilyFee-familyPaymentHistoryTab{background:#f8f9fa;border-radius:8px;margin-top:20px;min-height:600px;padding:20px}.payFamilyFee-tabActive{background-color:#e3f2fd;border-bottom:3px solid #1976d2;color:#1976d2;font-weight:600}.payFamilyFee-familyPaymentHistoryTab .family-payment-history-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0;padding:20px}:root{--status-success:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--status-info:#3b82f6;--gradient-academic:linear-gradient(135deg,#7209b7,#560bad)}.ResultManagement *{box-sizing:border-box;margin:0;padding:0}.ResultManagement{background:linear-gradient(135deg,#f5f7fa,#e4edf5);color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.ResultManagement-header{background:linear-gradient(135deg,#7209b7,#560bad);background:var(--gradient-academic);border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;z-index:100}.ResultManagement-header:before{background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);border-radius:50%;content:"";height:300px;position:absolute;right:0;top:0;width:300px}.ResultManagement-headerContent{position:relative;z-index:1}.ResultManagement-title{align-items:center;color:#fff;display:flex;font-size:2.25rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.ResultManagement-headerIcon{color:#ffffffe6;font-size:2rem}.ResultManagement-subtitle{color:#ffffffe6;font-size:1rem;line-height:1.5;max-width:600px}.ResultManagement-headerActions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.ResultManagement-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ResultManagement-btn:hover:before{height:300px;width:300px}.ResultManagement-btnPrimary{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--gradient-primary);box-shadow:0 4px 12px #4361ee4d;color:#fff}.ResultManagement-btnPrimary:hover{box-shadow:0 6px 20px #4361ee66;transform:translateY(-2px)}.ResultManagement-btnSecondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;color:#fff}.ResultManagement-btnSecondary:hover{background:#ffffff40;transform:translateY(-2px)}.ResultManagement-btnExport{background:#06d6a0;background:var(--success-color);box-shadow:0 4px 12px #06d6a04d;color:#fff}.ResultManagement-btnRefresh{background:#fff3;border-radius:50%;color:#fff;height:44px;padding:0;width:44px}.ResultManagement-btnRefresh:hover{background:#ffffff4d;transform:rotate(45deg)}.ResultManagement-dropdown{display:inline-block;position:relative}.ResultManagement-dropdownContent{animation:slideDown .2s ease-out;background:#fff;border-radius:10px;border-radius:var(--border-radius-md);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:none;margin-top:.5rem;min-width:200px;padding:.5rem;position:absolute;right:0;top:100%;z-index:1000}.ResultManagement-dropdown:hover .ResultManagement-dropdownContent{display:block}.ResultManagement-dropdownContent a{align-items:center;border-radius:6px;border-radius:var(--border-radius-sm);color:#334155;color:var(--gray-700);display:block;display:flex;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-dropdownContent a:hover{background:#f1f5f9;background:var(--gray-100);color:#4361ee;color:var(--primary-color)}.ResultManagement-statsOverview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.ResultManagement-statCard{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.ResultManagement-statCard:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.ResultManagement-statCard:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ResultManagement-statIcon{align-items:center;border-radius:14px;border-radius:var(--border-radius-lg);color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.ResultManagement-statTotal{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--gradient-primary)}.ResultManagement-statExams{background:linear-gradient(135deg,#7209b7,#560bad);background:var(--gradient-academic)}.ResultManagement-statSelected{background:linear-gradient(135deg,#06d6a0,#04a777);background:var(--gradient-success)}.ResultManagement-statFiltered{background:linear-gradient(135deg,#ffd166,#ffb347)}.ResultManagement-statDetails{flex:1 1}.ResultManagement-statValue{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.ResultManagement-statLabel{color:#475569;color:var(--gray-600);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.ResultManagement-statSubtext{color:#64748b;color:var(--gray-500);font-size:.75rem}.ResultManagement-filterSection{background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.ResultManagement-filterHeader{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.ResultManagement-filterHeader h3{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.ResultManagement-filterActions{align-items:center;display:flex;gap:1rem}.ResultManagement-clearFilters{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding:.5rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-clearFilters:hover{background:#f1f5f9;background:var(--gray-100);color:#ef476f;color:var(--danger-color)}.ResultManagement-btnApply{background:#4361ee;background:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-btnApply:hover{background:#3a56d4;background:var(--primary-dark);transform:translateY(-1px)}.ResultManagement-filterGrid{grid-gap:2rem;display:grid;gap:2rem;padding:1.5rem}.ResultManagement-filterRow{display:flex;gap:1.5rem}.ResultManagement-filterGroup{flex:1 1}.ResultManagement-filterLabel{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.ResultManagement-classSelect,.ResultManagement-sectionSelect{position:relative}.ResultManagement-classIcon,.ResultManagement-sectionIcon{color:#94a3b8;color:var(--gray-400);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.ResultManagement-classSelectInput,.ResultManagement-sectionSelectInput{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);cursor:pointer;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.ResultManagement-classSelectInput:focus,.ResultManagement-sectionSelectInput:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.ResultManagement-searchGroup{position:relative}.ResultManagement-searchBox{margin-bottom:.5rem;position:relative}.ResultManagement-searchIcon{color:#94a3b8;color:var(--gray-400);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.ResultManagement-searchInput{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.ResultManagement-searchInput:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.ResultManagement-clearSearch{background:none;border:none;color:#94a3b8;color:var(--gray-400);cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-clearSearch:hover{color:#475569;color:var(--gray-600)}.ResultManagement-searchSuggestions{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.ResultManagement-suggestionItem{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);cursor:pointer;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-suggestionItem:hover{background:var(--gray-50)}.ResultManagement-suggestionItem:last-child{border-bottom:none}.ResultManagement-suggestionText{color:#1e293b;color:var(--gray-800);font-weight:500;margin-bottom:.25rem}.ResultManagement-suggestionMatches{display:flex;flex-wrap:wrap;gap:.5rem}.ResultManagement-suggestionMatch{background:#f1f5f9;background:var(--gray-100);border-radius:var(--border-radius-full);color:#475569;color:var(--gray-600);font-size:.75rem;padding:.125rem .5rem}.ResultManagement-searchTips{color:#64748b;color:var(--gray-500);font-size:.75rem}.ResultManagement-resultsSummary{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.ResultManagement-resultsInfo,.ResultManagement-resultsStats{align-items:center;display:flex;gap:1.5rem}.ResultManagement-resultsStats{flex-wrap:wrap}.ResultManagement-resultsCount strong{color:#0f172a;color:var(--gray-900);font-size:1.25rem}.ResultManagement-resultsSelected{align-items:center;background:linear-gradient(135deg,#06d6a01a,#04a7770d);border-radius:var(--border-radius-full);color:#06d6a0;color:var(--success-color);display:flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem}.ResultManagement-viewControls{display:flex;gap:.5rem}.ResultManagement-viewBtn{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.ResultManagement-viewBtn:hover{border-color:#cbd5e1;border-color:var(--gray-300);color:#1e293b;color:var(--gray-800)}.ResultManagement-viewBtnActive{background:#4361ee;background:var(--primary-color);border-color:#4361ee;border-color:var(--primary-color);color:#fff}.ResultManagement-pageControls{align-items:center;display:flex;gap:.75rem}.ResultManagement-pageSize{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem}.ResultManagement-pageSelect{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--border-radius-sm);font-size:.875rem;padding:.375rem .75rem}.ResultManagement-tableContainer{background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.ResultManagement-tableWrapper{overflow-x:auto}.ResultManagement-table{border-collapse:collapse;min-width:1000px;width:100%}.ResultManagement-table thead{background:linear-gradient(135deg,var(--gray-50) 0,#f1f5f9 100%);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)}.ResultManagement-tableHeader{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);color:#334155;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;position:relative;text-align:left;text-transform:uppercase;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-tableHeader:hover{background:#f1f5f9;background:var(--gray-100)}.ResultManagement-sortIcon{font-size:.75rem;margin-left:.5rem}.ResultManagement-tableCheckbox{padding:0 1rem;text-align:center;width:40px}.ResultManagement-tableCheckbox input{cursor:pointer;height:18px;width:18px}.ResultManagement-table tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-table tbody tr:hover{background:linear-gradient(135deg,#4361ee05,#3a0ca303)}.ResultManagement-rowSelected{background:linear-gradient(135deg,#06d6a00d,#04a77705)}.ResultManagement-table tbody td{padding:1rem 1.25rem;vertical-align:middle}.ResultManagement-studentId{min-width:120px}.ResultManagement-idCell{align-items:center;color:#4361ee;color:var(--primary-color);display:flex;font-weight:500;gap:.5rem}.ResultManagement-studentCell{min-width:250px}.ResultManagement-studentInfo{display:flex;flex-direction:column;gap:.5rem}.ResultManagement-studentName{color:#0f172a;color:var(--gray-900);font-size:.95rem;font-weight:600}.ResultManagement-studentDetails{color:#475569;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.ResultManagement-studentDetails span{align-items:center;display:flex;gap:.25rem}.ResultManagement-classInfo{display:flex;flex-direction:column;gap:.375rem}.ResultManagement-classSection{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-weight:500;gap:.5rem}.ResultManagement-section{background:#f1f5f9;background:var(--gray-100);border-radius:var(--border-radius-full);color:#64748b;color:var(--gray-500);font-size:.75rem;padding:.125rem .5rem}.ResultManagement-contactInfo{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.ResultManagement-address,.ResultManagement-mobile{align-items:center;color:#334155;color:var(--gray-700);display:flex;font-size:.875rem;gap:.5rem}.ResultManagement-address{color:#475569;color:var(--gray-600);font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ResultManagement-actionButtons{display:flex;gap:.5rem;min-width:200px}.ResultManagement-actionBtn{align-items:center;border:none;border-radius:10px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-viewBtn{background:#f1f5f9;background:var(--gray-100);border:1px solid #cbd5e1;border:1px solid var(--gray-300);color:#334155;color:var(--gray-700)}.ResultManagement-viewBtn:hover{background:#e2e8f0;background:var(--gray-200);border-color:#94a3b8;border-color:var(--gray-400);transform:translateY(-1px)}.ResultManagement-resultBtn{background:#4361ee;background:var(--primary-color);box-shadow:0 2px 4px #4361ee33;color:#fff}.ResultManagement-resultBtn:hover{background:#3a56d4;background:var(--primary-dark);box-shadow:0 4px 8px #4361ee4d;transform:translateY(-1px)}.ResultManagement-noData{color:#64748b;color:var(--gray-500);padding:3rem 2rem;text-align:center}.ResultManagement-noData h3{color:#334155;color:var(--gray-700);margin:1rem 0 .5rem}.ResultManagement-noData p{font-size:.875rem;margin-bottom:1.5rem}.ResultManagement-paginationContainer{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.ResultManagement-paginationInfo{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.875rem;gap:1rem}.ResultManagement-paginationSummary{color:#334155;color:var(--gray-700);font-weight:500}.ResultManagement-pagination{display:flex;gap:.5rem}.ResultManagement-pageBtn{align-items:center;background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.ResultManagement-pageBtn:hover:not(:disabled){border-color:#4361ee;border-color:var(--primary-color);color:#4361ee;color:var(--primary-color);transform:translateY(-1px)}.ResultManagement-pageBtn:disabled{cursor:not-allowed;opacity:.5}.ResultManagement-pageBtnActive{background:#4361ee;background:var(--primary-color);border-color:#4361ee;border-color:var(--primary-color);color:#fff}.ResultManagement-pageEllipsis{align-items:center;color:#64748b;color:var(--gray-500);display:flex;height:36px;justify-content:center;width:36px}.ResultManagement-summaryFooter{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem}.ResultManagement-summaryStats{display:flex;flex-wrap:wrap;gap:2rem}.ResultManagement-summaryItem{display:flex;flex-direction:column;gap:.25rem}.ResultManagement-summaryLabel{color:#64748b;color:var(--gray-500);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.ResultManagement-summaryValue{color:#1e293b;color:var(--gray-800);font-size:1.125rem;font-weight:600}.ResultManagement-summarySelected{color:#10b981;color:var(--status-success)}.ResultManagement-summaryExams{color:#7209b7;color:var(--secondary-color)}.ResultManagement-summaryActions{display:flex;gap:1rem}.ResultManagement-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.ResultManagement-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#4361ee;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:1.5rem;width:50px}.ResultManagement-loading p{color:#475569;color:var(--gray-600);font-size:1rem;margin-bottom:.5rem}.ResultManagement-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:99999}.ResultManagement-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden}.ResultManagement-student-details-modal{width:800px}.ResultManagement-exam-type-modal{width:600px}.ResultManagement-modal-header{align-items:center;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.ResultManagement-modal-header h3{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:1.25rem;gap:.75rem;margin:0}.ResultManagement-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.ResultManagement-modal-close:hover{background:#e2e8f0;background:var(--gray-200);color:#334155;color:var(--gray-700)}.ResultManagement-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.ResultManagement-modal-footer{background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.ResultManagement-student-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.ResultManagement-detail-section{background:var(--gray-50);border-radius:14px;border-radius:var(--border-radius-lg);padding:1.25rem}.ResultManagement-detail-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);color:#1e293b;color:var(--gray-800);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.ResultManagement-detail-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.ResultManagement-detail-row:last-child{margin-bottom:0}.ResultManagement-detail-label{color:#475569;color:var(--gray-600);flex-shrink:0;font-size:.875rem;font-weight:500}.ResultManagement-detail-value{color:#1e293b;color:var(--gray-800);font-size:.875rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.ResultManagement-exam-type-info{align-items:center;background:var(--gray-50);border-radius:14px;border-radius:var(--border-radius-lg);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.ResultManagement-exam-type-info p{color:#334155;color:var(--gray-700);font-weight:500;margin:0}.ResultManagement-exam-types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.ResultManagement-exam-type-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:14px;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.ResultManagement-exam-type-card:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.ResultManagement-exam-type-card:before{background:#4361ee;background:var(--primary-color);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.ResultManagement-exam-type-card:hover:before{opacity:1}.ResultManagement-exam-type-icon{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--gradient-primary);border-radius:10px;border-radius:var(--border-radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.ResultManagement-exam-type-content{flex:1 1}.ResultManagement-exam-type-content h4{color:#1e293b;color:var(--gray-800);font-size:1rem;margin:0 0 .25rem}.ResultManagement-exam-type-content p{color:#475569;color:var(--gray-600);font-size:.875rem;margin:0}.ResultManagement-exam-type-arrow{color:#94a3b8;color:var(--gray-400);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ResultManagement-exam-type-card:hover .ResultManagement-exam-type-arrow{color:#4361ee;color:var(--primary-color);transform:translateX(5px)}@media (max-width:1200px){.ResultManagement-statsOverview{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.ResultManagement-filterHeader,.ResultManagement-headerActions{align-items:flex-start;flex-direction:column}.ResultManagement-filterHeader{gap:1rem}.ResultManagement-paginationContainer,.ResultManagement-resultsSummary,.ResultManagement-summaryFooter{align-items:flex-start;flex-direction:column}.ResultManagement-exam-types-grid,.ResultManagement-student-details-grid{grid-template-columns:1fr}}@media (max-width:768px){.ResultManagement-statsOverview{grid-template-columns:1fr}.ResultManagement-filterRow{flex-direction:column;gap:1rem}.ResultManagement-actionButtons{flex-direction:column;gap:.5rem}.ResultManagement-modal{max-width:95%}.ResultManagement-exam-type-modal,.ResultManagement-student-details-modal{width:95%}}@media (max-width:576px){.ResultManagement-resultsStats{align-items:flex-start;flex-direction:column;gap:.5rem}.ResultManagement-pagination{flex-wrap:wrap}.ResultManagement-summaryStats{flex-direction:column;gap:1rem}}@media print{.ResultManagement-actionButtons,.ResultManagement-filterSection,.ResultManagement-header,.ResultManagement-paginationContainer,.ResultManagement-resultsSummary,.ResultManagement-summaryFooter{display:none!important}.ResultManagement-tableContainer{border:1px solid #cbd5e1;border:1px solid var(--gray-300);box-shadow:none}.ResultManagement-table{min-width:auto}.ResultManagement-table td,.ResultManagement-table th{padding:.5rem}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:400px}.loading-spinner{animation:pulse 1.5s infinite;color:#4361ee}.loading-content{text-align:center}.loading-progress{margin-top:1.5rem;width:300px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#4361ee,#3a0ca3);border-radius:4px}@keyframes progress{0%{width:0}50%{width:75%}to{width:100%}}.progress-text{color:#64748b;display:block;font-size:.875rem;margin-top:.5rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.ResultManagement-studentCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.ResultManagement-studentCard:hover{border-color:#4361ee;box-shadow:0 10px 25px #0000001a;transform:translateY(-4px)}.ResultManagement-studentCardSelected{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ResultManagement-cardHeader{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;display:flex;justify-content:space-between;padding:1rem}.ResultManagement-cardCheckbox input{cursor:pointer;height:18px;width:18px}.ResultManagement-cardStudentId{align-items:center;display:flex;font-weight:500;gap:.5rem}.ResultManagement-cardActionBtn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.ResultManagement-cardActionBtn:hover{background:#ffffff4d}.ResultManagement-cardBody{padding:1.5rem}.ResultManagement-cardStudentInfo h4{color:#1e293b;font-size:1.125rem;margin:0 0 1rem}.ResultManagement-cardDetails{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.ResultManagement-cardDetail{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.75rem}.ResultManagement-cardDetail svg{color:#94a3b8;width:16px}.ResultManagement-cardFooter{border-top:1px solid #e2e8f0;padding-top:1.5rem}.ResultManagement-cardResultBtn{align-items:center;background:#4361ee;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:background .2s;width:100%}.ResultManagement-cardResultBtn:hover{background:#3a56d4}.table-responsive{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.table{border-collapse:collapse;font-size:.875rem;width:100%}.table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:middle}.table tbody tr:hover{background:#f8fafc}.table tbody tr.selected{background:#f0f9ff}.cursor-pointer{cursor:pointer}.sort-icon{font-size:.75rem;margin-left:.5rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-overlay.active{display:flex}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-lg{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header-title{align-items:center;display:flex;gap:.75rem}.modal-header h3{color:#1e293b;font-size:1.25rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.modal-close:hover{background:#f1f5f9}.modal-body{max-height:calc(90vh - 130px);overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.student-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background:#f8fafc;border-radius:8px;padding:1.25rem}.detail-section h4{border-bottom:1px solid #e2e8f0;color:#334155;font-size:1rem;margin:0 0 1rem;padding-bottom:.75rem}.detail-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:#64748b;font-size:.875rem;font-weight:500}.detail-value{color:#1e293b;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.exam-types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.exam-type-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.exam-type-card:hover{border-color:#4361ee;box-shadow:0 4px 12px #4361ee1a;transform:translateY(-2px)}.exam-type-icon{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.exam-type-content{flex:1 1}.exam-type-content h4{color:#1e293b;font-size:1rem;margin:0 0 .25rem}.exam-type-content p{color:#64748b;font-size:.875rem;margin:0}.exam-type-arrow{color:#94a3b8;transition:all .2s}.exam-type-card:hover .exam-type-arrow{color:#4361ee;transform:translateX(4px)}.empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{color:#475569;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-success{color:#10b981}.text-info{color:#3b82f6}@media (max-width:768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.exam-types-grid,.student-details-grid{grid-template-columns:1fr}.modal,.modal-lg{margin:1rem}}body{background:#f0f2f5;font-family:Inter,sans-serif}.assessment-report-container{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);display:flex;flex-direction:column;min-height:100vh}.pdf-controls{align-items:center;background:#fff;border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);box-shadow:0 2px 15px #2c32920d;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.pdf-download-btn{align-items:center;background:linear-gradient(135deg,#2c3292,#0e4b95);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #2c329233;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.pdf-download-btn:hover:not(:disabled){box-shadow:0 6px 20px #2c32924d;transform:translateY(-2px)}.pdf-download-btn:disabled{cursor:not-allowed;opacity:.7}.pdf-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.pdf-info{align-items:center;color:#555;color:var(--text-medium);display:flex;font-size:.85rem;gap:.5rem}.pdf-info svg{flex-shrink:0}.assessment-report{grid-gap:12px;background:#fff;box-shadow:0 0 10px #0000001a;color:#2a2a2a;color:var(--text-dark);display:grid;font-family:Inter,sans-serif;font-size:12px;font-size:var(--font-md);gap:12px;grid-template-rows:auto auto auto 1fr auto;line-height:1.4;margin:2rem auto;min-height:297mm;overflow:hidden;padding:3mm;position:relative;width:210mm}.background-overlay{bottom:0;left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.corner-wave{height:120px;opacity:.1;position:absolute;width:120px}.corner-wave.top-left{background:linear-gradient(135deg,#2c3292,#0000 70%);background:linear-gradient(135deg,var(--primary-blue),#0000 70%);border-radius:0 0 100% 0;left:-40px;top:-40px}.corner-wave.bottom-right{background:linear-gradient(-45deg,#ed1c24,#0000 70%);background:linear-gradient(-45deg,var(--accent-red),#0000 70%);border-radius:100% 0 0 0;bottom:-40px;right:-40px}.header-section{grid-gap:8px;grid-gap:var(--space-sm);border-bottom:2px solid #e1e5ff;border-bottom:2px solid var(--border-color);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:1fr;padding-bottom:12px;padding-bottom:var(--space-md);position:relative;text-align:center;z-index:1}.institution-name{color:#2c3292;color:var(--primary-blue);font-family:Roboto Condensed,sans-serif;font-size:42px;font-weight:700;letter-spacing:.5px}.institution-subtitle{color:#0e4b95;color:var(--secondary-blue);font-size:14px;font-size:var(--font-lg);font-weight:600;margin:2px 0}.campus-header h2{background:linear-gradient(90deg,#0000,#2c32921a,#0000);color:#555;color:var(--text-medium);font-size:12px;font-size:var(--font-md);font-weight:600;padding:4px}.campus-header h2,.project-banner{border-radius:4px;border-radius:var(--radius-sm)}.project-banner{background:linear-gradient(90deg,#2c3292,#0e4b95);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));color:#fff;font-size:11px;font-size:var(--font-sm);margin-top:8px;margin-top:var(--space-sm);padding:6px}.logo-section{grid-gap:12px;grid-gap:var(--space-md);border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);display:grid;gap:12px;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.logo-container{align-items:center;background:#f8f9ff;background:var(--light-bg);border-radius:4px;border-radius:var(--radius-sm);display:flex;justify-content:center;padding:.2rem}.logo{height:5rem;max-width:100%;object-fit:contain}.assessment-title{padding:12px 0;padding:var(--space-md) 0;position:relative;text-align:center}.assessment-heading{background:linear-gradient(90deg,#2c32921a,#39b54a1a,#2c32921a);border-radius:4px;border-radius:var(--radius-sm);color:#2c3292;color:var(--primary-blue);display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:16px;font-size:var(--font-xl);font-weight:700;margin-bottom:4px;padding:8px 20px}.superscript{font-size:.8em;vertical-align:super}.session{color:#555;color:var(--text-medium);font-size:12px;font-size:var(--font-md);font-weight:600}.compact-info{background:linear-gradient(135deg,#2c32920d,#39b54a0d);border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);margin:8px 0;margin:var(--space-sm) 0;overflow:hidden;padding:12px;padding:var(--space-md);position:relative;z-index:1}.compact-info:before{background:linear-gradient(90deg,#2c3292,#39b54a,#2c3292);background:linear-gradient(90deg,var(--primary-blue),var(--accent-green),var(--primary-blue));border-radius:6px 6px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:-1}.info-container{position:relative;z-index:2}.info-header{align-items:center;border-bottom:1px solid #2c32921a;display:flex;gap:8px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-lg);padding-bottom:8px;padding-bottom:var(--space-sm)}.info-header svg{filter:drop-shadow(0 2px 4px rgba(44,50,146,.1));flex-shrink:0;transition:transform .3s ease}.info-header:hover svg{transform:scale(1.05)}.info-header svg circle{stroke-dasharray:56.5;stroke-dashoffset:56.5;animation:circleDraw 1.2s ease-out forwards;animation-delay:.2s}.info-header svg path{stroke-dasharray:20;stroke-dashoffset:20;animation:pathDraw .8s ease-out forwards;animation-delay:.5s}.info-title{color:#2c3292;color:var(--primary-blue);font-family:Roboto Condensed,sans-serif;font-size:14px;font-size:var(--font-lg);font-weight:700;letter-spacing:.3px;padding-left:8px;padding-left:var(--space-sm);position:relative;text-transform:uppercase}.info-title:before{background:linear-gradient(180deg,#2c3292,#39b54a);background:linear-gradient(to bottom,var(--primary-blue),var(--accent-green));border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.student-info{border-collapse:initial;border-spacing:0 4px;border-spacing:0 var(--space-xs);font-size:11px;font-size:var(--font-sm);position:relative;width:100%}.student-info tbody{display:table-row-group}.student-info tr{background:#ffffffe6;border-radius:4px;border-radius:var(--radius-sm);position:relative;transition:all .3s ease}.student-info tr:hover{background:#fff;box-shadow:0 2px 8px #2c329214;transform:translateX(4px)}.student-info tr:before{background:linear-gradient(180deg,#2c3292,#39b54a);background:linear-gradient(to bottom,var(--primary-blue),var(--accent-green));border-radius:2px;content:"";height:0;left:-4px;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.student-info tr:hover:before{height:70%}.student-info td{border:none;padding:8px 12px;position:relative;width:50%}.student-info td:first-child{border-radius:4px 0 0 4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding-left:16px}.student-info td:last-child{border-radius:0 4px 4px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding-right:16px}.student-info td:first-child:after{background:linear-gradient(180deg,#0000,#2c329233,#0000);content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.info-label{color:#2c3292;color:var(--primary-blue);display:inline-block;font-weight:700;margin-right:4px;margin-right:var(--space-xs);min-width:100px;position:relative}.info-label:after{color:#39b54a;color:var(--accent-green);content:":";font-weight:700;position:absolute;right:-4px}.compact-table-container{border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);margin:12px 0;margin:var(--space-md) 0;overflow-x:auto}.table-header{background:linear-gradient(90deg,#2c3292,#0e4b95);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));border-radius:6px 6px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;font-size:12px;font-size:var(--font-md);font-weight:600;padding:8px 12px}.compact-table{border-collapse:collapse;font-size:11px;font-size:var(--font-sm);min-width:650px;table-layout:fixed;width:100%}.compact-table colgroup col:first-child{width:30%}.compact-table colgroup col:nth-child(2){width:10%}.compact-table colgroup col:nth-child(3),.compact-table colgroup col:nth-child(4){width:12%}.compact-table colgroup col:nth-child(5){width:10%}.compact-table colgroup col:nth-child(6){width:26%}.compact-table th{background:#2c32921a;border-bottom:2px solid #e1e5ff;border-bottom:2px solid var(--border-color);color:#2c3292;color:var(--primary-blue);font-size:11px;font-weight:600;padding:8px 6px;text-align:center}.compact-table td{border-bottom:1px solid #0000000d;padding:6px 4px;text-align:center}.compact-table td:first-child{font-weight:500;padding-left:12px;text-align:left}.subject-name{align-items:center;display:flex;gap:6px}.subject-icon{font-size:12px;opacity:.7}.grade-badge{border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;min-width:30px;padding:2px 6px}.grade-A+{background:linear-gradient(135deg,#4caf50,#2e7d32)}.grade-A{background:linear-gradient(135deg,#8bc34a,#558b2f)}.grade-B+{background:linear-gradient(135deg,#ff9800,#ef6c00)}.grade-B{background:linear-gradient(135deg,#ffb74d,#f57c00)}.grade-C{background:linear-gradient(135deg,#f4511e,#d84315)}.remark-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:500;padding:2px 8px}.remark-exceptional{background:#39b54a1a;border:1px solid #39b54a4d;color:#2e7d32}.remark-excellent{background:#0e4b951a;border:1px solid #0e4b954d;color:#0e4b95}.summary-table-container{background:linear-gradient(135deg,#2c32920d,#39b54a0d);border:1px solid #2c329233}.summary-table{font-size:11px;font-size:var(--font-sm)}.summary-table td{font-weight:700;padding:8px 4px}.highlight{background:#2c329214}.grading-section{border-top:2px solid #e1e5ff;border-top:2px solid var(--border-color);margin-top:16px;margin-top:var(--space-lg);padding-top:12px;padding-top:var(--space-md)}.grading-content{grid-gap:16px;grid-gap:var(--space-lg);display:grid;gap:16px;gap:var(--space-lg);grid-template-columns:1fr 1.2fr;margin-top:12px;margin-top:var(--space-md)}.grading-table-wrapper{background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);overflow:hidden}.grading-table{border-collapse:collapse;font-size:10px;font-size:var(--font-xs);width:100%}.grading-table th{background:#2c32921a;border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);color:#2c3292;color:var(--primary-blue);font-weight:600;padding:6px 8px;text-align:left}.grading-table td{border-bottom:1px solid #0000000d;padding:6px 8px}.grading-table tr:last-child td{border-bottom:none}.compact-grade-badge{border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;min-width:30px;padding:2px 8px;text-align:center}.footer-content{display:flex;flex-direction:column;gap:16px;gap:var(--space-lg)}.note-box{background:linear-gradient(135deg,#fff9c480,#fffde780);border-left:3px solid #ffd54f;border-radius:6px;border-radius:var(--radius-md);padding:12px;padding:var(--space-md)}.note{color:#555;color:var(--text-medium);font-size:11px;font-size:var(--font-sm);line-height:1.5}.note b{color:#ed1c24;color:var(--accent-red)}.signatures-section{margin-top:auto}.signatures{grid-gap:12px;grid-gap:var(--space-md);display:grid;gap:12px;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-top:12px;margin-top:var(--space-md)}.signature-block{background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-sm);text-align:center}.signature-line{background:linear-gradient(90deg,#0000,#666,#0000);height:1px;margin:12px 0}.signature-title{color:#2c3292;color:var(--primary-blue);font-weight:600;margin-bottom:2px}.signature-name,.signature-title{font-size:11px;font-size:var(--font-sm)}.signature-name{color:#555;color:var(--text-medium);font-style:italic}.quality-seal{bottom:15mm;opacity:.1;pointer-events:none;position:absolute;right:15mm}@keyframes circleDraw{to{stroke-dashoffset:0}}@keyframes pathDraw{to{stroke-dashoffset:0}}@media screen and (max-width:1200px){.assessment-report{box-shadow:none;margin:1rem auto;min-height:auto;padding:20px;width:100%}.pdf-controls{align-items:flex-start;flex-direction:column;gap:1rem}}@media screen and (max-width:768px){.grading-content{gap:20px;gap:var(--space-xl);grid-template-columns:1fr}.signatures{gap:12px;gap:var(--space-md);grid-template-columns:1fr}.logo-section{gap:8px;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.logo{height:40px}.student-info td{display:block;padding:6px 12px;width:100%}.student-info td:first-child,.student-info td:last-child{border-radius:4px;border-radius:var(--radius-sm);padding:6px 12px}.student-info td:first-child:after{display:none}.student-info tr{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs);margin-bottom:4px;margin-bottom:var(--space-xs)}.info-label{min-width:80px}.compact-table{min-width:100%}.pdf-download-btn{justify-content:center;width:100%}.pdf-info{justify-content:center;text-align:center}}@media print{.pdf-controls{display:none!important}.assessment-report{box-shadow:none;height:297mm;margin:0;overflow:hidden;padding:15mm;page-break-inside:avoid;width:210mm}body{background:#fff}.no-print{display:none}.compact-table{font-size:9pt}.grading-table{font-size:8pt}.compact-grade-badge,.grade-badge,.remark-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.compact-info{background:#0000!important;border:1px solid #e1e5ff!important;border:1px solid var(--border-color)!important}.student-info tr{background:#0000!important;break-inside:avoid;page-break-inside:avoid}.student-info tr:hover{box-shadow:none!important;transform:none!important}.assessment-report{page-break-before:always}.compact-table-container,.grading-table-wrapper{page-break-inside:avoid}}.grading-header{background:linear-gradient(90deg,#2c3292f2,#0e4b95f2);border-bottom:2px solid #fff3;border-radius:8px 8px 0 0;box-shadow:0 4px 12px #2c329226;color:#fff;margin-bottom:2px;overflow:hidden;padding:10px 16px;position:relative;text-align:center}.grading-header:before{background:linear-gradient(90deg,#39b54a,#fff200,#ed1c24,#2c3292);height:3px;z-index:1}.grading-header:after,.grading-header:before{content:"";left:0;position:absolute;right:0;top:0}.grading-header:after{background:linear-gradient(45deg,#ffffff1a,#ffffff0d 50%,#0000);bottom:0;pointer-events:none}.grading-subtitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0 0 4px;position:relative;text-shadow:0 1px 2px #0003;text-transform:uppercase;z-index:2}.grading-subtitle:after{background:linear-gradient(90deg,#fff200,#0000);border-radius:1px;content:"";display:block;height:2px;margin:4px auto 0;width:40px}.grading-info{animation:pulseGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;display:inline-block;font-size:.75rem;font-weight:500;margin-top:2px;padding:4px 10px;position:relative;z-index:2}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 #fff20066}50%{box-shadow:0 0 8px #fff20099}}.grading-header .corner-accent{border:2px solid #ffffff4d;height:20px;position:absolute;width:20px}.grading-header .corner-accent.top-left{border-bottom:none;border-right:none;left:8px;top:8px}.grading-header .corner-accent.top-right{border-bottom:none;border-left:none;right:8px;top:8px}.grading-header .corner-accent.bottom-left{border-right:none;border-top:none;bottom:8px;left:8px}.grading-header .corner-accent.bottom-right{border-left:none;border-top:none;bottom:8px;right:8px}.grading-header .title-icon{left:20px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.grading-header .title-icon.right{left:auto;right:20px}@media print{.grading-header{background:#2c3292!important;border:1px solid #2c3292;box-shadow:none}.grading-header,.grading-info{-webkit-print-color-adjust:exact;print-color-adjust:exact}.grading-info{background:#fff3!important;border:1px solid #ffffff4d}.grading-header:after,.grading-header:before{display:none}.grading-subtitle:after{background:#fff200}}.compact-grading .grading-header{border-radius:4px 4px 0 0;padding:6px 10px}.compact-grading .grading-subtitle{font-size:.9rem;margin-bottom:2px}.compact-grading .grading-info{font-size:.65rem;padding:2px 6px}@media screen and (max-width:768px){.grading-header{padding:8px 12px}.grading-subtitle{font-size:1rem}.grading-info{font-size:.7rem;padding:3px 8px}}.grading-header.alt-style{background:linear-gradient(90deg,#006837,#39b54a)}.grading-header.alt-style .grading-info{background:#0068374d;border-color:#39b54a66}.grading-header .star-icon{color:#fff200;font-size:.8rem;opacity:.5;position:absolute}.grading-header .star-icon:first-child{left:15%;top:10px}.grading-header .star-icon:nth-child(2){right:15%;top:10px}.grading-header .star-icon:nth-child(3){bottom:10px;left:20%}.grading-header .star-icon:nth-child(4){bottom:10px;right:20%}.compact-table.subjects-table colgroup col:first-child{width:25%}.compact-table.subjects-table colgroup col:nth-child(2),.compact-table.subjects-table colgroup col:nth-child(3),.compact-table.subjects-table colgroup col:nth-child(4),.compact-table.subjects-table colgroup col:nth-child(5){width:8%}.compact-table.subjects-table colgroup col:nth-child(6){width:15%}.compact-table.subjects-table colgroup col:nth-child(7){width:8%}.compact-table.subjects-table thead th{padding:8px 4px;text-align:center;vertical-align:middle}.compact-table.subjects-table thead tr:first-child th{border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color)}.grade-Aplusplus{background:linear-gradient(135deg,#8b008b,indigo)!important;color:#fff!important}.grade-Bplus{background:linear-gradient(135deg,#ff9800,#ef6c00)!important;color:#fff!important}.classwise-students-dashboard-wrapper{background:#f8fafc;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.classwise-students-main-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:30px 40px;transition:margin-left .3s ease}.classwise-students-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:25px;padding:25px 30px}.classwise-students-header-main{align-items:center;display:flex;justify-content:space-between}.classwise-students-header-title{align-items:center;display:flex;gap:20px}.classwise-students-header-icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;box-shadow:0 4px 12px #4f46e51a;color:#4f46e5;font-size:36px;padding:15px}.classwise-students-header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:32px;font-weight:700;margin:0}.classwise-students-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:5px 0 0}.classwise-students-header-actions{display:flex;gap:15px}.classwise-students-btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.classwise-students-btn-action.classwise-students-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 15px #4f46e54d;color:#fff}.classwise-students-btn-action.classwise-students-primary:hover:not(:disabled){box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.classwise-students-btn-action.classwise-students-primary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.classwise-students-btn-action.classwise-students-secondary{background:#fff;border:2px solid #e2e8f0;color:#4f46e5}.classwise-students-btn-action.classwise-students-secondary:hover{background:#f8fafc;border-color:#c7d2fe;transform:translateY(-2px)}.classwise-students-btn-action.classwise-students-danger{background:#ef4444;color:#fff}.classwise-students-btn-action.classwise-students-danger:hover{background:#dc2626;transform:translateY(-2px)}.classwise-students-btn-action.classwise-students-success{background:#10b981;color:#fff}.classwise-students-btn-action.classwise-students-success:hover{background:#059669;transform:translateY(-2px)}.classwise-students-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.classwise-students-stat-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.classwise-students-stat-card:hover{border-color:#e0e7ff;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.classwise-students-stat-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.classwise-students-stat-card .classwise-students-total:before{background:#4f46e5}.classwise-students-stat-card .classwise-students-boys:before{background:#3b82f6}.classwise-students-stat-card .classwise-students-girls:before{background:#ec4899}.classwise-students-stat-card .classwise-students-solo:before{background:#f59e0b}.classwise-students-stat-card .classwise-students-family:before{background:#10b981}.classwise-students-stat-card .classwise-students-archived:before{background:#6b7280}.classwise-students-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:22px;height:56px;justify-content:center;width:56px}.classwise-students-stat-icon.classwise-students-total{background:linear-gradient(135deg,#4f46e5,#6366f1)}.classwise-students-stat-icon.classwise-students-boys{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.classwise-students-stat-icon.classwise-students-girls{background:linear-gradient(135deg,#ec4899,#f472b6)}.classwise-students-stat-icon.classwise-students-solo{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.classwise-students-stat-icon.classwise-students-family{background:linear-gradient(135deg,#10b981,#34d399)}.classwise-students-stat-icon.classwise-students-archived{background:linear-gradient(135deg,#6b7280,#9ca3af)}.classwise-students-stat-content h3{color:#1e293b;font-size:28px;font-weight:700;margin:0}.classwise-students-stat-content p{color:#64748b;font-size:14px;font-weight:500;margin:5px 0 0}.classwise-students-controls-bar{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.classwise-students-controls-left{align-items:center;display:flex;gap:20px}.classwise-students-view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;padding:4px}.classwise-students-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.classwise-students-view-btn.classwise-students-active{background:#fff;box-shadow:0 2px 8px #4f46e51a;color:#4f46e5}.classwise-students-archive-toggle{display:flex}.classwise-students-archive-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.classwise-students-archive-btn.classwise-students-active{background:#4f46e5;border-color:#4f46e5;color:#fff}.classwise-students-archive-btn:hover{background:#f1f5f9}.classwise-students-archive-btn.classwise-students-active:hover{background:#4338ca}.classwise-students-controls-right{align-items:center;display:flex;gap:15px}.classwise-students-selection-actions{align-items:center;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.classwise-students-selection-count{border-right:1px solid #bae6fd;color:#0369a1;font-size:14px;font-weight:600;padding-right:12px}.classwise-students-filters-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:25px;padding:25px}.classwise-students-filters-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.classwise-students-filters-header h3{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.classwise-students-btn-clear-filters{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s}.classwise-students-btn-clear-filters:hover{background:#f1f5f9;border-color:#cbd5e1}.classwise-students-filters-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.classwise-students-filter-group{display:flex;flex-direction:column;gap:10px}.classwise-students-filter-group label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px}.classwise-students-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s}.classwise-students-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.classwise-students-filter-select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.classwise-students-search-group{grid-column:1/-1}.classwise-students-search-container{display:flex;justify-content:flex-start;width:50%}.classwise-students-search-input{border:2px solid #e2e8f0;border-radius:10px 0 0 10px;border-right:none;color:#1e293b;font-size:14px;padding:12px 20px;transition:all .3s;width:50%}.classwise-students-search-input:focus{border-color:#4f46e5;outline:none}.classwise-students-search-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:0 10px 10px 0;color:#fff;cursor:pointer;padding:12px 24px;transition:all .3s}.classwise-students-search-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.classwise-students-active-filters{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 0}.classwise-students-active-filters-label{color:#475569;font-size:14px;font-weight:600}.classwise-students-filter-tag{align-items:center;background:#f1f5f9;border-radius:20px;color:#475569;display:flex;font-size:13px;gap:8px;padding:6px 12px;transition:all .3s}.classwise-students-filter-tag svg{color:#94a3b8;cursor:pointer;transition:color .3s}.classwise-students-filter-tag svg:hover{color:#ef4444}.classwise-students-results-summary{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.classwise-students-summary-left{align-items:center;display:flex;gap:20px}.classwise-students-summary-left h4{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.classwise-students-results-count{background:#f0f9ff;border-radius:20px;color:#0369a1;font-size:14px;font-weight:500;padding:8px 16px}.classwise-students-btn-export-csv{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.classwise-students-btn-export-csv:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 15px #10b9814d;transform:translateY(-2px)}.classwise-students-loading-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.classwise-students-loading-container svg{color:#4f46e5;font-size:48px;margin-bottom:20px}.classwise-students-loading-container p{color:#64748b;font-size:16px;font-weight:500;margin:0}.classwise-students-empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:80px 20px;text-align:center}.classwise-students-empty-state svg{color:#cbd5e1;font-size:64px;margin-bottom:20px;opacity:.5}.classwise-students-empty-state h3{color:#475569;font-size:24px;font-weight:600;margin:0 0 10px}.classwise-students-empty-state p{color:#94a3b8;font-size:16px;margin-bottom:25px}.classwise-students-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:25px;overflow:hidden}.classwise-students-table-wrapper{max-height:600px;overflow-x:auto;overflow-y:auto}.classwise-students-students-table{border-collapse:initial;border-spacing:0;min-width:1400px;width:100%}.classwise-students-students-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.classwise-students-students-table th.classwise-students-sortable{cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.classwise-students-students-table th.classwise-students-sortable:hover{background:#f1f5f9;color:#4f46e5}.classwise-students-students-table th.classwise-students-sortable svg{font-size:12px;margin-left:8px;opacity:.7}.classwise-students-select-column{padding:0!important;text-align:center;width:50px}.classwise-students-row-checkbox,.classwise-students-select-all-checkbox{accent-color:#4f46e5;cursor:pointer;height:18px;width:18px}.classwise-students-students-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px;transition:all .2s;vertical-align:middle}.classwise-students-students-table tr.classwise-students-selected td{background:#f0f9ff!important}.classwise-students-students-table tr.classwise-students-archived td{background:#f9fafb;opacity:.6}.classwise-students-students-table tr.classwise-students-archived:hover td{background:#f3f4f6!important}.classwise-students-students-table tr:hover td{background:#f8fafc}.classwise-students-students-table tr:last-child td{border-bottom:none}.classwise-students-student-id-cell{align-items:center;color:#1e293b;display:flex;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600;gap:10px}.classwise-students-student-id-cell svg{color:#4f46e5;font-size:14px}.classwise-students-student-name-cell{align-items:center;display:flex;gap:15px}.classwise-students-student-avatar{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;height:42px;justify-content:center;width:42px}.classwise-students-avatar-icon{font-size:20px}.classwise-students-avatar-icon.classwise-students-male{color:#3b82f6}.classwise-students-avatar-icon.classwise-students-female{color:#ec4899}.classwise-students-student-info{display:flex;flex-direction:column}.classwise-students-student-info strong{color:#1e293b;font-size:14px;font-weight:600}.classwise-students-student-info small{color:#64748b;font-size:12px;margin-top:2px}.classwise-students-father-name-cell{align-items:center;color:#475569;display:flex;font-weight:500;gap:10px}.classwise-students-father-name-cell svg{color:#f59e0b;font-size:14px}.classwise-students-mobile-cell{align-items:center;display:flex;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:500;gap:10px}.classwise-students-mobile-cell svg{color:#10b981;font-size:14px}.classwise-students-gender-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.classwise-students-gender-badge.classwise-students-male{background:#dbeafe;color:#1e40af}.classwise-students-gender-badge.classwise-students-female{background:#fce7f3;color:#9d174d}.classwise-students-gender-badge svg{font-size:11px}.classwise-students-class-badge{align-items:center;background:#f0f9ff;border-radius:8px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.classwise-students-class-badge svg{color:#3b82f6;font-size:12px}.classwise-students-section-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:inline-block;font-size:13px;font-weight:600;height:32px;line-height:32px;text-align:center;width:32px}.classwise-students-family-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.classwise-students-family-status.classwise-students-solo{background:#fef3c7;color:#92400e}.classwise-students-family-status.classwise-students-family{background:#d1fae5;color:#065f46}.classwise-students-family-code{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:inline-flex;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;gap:6px;padding:6px 12px}.classwise-students-family-code svg{color:#f59e0b;font-size:12px}.classwise-students-no-code{color:#94a3b8;font-style:italic}.classwise-students-status-badge{border-radius:20px;display:inline-block;font-size:12px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.classwise-students-status-badge.classwise-students-active{background:#d1fae5;color:#065f46}.classwise-students-status-badge.classwise-students-archived{background:#f3f4f6;color:#6b7280}.classwise-students-action-buttons{display:flex;gap:8px}.classwise-students-btn-archive,.classwise-students-btn-edit,.classwise-students-btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s;width:36px}.classwise-students-btn-view{background:#3b82f6;color:#fff}.classwise-students-btn-view:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.classwise-students-btn-edit{background:#f59e0b;color:#fff}.classwise-students-btn-edit:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.classwise-students-btn-archive{background:#ef4444;color:#fff}.classwise-students-btn-archive.classwise-students-restore{background:#10b981}.classwise-students-btn-archive:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.classwise-students-btn-archive.classwise-students-restore:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.classwise-students-view-all-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:20px;text-align:center}.classwise-students-btn-view-all{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 30px;transition:all .3s}.classwise-students-btn-view-all:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 20px #4f46e54d;transform:translateY(-2px)}.classwise-students-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.classwise-students-modal-overlay.classwise-students-visible{opacity:1;visibility:visible}.classwise-students-modal-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:900px;opacity:0;overflow-y:auto;transform:translateY(20px);transition:all .3s ease;width:100%}.classwise-students-modal-overlay.classwise-students-visible .classwise-students-modal-container{opacity:1;transform:translateY(0)}.classwise-students-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.classwise-students-modal-title-section{align-items:center;display:flex;gap:20px}.classwise-students-modal-avatar{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.classwise-students-modal-avatar.classwise-students-male{color:#3b82f6}.classwise-students-modal-avatar.classwise-students-female{color:#ec4899}.classwise-students-modal-title h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.classwise-students-student-id-modal{color:#64748b;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;font-weight:500;margin:5px 0 0}.classwise-students-modal-close{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s;width:44px}.classwise-students-modal-close:hover{background:#dc2626;transform:rotate(90deg)}.classwise-students-modal-body{padding:30px}.classwise-students-modal-tabs{border-bottom:1px solid #f1f5f9;display:flex;gap:5px;margin-bottom:30px;padding-bottom:20px}.classwise-students-tab-btn{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s;white-space:nowrap}.classwise-students-tab-btn.classwise-students-active{background:#4f46e5;color:#fff}.classwise-students-tab-btn:hover:not(.classwise-students-active){background:#f1f5f9;color:#475569}.classwise-students-modal-content{display:flex;flex-direction:column;gap:30px}.classwise-students-info-section{padding:0}.classwise-students-info-section h4{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:15px}.classwise-students-info-section h4 svg{color:#4f46e5}.classwise-students-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.classwise-students-info-item{display:flex;flex-direction:column;gap:8px}.classwise-students-info-item.classwise-students-full-width{grid-column:1/-1}.classwise-students-info-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.classwise-students-info-value{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:500;gap:10px}.classwise-students-info-value.classwise-students-gender.classwise-students-male{color:#3b82f6}.classwise-students-info-value.classwise-students-gender.classwise-students-female{color:#ec4899}.classwise-students-info-value.classwise-students-status.classwise-students-active{color:#10b981}.classwise-students-info-value.classwise-students-status.classwise-students-archived{color:#6b7280}.classwise-students-info-value.classwise-students-family-status-modal.classwise-students-solo{color:#f59e0b}.classwise-students-info-value.classwise-students-family-status-modal.classwise-students-family{color:#10b981}.classwise-students-info-value.classwise-students-address{line-height:1.5}.classwise-students-section-badge-modal{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;min-width:40px;padding:8px 16px;text-align:center}.classwise-students-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.classwise-students-btn-primary,.classwise-students-btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 28px;transition:all .3s}.classwise-students-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.classwise-students-btn-secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.classwise-students-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.classwise-students-btn-primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 20px #4f46e54d;transform:translateY(-2px)}.classwise-students-page-footer{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-top:30px;padding:20px 30px}.classwise-students-footer-content{align-items:center;display:flex;justify-content:space-between}.classwise-students-footer-brand{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:12px}.classwise-students-footer-brand svg{color:#4f46e5;font-size:20px}.classwise-students-footer-info{color:#64748b;display:flex;font-size:14px;gap:20px}.classwise-students-footer-info span:nth-child(2){opacity:.5}.classwise-students-loading-details{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.classwise-students-loading-details svg{color:#4f46e5;font-size:36px;margin-bottom:15px}.classwise-students-loading-details p{color:#64748b;font-size:16px;margin:0}.classwise-students-no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.classwise-students-no-data svg{color:#cbd5e1;font-size:48px;margin-bottom:20px;opacity:.5}.classwise-students-no-data h4{color:#475569;font-size:20px;margin:0 0 10px}.classwise-students-no-data p{color:#94a3b8;font-size:15px;margin:0}.classwise-students-attendance-report-tab{display:flex;flex-direction:column;gap:30px}.classwise-students-attendance-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.classwise-students-summary-card{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:20px;transition:transform .3s ease}.classwise-students-summary-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-3px)}.classwise-students-summary-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.classwise-students-summary-icon.classwise-students-present{background:linear-gradient(135deg,#10b981,#34d399)}.classwise-students-summary-icon.classwise-students-absent{background:linear-gradient(135deg,#ef4444,#f87171)}.classwise-students-summary-icon.classwise-students-rate{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.classwise-students-summary-icon.classwise-students-total{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.classwise-students-summary-content h3{color:#1a202c;font-size:28px;font-weight:700;line-height:1.2;margin:0}.classwise-students-summary-content p{color:#718096;font-size:14px;font-weight:500;margin:4px 0 0}.classwise-students-attendance-charts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.classwise-students-chart-container{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.classwise-students-chart-container h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.classwise-students-chart-wrapper{height:300px;width:100%}.classwise-students-attendance-details{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px}.classwise-students-attendance-details h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.classwise-students-attendance-status{align-items:center;display:flex;gap:20px;margin-bottom:25px}.classwise-students-status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.classwise-students-status-badge.classwise-students-present{background:#d1fae5;color:#065f46}.classwise-students-status-badge.classwise-students-absent{background:#fee2e2;color:#991b1b}.classwise-students-last-attendance{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.classwise-students-monthly-breakdown h5{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.classwise-students-monthly-list{display:flex;flex-direction:column;gap:12px}.classwise-students-month-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.classwise-students-month-name{color:#374151;font-weight:600;min-width:60px}.classwise-students-month-stats{align-items:center;display:flex;gap:20px}.classwise-students-present-count{color:#10b981;font-weight:500}.classwise-students-absent-count{color:#ef4444;font-weight:500}.classwise-students-month-percentage{background:#4f46e5;border-radius:20px;color:#fff;font-size:12px;font-weight:600;min-width:45px;padding:4px 12px;text-align:center}.classwise-students-test-report-tab{display:flex;flex-direction:column;gap:30px}.classwise-students-test-summary{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px}.classwise-students-summary-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.classwise-students-summary-header h4{color:#2d3748;font-size:16px;font-weight:600;margin:0}.classwise-students-total-tests{background:#f0f9ff;border-radius:20px;color:#0369a1;font-size:12px;font-weight:600;padding:6px 12px}.classwise-students-subject-chart h5{color:#6b7280;font-size:14px;font-weight:600;margin:0 0 15px}.classwise-students-test-details{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px}.classwise-students-test-details h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.classwise-students-tests-list{display:flex;flex-direction:column;gap:20px}.classwise-students-test-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.classwise-students-test-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.classwise-students-test-header h5{color:#374151;font-size:15px;font-weight:600;margin:0}.classwise-students-test-date{color:#6b7280;font-size:13px}.classwise-students-test-subjects{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.classwise-students-subject-result{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.classwise-students-subject-marks{align-items:center;display:flex;font-family:SF Mono,Monaco,Cascadia Code,monospace;gap:4px}.classwise-students-obtained{color:#1f2937;font-weight:600}.classwise-students-separator{color:#9ca3af}.classwise-students-total{color:#6b7280}.classwise-students-percentage{border-radius:20px;font-size:13px;font-weight:600;padding:4px 12px}.classwise-students-percentage.classwise-students-excellent{background:#d1fae5;color:#065f46}.classwise-students-percentage.classwise-students-good{background:#fef3c7;color:#92400e}.classwise-students-percentage.classwise-students-poor{background:#fee2e2;color:#991b1b}.classwise-students-test-average{border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px;padding-top:15px;text-align:right}.classwise-students-test-average strong{color:#1f2937;font-size:16px;margin-left:8px}.classwise-students-exam-report-tab{display:flex;flex-direction:column;gap:30px}.classwise-students-exam-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.classwise-students-overview-card{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:20px}.classwise-students-overview-icon{align-items:center;background:#eef2ff;border-radius:12px;color:#4f46e5;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.classwise-students-overview-content h3{color:#1a202c;font-size:28px;font-weight:700;line-height:1.2;margin:0}.classwise-students-overview-content p{color:#718096;font-size:14px;font-weight:500;margin:4px 0 0}.classwise-students-exam-performance{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px}.classwise-students-exam-performance h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.classwise-students-exam-details{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px}.classwise-students-exam-details h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.classwise-students-exams-list{display:flex;flex-direction:column;gap:25px}.classwise-students-exam-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:25px}.classwise-students-exam-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.classwise-students-exam-header h5{color:#1f2937;font-size:16px;font-weight:600;margin:0}.classwise-students-exam-meta{align-items:center;display:flex;gap:15px}.classwise-students-exam-date{color:#6b7280;font-size:13px}.classwise-students-exam-average{background:#4f46e5;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.classwise-students-exam-subjects{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.classwise-students-subject-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.classwise-students-subject-name{color:#374151;font-weight:500;min-width:100px}.classwise-students-subject-performance{align-items:center;display:flex;gap:20px}.classwise-students-marks{align-items:center;display:flex;font-family:SF Mono,Monaco,Cascadia Code,monospace;gap:4px;min-width:80px}.classwise-students-grade-badge{border-radius:20px;font-size:11px;font-weight:700;min-width:35px;padding:4px 12px;text-align:center;text-transform:uppercase}.classwise-students-grade-badge:first-child,.classwise-students-grade-badge:nth-child(2){background:#d1fae5;color:#065f46}.classwise-students-grade-badge:nth-child(3){background:#dbeafe;color:#1e40af}.classwise-students-grade-badge:nth-child(4),.classwise-students-grade-badge:nth-child(5){background:#fef3c7;color:#92400e}.classwise-students-grade-badge:nth-child(6){background:#fee2e2;color:#991b1b}.classwise-students-exam-summary{border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding-top:20px}.classwise-students-summary-item{text-align:center}.classwise-students-summary-item span{color:#6b7280;display:block;font-size:13px;margin-bottom:4px}.classwise-students-summary-item strong{color:#1f2937;display:block;font-size:18px;font-weight:700}@media (max-width:1400px){.classwise-students-main-content{margin-left:0;padding:25px}.classwise-students-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.classwise-students-header-main{align-items:flex-start;flex-direction:column;gap:20px}.classwise-students-header-actions{justify-content:flex-start;width:100%}.classwise-students-controls-bar{align-items:flex-start;flex-direction:column;gap:20px}.classwise-students-controls-right{width:100%}.classwise-students-selection-actions{justify-content:space-between;width:100%}.classwise-students-info-grid{grid-template-columns:1fr}}@media (max-width:992px){.classwise-students-main-content{padding:20px}.classwise-students-stats-grid{grid-template-columns:repeat(2,1fr)}.classwise-students-filters-grid{grid-template-columns:1fr}.classwise-students-results-summary{align-items:flex-start;flex-direction:column;gap:15px}.classwise-students-modal-container{margin:10px;max-height:80vh}}@media (max-width:768px){.classwise-students-stats-grid{grid-template-columns:1fr}.classwise-students-controls-left{flex-direction:column;gap:15px;width:100%}.classwise-students-view-toggle{width:100%}.classwise-students-view-btn{flex:1 1;justify-content:center}.classwise-students-modal-header{align-items:flex-start;flex-direction:column;gap:15px}.classwise-students-modal-title-section{width:100%}.classwise-students-modal-footer{flex-direction:column}.classwise-students-btn-primary,.classwise-students-btn-secondary{justify-content:center;width:100%}.classwise-students-footer-content{flex-direction:column;gap:15px;text-align:center}.classwise-students-modal-tabs{flex-wrap:wrap}.classwise-students-tab-btn{flex:1 1;justify-content:center;min-width:120px}.classwise-students-attendance-summary,.classwise-students-exam-overview{grid-template-columns:repeat(2,1fr)}.classwise-students-attendance-charts{grid-template-columns:1fr}.classwise-students-month-stats{align-items:flex-end;flex-direction:column;gap:8px}.classwise-students-subject-result,.classwise-students-subject-row{align-items:flex-start;flex-direction:column;gap:10px}.classwise-students-subject-performance{justify-content:space-between;width:100%}.classwise-students-exam-summary{flex-direction:column;gap:15px}}@media (max-width:576px){.classwise-students-main-content{padding:15px}.classwise-students-header-title h1{font-size:24px}.classwise-students-header-actions{flex-direction:column}.classwise-students-btn-action{justify-content:center;width:100%}.classwise-students-action-buttons{flex-wrap:wrap}.classwise-students-modal-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.classwise-students-tab-btn{white-space:nowrap}.classwise-students-attendance-summary,.classwise-students-exam-overview{grid-template-columns:1fr}.classwise-students-overview-card,.classwise-students-summary-card{flex-direction:column;text-align:center}.classwise-students-tab-btn{font-size:12px;padding:10px 12px}}:root{--subject-management-primary-color:#4f46e5;--subject-management-primary-dark:#4338ca;--subject-management-secondary-color:#64748b;--subject-management-accent-color:#8b5cf6;--subject-management-success-color:#10b981;--subject-management-warning-color:#f59e0b;--subject-management-danger-color:#ef4444;--subject-management-info-color:#3b82f6;--subject-management-dark-bg:#0f172a;--subject-management-card-bg:#fff;--subject-management-sidebar-bg:#1e293b;--subject-management-border-color:#e2e8f0;--subject-management-hover-bg:#f8fafc;--subject-management-shadow-sm:0 1px 2px 0 #0000000d;--subject-management-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--subject-management-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--subject-management-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--subject-management-radius-sm:0.375rem;--subject-management-radius-md:0.5rem;--subject-management-radius-lg:0.75rem;--subject-management-radius-xl:1rem;--subject-management-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.subject-management-screen{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.subject-management-wrapper{display:flex;min-height:100vh;position:relative}.subject-management-container{background:linear-gradient(135deg,#f6f9ff,#f1f5f9);flex:1 1;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:2.5rem;position:relative}.subject-management-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fffffffa);border:1px solid #fffc;border-radius:1rem;border-radius:var(--subject-management-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--subject-management-shadow-lg);margin-bottom:2.5rem;overflow:hidden;padding:2.5rem 3rem;position:relative}.subject-management-header:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.subject-management-header:before,.subject-management-title{background:linear-gradient(90deg,#4f46e5,#8b5cf6);background:linear-gradient(90deg,var(--subject-management-primary-color),var(--subject-management-accent-color))}.subject-management-title{-webkit-text-fill-color:#0000;align-items:center;-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--subject-management-dark-bg);display:flex;font-size:2.25rem;font-weight:700;gap:1rem;margin-bottom:.75rem}.subject-management-subtitle{color:#64748b;color:var(--subject-management-secondary-color);font-size:1.1rem;font-weight:500;line-height:1.6}.subject-management-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--subject-management-shadow-md);display:flex;gap:.5rem;margin-bottom:2.5rem;padding:.75rem}.subject-management-tab{align-items:center;border:none;border-radius:.5rem;border-radius:var(--subject-management-radius-md);color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 1.5rem;position:relative}.subject-management-tab,.subject-management-tab:before{background:#0000;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-tab:before{bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.subject-management-tab:hover{background:#6366f10d;color:#4f46e5;color:var(--subject-management-primary-color);transform:translateY(-2px)}.subject-management-tab.active{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--subject-management-shadow-md);color:#4f46e5;color:var(--subject-management-primary-color)}.subject-management-tab.active:before{background:linear-gradient(90deg,#4f46e5,#8b5cf6);background:linear-gradient(90deg,var(--subject-management-primary-color),var(--subject-management-accent-color))}.subject-management-filters{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--subject-management-shadow-md);display:flex;gap:1.25rem;margin-bottom:2.5rem;padding:1.5rem}.subject-management-search-box{flex:1 1;position:relative}.subject-management-search-box svg{color:#94a3b8;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%)}.subject-management-search-box svg,.subject-management-search-input{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-search-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);font-size:1rem;font-weight:500;margin-right:15vh;padding:1rem 1.5rem 1rem 3.5rem;width:80%}.subject-management-search-input:focus{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none;transform:translateY(-1px)}.subject-management-filter-box{min-width:180px;position:relative}.subject-management-filter-box svg{color:#94a3b8;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.subject-management-filter-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem 1rem 3.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:100%;z-index:2}.subject-management-filter-select:focus{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none;transform:translateY(-1px)}.subject-management-content{min-height:400px;position:relative}.subject-management-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.subject-management-spinner{animation:subject-management-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--subject-management-primary-color);height:48px;position:relative;width:48px}.subject-management-spinner:after{animation:subject-management-spin 1.5s linear infinite reverse;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--subject-management-accent-color);bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}@keyframes subject-management-spin{to{transform:rotate(1turn)}}.subject-management-tab-content{display:flex;flex-direction:column;gap:2rem}.subject-management-assign-subjects-card,.subject-management-assignments-card,.subject-management-form-card,.subject-management-subjects-list-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--subject-management-border-color);border-radius:1rem;border-radius:var(--subject-management-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--subject-management-shadow-lg);overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-assign-subjects-card:hover,.subject-management-assignments-card:hover,.subject-management-form-card:hover,.subject-management-subjects-list-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--subject-management-shadow-xl);transform:translateY(-4px)}.subject-management-assign-subjects-card:before,.subject-management-assignments-card:before,.subject-management-form-card:before,.subject-management-subjects-list-card:before{background:linear-gradient(90deg,#4f46e5,#8b5cf6);background:linear-gradient(90deg,var(--subject-management-primary-color),var(--subject-management-accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.subject-management-card-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--subject-management-border-color);color:#0f172a;color:var(--subject-management-dark-bg);display:flex;font-size:1.5rem;font-weight:700;gap:.875rem;margin-bottom:1.75rem;padding-bottom:.875rem}.subject-management-card-title svg{color:#4f46e5;color:var(--subject-management-primary-color)}.subject-management-card-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--subject-management-border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.subject-management-form{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.subject-management-form-group{display:flex;flex-direction:column;gap:.75rem}.subject-management-form-group label{align-items:center;color:#334155;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.subject-management-form-group label:after{color:#ef4444;color:var(--subject-management-danger-color);content:"*";font-size:1.2rem}.subject-management-form-group input,.subject-management-form-group select,.subject-management-form-group textarea{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);font-family:inherit;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-form-group textarea{min-height:80px;resize:vertical}.subject-management-form-group input:focus,.subject-management-form-group select:focus,.subject-management-form-group textarea:focus{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 0 0 4px #4f46e51a;outline:none;transform:translateY(-1px)}.subject-management-form-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--subject-management-border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.subject-management-btn-delete,.subject-management-btn-edit,.subject-management-btn-primary,.subject-management-btn-secondary,.subject-management-btn-view{align-items:center;border:none;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-btn-primary{background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--subject-management-primary-color),var(--subject-management-accent-color));color:#fff;overflow:hidden;position:relative}.subject-management-btn-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.subject-management-btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #4f46e54d;transform:translateY(-2px)}.subject-management-btn-primary:hover:not(:disabled):before{height:300px;width:300px}.subject-management-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.subject-management-btn-secondary{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);color:#64748b;color:var(--subject-management-secondary-color)}.subject-management-btn-secondary:hover{background:#f8fafc;background:var(--subject-management-hover-bg);border-color:#4f46e5;border-color:var(--subject-management-primary-color);color:#4f46e5;color:var(--subject-management-primary-color);transform:translateY(-2px)}.subject-management-btn-view{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--subject-management-info-color),#60a5fa);color:#fff;padding:.75rem 1.25rem}.subject-management-btn-view:hover{box-shadow:0 10px 20px #3b82f64d;transform:translateY(-2px)}.subject-management-btn-edit{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--subject-management-success-color),#34d399);color:#fff;padding:.75rem 1.25rem}.subject-management-btn-edit:hover{box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}.subject-management-btn-delete{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--subject-management-danger-color),#f87171);color:#fff;padding:.75rem 1.25rem}.subject-management-btn-delete:hover{box-shadow:0 10px 20px #ef44444d;transform:translateY(-2px)}.subject-management-table-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);margin-top:1.5rem;overflow-x:auto;position:relative}.subject-management-assign-table,.subject-management-assignments-table,.subject-management-subjects-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.subject-management-assign-table thead,.subject-management-assignments-table thead,.subject-management-subjects-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.subject-management-assign-table th,.subject-management-assignments-table th,.subject-management-subjects-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--subject-management-border-color);color:#334155;font-size:.875rem;font-weight:700;letter-spacing:1px;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.subject-management-assign-table td,.subject-management-assignments-table td,.subject-management-subjects-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subject-management-border-color);color:#475569;font-weight:500;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-assign-table tr:last-child td,.subject-management-assignments-table tr:last-child td,.subject-management-subjects-table tr:last-child td{border-bottom:none}.subject-management-assign-table tr:hover td,.subject-management-assignments-table tr:hover td,.subject-management-subjects-table tr:hover td{background:#f8fafc;background:var(--subject-management-hover-bg);transform:scale(1.01)}.subject-management-subjects-table tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-actions{display:flex;gap:.5rem}.subject-management-no-data{background:#f8fafc;color:#94a3b8;font-size:1.1rem;font-style:italic;padding:3rem;text-align:center}.subject-management-status-badge{align-items:center;border-radius:2rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.subject-management-status-badge.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #a7f3d0;color:#065f46}.subject-management-status-badge.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca;color:#991b1b}.subject-management-status-badge.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fde68a;color:#92400e}.subject-management-status-badge.secondary{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #cbd5e1;color:#475569}.subject-management-selection-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.subject-management-selection-info:before{background:#4f46e5;background:var(--subject-management-primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.subject-management-selection-info p{align-items:flex-start;color:#0369a1;display:flex;font-weight:500;gap:1rem;line-height:1.6;margin:0}.subject-management-selection-info svg{color:#4f46e5;color:var(--subject-management-primary-color);flex-shrink:0;margin-top:.2rem}.subject-management-modal-overlay{align-items:center;animation:subject-management-overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes subject-management-overlayFadeIn{0%{opacity:0}to{opacity:1}}.subject-management-modal-content{animation:subject-management-modalSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff1a;border-radius:1rem;border-radius:var(--subject-management-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--subject-management-shadow-xl);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes subject-management-modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.subject-management-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subject-management-border-color);display:flex;justify-content:space-between;padding:2rem 2.5rem}.subject-management-modal-header h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#4f46e5,#8b5cf6);background:linear-gradient(90deg,var(--subject-management-primary-color),var(--subject-management-accent-color));-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--subject-management-dark-bg);display:flex;font-size:1.75rem;gap:1rem;margin:0}.subject-management-modal-close{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.5rem;border-radius:var(--subject-management-radius-md);color:#94a3b8;cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:44px}.subject-management-modal-close:hover{background:#ef4444;background:var(--subject-management-danger-color);border-color:#ef4444;border-color:var(--subject-management-danger-color);color:#fff;transform:rotate(90deg)}.subject-management-modal-body{padding:2.5rem}.subject-management-modal-section{margin-bottom:2.5rem}.subject-management-modal-section h4{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--subject-management-border-color);color:#334155;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.subject-management-modal-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:100%}.subject-management-modal-select:focus{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 0 0 4px #4f46e51a;outline:none;transform:translateY(-1px)}.subject-management-selected-subjects-list{grid-gap:1rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:300px;overflow-y:auto;padding:1.5rem}.subject-management-selected-subject-item{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-selected-subject-item:hover{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--subject-management-shadow-md);transform:translateY(-2px)}.subject-management-subject-name{color:#0f172a;color:var(--subject-management-dark-bg);font-size:1.1rem;font-weight:700}.subject-management-subject-code{background:#f1f5f9;border-radius:.375rem;border-radius:var(--subject-management-radius-sm);color:#4f46e5;color:var(--subject-management-primary-color);display:inline-block;font-family:Monaco,Consolas,monospace;font-size:.9rem;font-weight:600;padding:.25rem .75rem;width:fit-content}.subject-management-subject-class{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.subject-management-remove-subject{align-items:center;background:#ef4444;background:var(--subject-management-danger-color);border:none;border-radius:.5rem;border-radius:var(--subject-management-radius-md);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:32px}.subject-management-selected-subject-item:hover .subject-management-remove-subject{opacity:1}.subject-management-remove-subject:hover{transform:scale(1.1) rotate(90deg)}.subject-management-add-subjects-list{max-height:400px;padding:1.5rem}.subject-management-add-subject-item{margin-bottom:.75rem;padding:1.25rem;position:relative}.subject-management-add-subject-item input[type=checkbox]{height:20px;position:relative;width:20px}.subject-management-add-subject-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.subject-management-add-subject-item label{color:#334155;font-weight:500}.subject-management-add-subject-item label:before{content:"📚";font-size:1.2em}.subject-management-modal-footer{background:#f8fafc;border-radius:0 0 1rem 1rem;border-radius:0 0 var(--subject-management-radius-xl) var(--subject-management-radius-xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--subject-management-border-color);display:flex;gap:1.25rem;justify-content:flex-end;padding:2rem 2.5rem}.subject-management-update-modal-overlay{align-items:center;animation:subject-management-overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.subject-management-update-modal-content{animation:subject-management-modalSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fff3;border-radius:1rem;border-radius:var(--subject-management-radius-xl);box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%}.subject-management-update-modal-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subject-management-border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.subject-management-update-modal-header h3{align-items:center;color:#0f172a;color:var(--subject-management-dark-bg);display:flex;font-size:1.5rem;gap:.75rem;margin:0}.subject-management-update-modal-close{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--subject-management-radius-sm);color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:36px}.subject-management-update-modal-close:hover{background:#ef4444;background:var(--subject-management-danger-color);color:#fff;transform:rotate(90deg)}.subject-management-update-modal-body{padding:2rem}.subject-management-update-form{display:flex;flex-direction:column;gap:1.5rem}.subject-management-update-form-group{display:flex;flex-direction:column;gap:.5rem}.subject-management-update-form-group label{align-items:center;color:#334155;display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.subject-management-update-form-group label:after{color:#ef4444;color:var(--subject-management-danger-color);content:"*";font-size:1.1rem}.subject-management-update-form-group input,.subject-management-update-form-group select,.subject-management-update-form-group textarea{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.5rem;border-radius:var(--subject-management-radius-md);font-family:inherit;font-size:.95rem;font-weight:500;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-update-form-group textarea{min-height:80px;resize:vertical}.subject-management-update-form-group input:focus,.subject-management-update-form-group select:focus,.subject-management-update-form-group textarea:focus{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.subject-management-view-details{display:flex;flex-direction:column;gap:1.5rem}.subject-management-view-group{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subject-management-border-color);display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.subject-management-view-group:last-child{border-bottom:none;padding-bottom:0}.subject-management-view-group label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.subject-management-view-group p{color:#334155;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.subject-management-update-modal-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--subject-management-border-color);display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem}.subject-management-update-modal-actions .subject-management-btn-primary,.subject-management-update-modal-actions .subject-management-btn-secondary{flex:1 1}@media (max-width:1200px){.subject-management-container,.subject-management-header{padding:2rem}}@media (max-width:768px){.subject-management-wrapper>.sidebar{height:auto;position:relative;width:100%}.subject-management-container{margin-left:0;padding:1.5rem}.subject-management-filters,.subject-management-tabs{flex-direction:column}.subject-management-filter-box{width:100%}.subject-management-form{grid-template-columns:1fr}.subject-management-modal-content{margin:1rem;max-height:95vh}.subject-management-modal-body{padding:1.5rem}.subject-management-update-modal-content{margin:1rem;max-width:100%}.subject-management-update-modal-actions{flex-direction:column}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--subject-management-primary-color),var(--subject-management-accent-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4338ca,#7c3aed);background:linear-gradient(135deg,var(--subject-management-primary-dark),#7c3aed)}:focus{outline:2px solid #4f46e5;outline:2px solid var(--subject-management-primary-color);outline-offset:2px}@media print{.subject-management-screen{background:#fff!important}.subject-management-container{margin:0;padding:0}.subject-management-actions,.subject-management-filters,.subject-management-tabs{display:none!important}table{break-inside:avoid;page-break-inside:avoid}}.subject-management-bulk-form{display:flex;flex-direction:column;gap:2rem}.subject-management-bulk-fields{border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);overflow:hidden}.subject-management-bulk-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subject-management-border-color);display:flex;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-bulk-row.header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--subject-management-border-color);color:#334155;font-weight:600}.subject-management-bulk-row:last-child{border-bottom:none}.subject-management-bulk-row:hover:not(.header){background:#f8fafc;background:var(--subject-management-hover-bg)}.subject-management-bulk-col{flex:1 1;padding:0 1rem}.subject-management-bulk-col.actions{display:flex;flex:0 0 80px;justify-content:center}.subject-management-bulk-col input{border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.5rem;border-radius:var(--subject-management-radius-md);font-size:.95rem;font-weight:500;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:80%}.subject-management-bulk-col input:focus{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.subject-management-btn-add-row,.subject-management-btn-remove-row{align-items:center;border:none;border-radius:.5rem;border-radius:var(--subject-management-radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:36px}.subject-management-btn-add-row{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--subject-management-success-color),#34d399);color:#fff}.subject-management-btn-add-row:hover{box-shadow:0 5px 15px #10b9814d;transform:scale(1.1)}.subject-management-btn-remove-row{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--subject-management-danger-color),#f87171);color:#fff}.subject-management-btn-remove-row:hover{box-shadow:0 5px 15px #ef44444d;transform:scale(1.1)}.subject-management-bulk-controls{grid-gap:1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1.5rem}.subject-management-quick-actions{display:flex;flex-direction:column;gap:.75rem}.subject-management-quick-actions .subject-management-btn-secondary{font-size:.85rem;padding:.75rem 1rem}.subject-management-form-tabs{display:flex;gap:.5rem}.subject-management-form-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.5rem;border-radius:var(--subject-management-radius-md);color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-form-tab:hover{color:#4f46e5;color:var(--subject-management-primary-color)}.subject-management-form-tab.active,.subject-management-form-tab:hover{border-color:#4f46e5;border-color:var(--subject-management-primary-color)}.subject-management-form-tab.active{background:#4f46e5;background:var(--subject-management-primary-color);color:#fff}.subject-management-card-header-actions{align-items:center;display:flex;gap:1rem}.subject-management-search-box.small{min-width:250px}.subject-management-search-box.small .subject-management-search-input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.subject-management-search-box.small svg{font-size:.9rem;left:.75rem}.subject-management-modal-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.subject-management-btn-secondary.small{font-size:.8rem;padding:.5rem 1rem}.subject-management-modal-subject-name{color:#334155;font-weight:600}.subject-management-modal-subject-code{color:#4f46e5;color:var(--subject-management-primary-color);font-family:Monaco,Consolas,monospace;margin:0 .5rem}.subject-management-modal-subject-class{background:#f1f5f9;border-radius:.375rem;border-radius:var(--subject-management-radius-sm);color:#64748b;font-size:.9rem;margin:0 .5rem;padding:.2rem .5rem}.subject-management-status-badge.small{font-size:.7rem;margin-left:.5rem;padding:.25rem .5rem}.subject-management-add-subjects-list{background:#f8fafc;max-height:300px;overflow-y:auto}.subject-management-add-subject-item,.subject-management-add-subjects-list{border:2px solid #e2e8f0;border:2px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);padding:1rem}.subject-management-add-subject-item{align-items:center;background:#fff;display:flex;gap:1rem;margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-add-subject-item:hover{border-color:#4f46e5;border-color:var(--subject-management-primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--subject-management-shadow-md);transform:translateX(4px)}.subject-management-add-subject-item label{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.subject-management-add-subject-item input[type=checkbox]{border:2px solid #cbd5e1;border-radius:.375rem;border-radius:var(--subject-management-radius-sm);cursor:pointer;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition);width:18px}.subject-management-add-subject-item input[type=checkbox]:checked{background:#4f46e5;background:var(--subject-management-primary-color);border-color:#4f46e5;border-color:var(--subject-management-primary-color)}@media (max-width:1024px){.subject-management-bulk-row{align-items:stretch;flex-direction:column;gap:1rem}.subject-management-bulk-col{padding:0}.subject-management-bulk-col.actions{flex:0 0 auto;justify-content:flex-start}.subject-management-card-header-actions{align-items:stretch;flex-direction:column;gap:1rem}.subject-management-search-box.small{min-width:100%}}@media (max-width:768px){.subject-management-bulk-controls{grid-template-columns:1fr}.subject-management-form-tabs{flex-wrap:wrap}.subject-management-form-tab{flex:1 1;justify-content:center;min-width:120px}.subject-management-modal-section-header{align-items:stretch;flex-direction:column;gap:1rem}.subject-management-btn-secondary.small{align-self:flex-start}}.subject-management-add-subjects-list::-webkit-scrollbar,.subject-management-selected-subjects-list::-webkit-scrollbar{width:6px}.subject-management-add-subjects-list::-webkit-scrollbar-track,.subject-management-selected-subjects-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.subject-management-add-subjects-list::-webkit-scrollbar-thumb,.subject-management-selected-subjects-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.subject-management-add-subjects-list::-webkit-scrollbar-thumb:hover,.subject-management-selected-subjects-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes subject-management-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subject-management-bulk-row:not(.header){animation:subject-management-slideIn .3s ease-out}.subject-management-warning-popup{border-radius:.75rem;border-radius:var(--subject-management-radius-lg);border-top:4px solid #f59e0b;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--subject-management-shadow-lg)}.subject-management-warning-btn{background:linear-gradient(135deg,#f59e0b,#f97316)!important;border:none;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);font-weight:600;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-warning-btn:hover{box-shadow:0 10px 20px #f59e0b4d;transform:translateY(-2px)}.subject-management-error-popup{border-radius:.75rem;border-radius:var(--subject-management-radius-lg);border-top:4px solid #ef4444;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--subject-management-shadow-lg)}.subject-management-error-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none;border-radius:.75rem;border-radius:var(--subject-management-radius-lg);font-weight:600;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--subject-management-transition)}.subject-management-error-btn:hover{box-shadow:0 10px 20px #ef44444d;transform:translateY(-2px)}.subject-management-confirmation-popup{border-radius:.75rem;border-radius:var(--subject-management-radius-lg);border-top:4px solid #4f46e5;border-top:4px solid var(--subject-management-primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--subject-management-shadow-lg)}.subject-management-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:1.5rem}.subject-management-form-grid .subject-management-form-group{margin-bottom:0}.subject-management-view-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.subject-management-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--subject-management-border-color);border-radius:.75rem;border-radius:var(--subject-management-radius-lg);padding:1.25rem}.subject-management-detail-item.full-width{grid-column:1/-1}.subject-management-detail-item label{color:#64748b;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.subject-management-detail-value{color:#334155;font-size:1rem;font-weight:500;line-height:1.5}.subject-management-detail-value.subject-code{background:#4f46e51a;border-radius:.5rem;border-radius:var(--subject-management-radius-md);color:#4f46e5;color:var(--subject-management-primary-color);display:inline-block;font-family:Monaco,Consolas,monospace;font-weight:600;padding:.5rem 1rem}.subject-management-detail-value.description{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--subject-management-border-color);border-radius:.5rem;border-radius:var(--subject-management-radius-md);line-height:1.6;padding:1rem;white-space:pre-wrap}@media (max-width:768px){.subject-management-form-grid,.subject-management-view-details-grid{grid-template-columns:1fr}.subject-management-modal-content[style*="max-width: 600px"]{margin:1rem;max-width:calc(100% - 2rem)!important}}.subject-management-modal-content[style*="max-width: 600px"]{animation:subject-management-modalSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff1a;border-radius:1rem;border-radius:var(--subject-management-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--subject-management-shadow-xl)}.subject-management-modal-content[style*="max-width: 600px"] .subject-management-modal-body{padding:2rem}.subject-management-update-form .subject-management-form-group,.subject-management-update-form .subject-management-modal-section{margin-bottom:0}@keyframes subject-management-alertPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.subject-management-warning-popup .swal2-icon{animation:subject-management-alertPulse .5s ease-in-out}:root{--primary-color:#4f46e5;--primary-light:#6366f1;--primary-dark:#4338ca;--secondary-color:#7c3aed;--success-color:#10b981;--success-light:#34d399;--warning-color:#f59e0b;--warning-light:#fbbf24;--danger-color:#ef4444;--danger-light:#f87171;--info-color:#3b82f6;--info-light:#60a5fa;--dark-color:#1f2937;--light-color:#f9fafb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--sidebar-width:280px}body{color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.attendance-records-wrapper,body{background-color:#f9fafb;background-color:var(--gray-50)}.attendance-records-main,.attendance-records-wrapper{display:flex;min-height:100vh}.attendance-records-main{flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width)}.attendance-records-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.attendance-records-header-left{align-items:center;display:flex;gap:1rem}.attendance-records-back-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.attendance-records-back-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.attendance-records-title-section{display:flex;flex-direction:column}.attendance-records-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.attendance-records-title-icon{color:#4f46e5;color:var(--primary-color)}.attendance-records-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:.25rem}.attendance-records-header-actions{align-items:center;display:flex;gap:1rem}.attendance-records-action-btn{font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem}.attendance-records-action-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.attendance-records-action-btn-primary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.attendance-records-action-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.attendance-records-action-btn-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700)}.attendance-records-action-btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.attendance-records-content{flex:1 1;margin:0 auto;overflow-x:auto;padding:1.5rem 2rem;width:95%}.attendance-records-charts-section{margin-bottom:2rem}.attendance-records-stat-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.attendance-records-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.attendance-records-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.attendance-records-stat-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.attendance-records-stat-icon.success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),var(--success-light))}.attendance-records-stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--warning-color),var(--warning-light))}.attendance-records-stat-icon.info{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--info-color),var(--info-light))}.attendance-records-stat-content{flex:1 1}.attendance-records-stat-content h3{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.attendance-records-stat-value{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:800;margin:0}.attendance-records-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.attendance-records-chart-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.attendance-records-chart-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.attendance-records-chart-header h3{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.attendance-records-chart-header span{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:500}.attendance-records-chart-container{height:280px;padding:1.5rem}.attendance-records-filters-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);margin-bottom:2rem;overflow:hidden}.attendance-records-filters-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.attendance-records-filters-header h3{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.attendance-records-clear-filters{align-items:center;background:#0000;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.attendance-records-clear-filters:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.attendance-records-filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.attendance-records-filter-group{display:flex;flex-direction:column;gap:.5rem}.attendance-records-filter-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600}.attendance-records-filter-group input,.attendance-records-filter-group select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#1f2937;color:var(--gray-800);font-size:.875rem;padding:.625rem;transition:all .2s ease}.attendance-records-filter-group input:focus,.attendance-records-filter-group select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.attendance-records-filter-group select:disabled{background-color:#f9fafb;background-color:var(--gray-50);cursor:not-allowed}.attendance-records-date-range{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr}.attendance-records-date-range span{color:#6b7280;color:var(--gray-500);font-size:.875rem;text-align:center}.attendance-records-status-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0}.attendance-records-status-tag{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:20px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize;transition:all .2s ease}.attendance-records-status-tag:hover{background:#f9fafb;background:var(--gray-50)}.attendance-records-status-tag.active{border-color:#0000;color:#fff}.attendance-records-table-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.attendance-records-table-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.attendance-records-table-header-left{align-items:center;display:flex;gap:1rem}.attendance-records-table-header-left h3{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.attendance-records-selected-count{background:#4f46e51a;border-radius:20px;color:#4f46e5;color:var(--primary-color);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.attendance-records-table-header-right{align-items:center;display:flex;gap:1rem}.attendance-records-table-container{overflow:hidden}.attendance-records-loading{color:#6b7280;color:var(--gray-500);padding:3rem;text-align:center}.attendance-records-loading svg{color:#4f46e5;color:var(--primary-color);margin-bottom:1rem}.attendance-records-empty{color:#9ca3af;color:var(--gray-400);padding:3rem;text-align:center}.attendance-records-empty svg{color:#d1d5db;color:var(--gray-300);margin-bottom:1rem}.attendance-records-empty h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.attendance-records-empty p{font-size:.875rem}.attendance-records-table-wrapper{overflow-x:auto}.attendance-records-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.attendance-records-table th{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none}.attendance-records-table th svg{color:#9ca3af;color:var(--gray-400);font-size:.75rem;margin-left:.5rem}.attendance-records-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#1f2937;color:var(--gray-800);font-size:.875rem;padding:1rem;vertical-align:middle}.attendance-records-table tr:last-child td{border-bottom:none}.attendance-records-table tr:hover{background:#f9fafb;background:var(--gray-50)}.attendance-records-table tr.selected{background:#4f46e50d}.attendance-records-table-checkbox{text-align:center;width:40px}.attendance-records-table-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.attendance-records-student-id{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-weight:600;gap:.5rem}.attendance-records-student-info{display:flex;flex-direction:column}.attendance-records-student-name{color:#111827;color:var(--gray-900);font-weight:600}.attendance-records-class-badge{background:#4f46e51a;color:#4f46e5;color:var(--primary-color);padding:.25rem .75rem}.attendance-records-class-badge,.attendance-records-status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600}.attendance-records-status-badge{letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.attendance-records-status-badge.absent{background:#ef44441a;color:#ef4444;color:var(--danger-color)}.attendance-records-status-badge.present{background:#10b9811a;color:#10b981;color:var(--success-color)}.attendance-records-date-cell{align-items:center;display:flex;gap:.5rem}.attendance-records-date-cell svg{color:#9ca3af;color:var(--gray-400)}.attendance-records-day-badge{background:#f59e0b1a;border-radius:20px;color:#f59e0b;color:var(--warning-color);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.attendance-records-action-buttons{display:flex;gap:.5rem}.attendance-records-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.attendance-records-action-btn.view{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.attendance-records-action-btn.view:hover{background:#3b82f633}.attendance-records-action-btn.mark-present{background:#10b9811a;color:#10b981;color:var(--success-color)}.attendance-records-action-btn.mark-present:hover{background:#10b98133}.attendance-records-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.attendance-records-pagination-info{color:#4b5563;color:var(--gray-600);font-size:.875rem}.attendance-records-pagination-controls{align-items:center;display:flex;gap:.5rem}.attendance-records-pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.attendance-records-pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.attendance-records-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.attendance-records-pagination-btn.active{background:#4f46e5;background:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);color:#fff}.attendance-records-pagination-numbers{display:flex;gap:.25rem}.attendance-records-page-size{align-items:center;display:flex;gap:.5rem}.attendance-records-page-size select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#374151;color:var(--gray-700);font-size:.875rem;padding:.5rem}.attendance-records-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.attendance-records-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow:hidden;width:100%}.attendance-records-modal-content.confirm{max-width:400px}.attendance-records-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.attendance-records-modal-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0}.attendance-records-modal-close{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.attendance-records-modal-close:hover{background:#e5e7eb;background:var(--gray-200)}.attendance-records-modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.attendance-records-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.attendance-records-detail-item{display:flex;flex-direction:column;gap:.25rem}.attendance-records-detail-item label{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.attendance-records-detail-item span{color:#1f2937;color:var(--gray-800);font-size:.875rem}.attendance-records-confirmation-content{text-align:center}.attendance-records-confirmation-icon{align-items:center;background:#10b9811a;border-radius:50%;color:#10b981;color:var(--success-color);display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.attendance-records-confirmation-content h4{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.attendance-records-confirmation-content p{color:#4b5563;color:var(--gray-600);margin-bottom:1rem}.attendance-records-confirmation-details{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--border-radius);margin:1.5rem 0;padding:1rem;text-align:left}.attendance-records-confirmation-details p{color:#374151;color:var(--gray-700);margin-bottom:.5rem}.attendance-records-confirmation-details strong{color:#111827;color:var(--gray-900)}.attendance-records-warning-text{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;border-radius:var(--border-radius);color:#ef4444!important;color:var(--danger-color)!important;font-size:.875rem;font-weight:500;padding:.75rem}.attendance-records-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}.attendance-records-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.attendance-records-btn.secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.attendance-records-btn.secondary:hover{background:#f9fafb;background:var(--gray-50)}.attendance-records-btn.primary{background:#4f46e5;background:var(--primary-color);color:#fff}.attendance-records-btn.primary:hover{background:#4338ca;background:var(--primary-dark)}.attendance-records-btn.danger{background:#ef4444;background:var(--danger-color);color:#fff}.attendance-records-btn.danger:hover{background:#f87171;background:var(--danger-light)}.attendance-records-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.attendance-records-loading-content h3{font-size:1.25rem}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.attendance-records-content::-webkit-scrollbar,.attendance-records-modal-body::-webkit-scrollbar,.attendance-records-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.attendance-records-content::-webkit-scrollbar-track,.attendance-records-modal-body::-webkit-scrollbar-track,.attendance-records-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:3px}.attendance-records-content::-webkit-scrollbar-thumb,.attendance-records-modal-body::-webkit-scrollbar-thumb,.attendance-records-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}.attendance-records-content::-webkit-scrollbar-thumb:hover,.attendance-records-modal-body::-webkit-scrollbar-thumb:hover,.attendance-records-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}@media (max-width:1400px){.attendance-records-filters-grid,.attendance-records-stat-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.attendance-records-charts{grid-template-columns:1fr}.attendance-records-content{padding:1rem;width:100%}}@media (max-width:1024px){.attendance-records-main{margin-left:0}.attendance-records-wrapper{flex-direction:column}}@media (max-width:768px){.attendance-records-header{flex-direction:column;gap:1rem;padding:1rem}.attendance-records-header-left{align-items:flex-start;flex-direction:column;gap:.75rem}.attendance-records-header-actions{justify-content:space-between;width:100%}.attendance-records-filters-grid,.attendance-records-stat-cards{grid-template-columns:1fr}.attendance-records-table-header{align-items:stretch;flex-direction:column;gap:1rem}.attendance-records-table-header-left{align-items:flex-start;flex-direction:column}.attendance-records-table-header-right{justify-content:flex-start}.attendance-records-pagination{align-items:stretch;flex-direction:column;text-align:center}.attendance-records-pagination-controls{flex-wrap:wrap;justify-content:center}.attendance-records-details-grid{grid-template-columns:1fr}.attendance-records-modal-content{margin:1rem}}@media (max-width:480px){.attendance-records-action-btn{font-size:.75rem;padding:.5rem .75rem}.attendance-records-export-actions{flex-wrap:wrap}.attendance-records-modal-footer{flex-direction:column}.attendance-records-modal-footer .attendance-records-btn{justify-content:center;width:100%}}@media print{.attendance-records-action-buttons,.attendance-records-charts-section,.attendance-records-filters-section,.attendance-records-header,.attendance-records-pagination,.attendance-records-table-header{display:none!important}.attendance-records-table-section{border:none;box-shadow:none}.attendance-records-table{min-width:auto;width:100%}.attendance-records-action-buttons,.attendance-records-table-checkbox{display:none}}.attendance-records-export-actions{display:flex;gap:.5rem}.attendance-records-export-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.attendance-records-export-btn:hover{background:#f9fafb;background:var(--gray-50);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.attendance-records-export-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.attendance-records-export-btn:first-child{background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;color:#fff}.attendance-records-export-btn:first-child:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#2563eb);box-shadow:0 4px 12px #4f46e54d}.attendance-records-progress-steps{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:20px}.progress-step{background:#f3f4f6;background:var(--gray-100);border-radius:4px;color:#4b5563;color:var(--gray-600);font-size:12px;padding:5px 10px 5px 25px;position:relative}.progress-step:before{content:"○";left:10px;position:absolute;top:50%;transform:translateY(-50%)}.progress-step.active{background:#4f46e51a;color:#4f46e5;color:var(--primary-color)}.progress-step.active:before{color:#10b981;color:var(--success-color);content:"✓"}.attendance-records-loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.attendance-records-loading-content{animation:slideUp .5s ease;background:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:500px;padding:3rem;text-align:center;width:90%}.attendance-records-loading-content svg{color:#4f46e5;color:var(--primary-color);margin-bottom:1.5rem}.attendance-records-loading-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.attendance-records-loading-content p{color:#4b5563;color:var(--gray-600);margin-bottom:1rem}@media print{.attendance-records-export-btn:first-child{background:none!important;border:1px solid #ccc!important;color:#000!important}}.attendance-records-export-btn:after{background:#1f2937;background:var(--gray-800);border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.attendance-records-export-btn:hover:after{opacity:1}:root{--primary-color:#4361ee;--primary-dark:#3a56d4;--secondary-color:#7209b7;--success-color:#06d6a0;--warning-color:#ffd166;--danger-color:#ef476f;--info-color:#118ab2;--dark-color:#1a1a2e;--light-color:#f8f9fa;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--status-paid:#10b981;--status-unpaid:#ef4444;--status-partial:#f59e0b;--status-pending:#8b5cf6;--gradient-primary:linear-gradient(135deg,#4361ee,#3a0ca3);--gradient-success:linear-gradient(135deg,#06d6a0,#04a777);--gradient-warning:linear-gradient(135deg,#ffd166,#ffb347);--gradient-danger:linear-gradient(135deg,#ef476f,#d90429);--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:20px;--border-radius-full:9999px}.FeeDefaulters *{box-sizing:border-box;margin:0;padding:0}.FeeDefaulters{background:linear-gradient(135deg,#f5f7fa,#e4edf5);color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.FeeDefaulters-header{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--gradient-primary);border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;overflow:visible!important;padding:2rem;position:relative!important;z-index:100!important}.FeeDefaulters-header:before{background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);border-radius:50%;content:"";height:300px;position:absolute;right:0;top:0;width:300px}.FeeDefaulters-headerContent{position:relative;z-index:1}.FeeDefaulters-title{align-items:center;color:#fff;display:flex;font-size:2.25rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.FeeDefaulters-headerIcon{color:#ffffffe6;font-size:2rem}.FeeDefaulters-subtitle{color:#ffffffe6;font-size:1rem;line-height:1.5;max-width:600px}.FeeDefaulters-headerActions{margin-top:2vh;overflow:visible!important;position:relative!important;z-index:1000}.FeeDefaulters-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-right:2vh;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.FeeDefaulters-btn:hover:before{height:300px;width:300px}.FeeDefaulters-btnPrimary{background:linear-gradient(135deg,#06d6a0,#04a777);background:linear-gradient(135deg,var(--success-color) 0,#04a777 100%);box-shadow:0 4px 12px #06d6a04d;color:#fff}.FeeDefaulters-btnPrimary:hover{box-shadow:0 6px 20px #06d6a066;transform:translateY(-2px)}.FeeDefaulters-btnSecondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;color:#fff}.FeeDefaulters-btnSecondary:hover{background:#ffffff40;transform:translateY(-2px)}.FeeDefaulters-btnExport{background:#7209b7;background:var(--secondary-color);box-shadow:0 4px 12px #7209b74d;color:#fff;position:relative;z-index:1002}.FeeDefaulters-btnRefresh{background:#fff3;border-radius:50%;color:#fff;height:44px;padding:0;width:44px}.FeeDefaulters-btnRefresh:hover{background:#ffffff4d;transform:rotate(45deg)}.FeeDefaulters-dropdown{display:inline-block;position:relative;z-index:1001}.FeeDefaulters-dropdownContent{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:block!important;margin-top:.5rem!important;min-width:280px!important;opacity:0;overflow:visible!important;padding:.5rem!important;position:absolute!important;right:0!important;top:100%!important;transform:translateY(-10px);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);visibility:hidden;z-index:999999!important}.FeeDefaulters-dropdown .FeeDefaulters-dropdownContent{transform:none!important;transform-origin:top right!important;will-change:transform,opacity}.FeeDefaulters-dropdown:hover .FeeDefaulters-dropdownContent{display:block!important;opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.FeeDefaulters-dropdownContent a{align-items:center;border-radius:6px;border-radius:var(--border-radius-sm);color:#334155;color:var(--gray-700);display:block;display:flex;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-dropdownContent *,.FeeDefaulters-dropdownContent a{position:relative!important;z-index:999999!important}.FeeDefaulters-dropdownContent a:hover{background:#f1f5f9;background:var(--gray-100);color:#4361ee;color:var(--primary-color)}.FeeDefaulters-exportOptions{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);margin-bottom:.5rem;padding:.75rem 1rem;position:relative!important;z-index:999999!important}.FeeDefaulters-exportSelect{border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--border-radius-sm);font-size:.875rem;margin-top:.5rem;padding:.5rem;position:relative!important;width:100%;z-index:999999!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.FeeDefaulters-statsOverview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.FeeDefaulters-statCard{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.FeeDefaulters-statCard:before{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.FeeDefaulters-statCard:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.FeeDefaulters-statIcon{align-items:center;border-radius:14px;border-radius:var(--border-radius-lg);color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.FeeDefaulters-statTotal{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:var(--gradient-primary)}.FeeDefaulters-statDefaulters{background:linear-gradient(135deg,#ef476f,#d90429);background:var(--gradient-danger)}.FeeDefaulters-statPending{background:linear-gradient(135deg,#ffd166,#ffb347)}.FeeDefaulters-statCurrent{background:linear-gradient(135deg,#06d6a0,#04a777);background:var(--gradient-success)}.FeeDefaulters-statDetails{flex:1 1}.FeeDefaulters-statValue{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.FeeDefaulters-statLabel{color:#475569;color:var(--gray-600);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.FeeDefaulters-statSubtext{color:#64748b;color:var(--gray-500);font-size:.75rem}.FeeDefaulters-filterSection{background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:visible!important;position:relative;z-index:10}.FeeDefaulters-filterHeader{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.FeeDefaulters-filterHeader h3{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.FeeDefaulters-filterActions{align-items:center;display:flex;gap:1rem}.FeeDefaulters-clearFilters{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding:.5rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-clearFilters:hover{background:#f1f5f9;background:var(--gray-100);color:#ef476f;color:var(--danger-color)}.FeeDefaulters-btnApply{background:#4361ee;background:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-btnApply:hover{background:#3a56d4;background:var(--primary-dark);transform:translateY(-1px)}.FeeDefaulters-filterGrid{grid-gap:2rem;display:grid;gap:2rem;padding:1.5rem}.FeeDefaulters-filterGroup{position:relative}.FeeDefaulters-filterLabel{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.FeeDefaulters-filterBadge{background:#4361ee;background:var(--primary-color);border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.FeeDefaulters-dropdown-container{display:block;isolation:isolate;position:relative;width:100%}.FeeDefaulters-dropdown-toggle{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%;z-index:5}.FeeDefaulters-dropdown-toggle:hover{border-color:#cbd5e1;border-color:var(--gray-300)}.FeeDefaulters-dropdown-toggle:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.FeeDefaulters-dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--border-radius-md);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.FeeDefaulters-month-dropdown{left:0!important;position:absolute!important;top:100%!important;transform:none!important;width:300px!important;z-index:1000!important}.FeeDefaulters-dropdown-header{background:#f1f5f9;background:var(--gray-100);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;gap:.5rem;padding:.75rem 1rem;position:sticky;top:0;z-index:1}.FeeDefaulters-dropdown-header button{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--border-radius-sm);cursor:pointer;flex:1 1;font-size:.75rem;padding:.375rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-dropdown-header button:hover{background:#f1f5f9;background:var(--gray-100);border-color:#94a3b8;border-color:var(--gray-400)}.FeeDefaulters-checkbox-list{max-height:350px;overflow-y:auto;padding:.5rem}.FeeDefaulters-checkbox-item{align-items:center;border-radius:6px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;padding:.5rem;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.FeeDefaulters-checkbox-item:hover{background-color:#f1f5f9;background-color:var(--gray-100)}.FeeDefaulters-checkbox-item input{display:none}.FeeDefaulters-checkbox-custom{border:2px solid #cbd5e1;border:2px solid var(--gray-300);border-radius:4px;flex-shrink:0;height:18px;margin-right:.75rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:18px}.FeeDefaulters-checkbox-item input:checked+.FeeDefaulters-checkbox-custom{background:#4361ee;background:var(--primary-color);border-color:#4361ee;border-color:var(--primary-color)}.FeeDefaulters-checkbox-item input:checked+.FeeDefaulters-checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.FeeDefaulters-checkbox-label{color:#334155;color:var(--gray-700);flex-grow:1;font-size:.875rem}.FeeDefaulters-dropdown-item{align-items:center;background:none;border:none;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.FeeDefaulters-dropdown-item:hover{background:#f1f5f9;background:var(--gray-100);color:#4361ee;color:var(--primary-color)}.FeeDefaulters-dropdown-item-active{background:linear-gradient(135deg,#4361ee1a,#3a0ca30d);color:#4361ee;color:var(--primary-color)}.FeeDefaulters-filterRow{display:flex;gap:1.5rem}.FeeDefaulters-filterGroup-small{flex:1 1}.FeeDefaulters-advance-filters-toggle{grid-column:1/-1;margin-top:1rem;text-align:center}.FeeDefaulters-advance-filters{grid-gap:1.5rem;animation:slideDown .3s ease-out;background:var(--gray-50);border-radius:14px;border-radius:var(--border-radius-lg);display:grid;gap:1.5rem;grid-column:1/-1;margin-top:1rem;padding:1.5rem}.FeeDefaulters-classSectionGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.FeeDefaulters-classSectionGroup label{color:#475569;color:var(--gray-600);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.FeeDefaulters-classInputWrapper{position:relative}.FeeDefaulters-classIcon{color:#94a3b8;color:var(--gray-400);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.FeeDefaulters-classInput{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:80%}.FeeDefaulters-classInput:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.FeeDefaulters-clearInput{align-items:center;background:#e2e8f0;background:var(--gray-200);border:none;border-radius:50%;color:#475569;color:var(--gray-600);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:24px}.FeeDefaulters-clearInput:hover{background:#cbd5e1;background:var(--gray-300);color:#1e293b;color:var(--gray-800)}.FeeDefaulters-amountFilter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.FeeDefaulters-amountInputGroup{flex:1 1;min-width:200px}.FeeDefaulters-amountInputGroup label{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.FeeDefaulters-amountInput{align-items:center;display:flex;position:relative}.FeeDefaulters-currencySymbol{color:#64748b;color:var(--gray-500);font-weight:500;left:1rem;position:absolute}.FeeDefaulters-amountInput input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);font-size:.875rem;padding:.75rem 1rem .75rem 3rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.FeeDefaulters-amountInput input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.FeeDefaulters-amountDivider{color:#94a3b8;color:var(--gray-400);font-weight:500}.FeeDefaulters-searchGroup{background:var(--gray-50);border-radius:14px;border-radius:var(--border-radius-lg);padding:1.5rem}.FeeDefaulters-searchBox{margin-bottom:.75rem;position:relative}.FeeDefaulters-searchIcon{color:#94a3b8;color:var(--gray-400);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.FeeDefaulters-searchInput{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.FeeDefaulters-searchInput:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.FeeDefaulters-clearSearch{background:none;border:none;color:#94a3b8;color:var(--gray-400);cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-clearSearch:hover{color:#475569;color:var(--gray-600)}.FeeDefaulters-searchTips{color:#64748b;color:var(--gray-500);font-size:.75rem}.FeeDefaulters-resultsSummary{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.FeeDefaulters-resultsInfo,.FeeDefaulters-resultsStats{align-items:center;display:flex;gap:1.5rem}.FeeDefaulters-resultsStats{flex-wrap:wrap}.FeeDefaulters-resultsCount strong{color:#0f172a;color:var(--gray-900);font-size:1.25rem}.FeeDefaulters-resultsPending,.FeeDefaulters-selectedCount{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:9999px;border-radius:var(--border-radius-full);color:#334155;color:var(--gray-700);display:flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem}.FeeDefaulters-resultsPending{background:linear-gradient(135deg,#ffd1661a,#ffb3470d);color:#f59e0b}.FeeDefaulters-selectedCount{background:linear-gradient(135deg,#06d6a01a,#04a7770d);color:#06d6a0;color:var(--success-color)}.FeeDefaulters-viewControls{display:flex;gap:.5rem}.FeeDefaulters-viewBtn{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.FeeDefaulters-viewBtn:hover{border-color:#cbd5e1;border-color:var(--gray-300);color:#1e293b;color:var(--gray-800)}.FeeDefaulters-viewBtnActive{background:#4361ee;background:var(--primary-color);border-color:#4361ee;border-color:var(--primary-color);color:#fff}.FeeDefaulters-pageControls{align-items:center;display:flex;gap:.75rem}.FeeDefaulters-pageSize{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem}.FeeDefaulters-pageSelect{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--border-radius-sm);font-size:.875rem;padding:.375rem .75rem}.FeeDefaulters-tableContainer{background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.FeeDefaulters-tableWrapper{overflow-x:auto}.FeeDefaulters-table{border-collapse:collapse;min-width:1000px;width:100%}.FeeDefaulters-table thead{background:linear-gradient(135deg,var(--gray-50) 0,#f1f5f9 100%);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)}.FeeDefaulters-tableHeader{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);color:#334155;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;position:relative;text-align:left;text-transform:uppercase;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-tableHeader:hover{background:#f1f5f9;background:var(--gray-100)}.FeeDefaulters-sortIcon{font-size:.75rem;margin-left:.5rem}.FeeDefaulters-tableCheckbox{padding:0 1rem;text-align:center;width:40px}.FeeDefaulters-tableCheckbox input{cursor:pointer;height:18px;width:18px}.FeeDefaulters-monthColumn{min-width:150px}.FeeDefaulters-monthSubtitle{color:#64748b;color:var(--gray-500);font-size:.75rem;font-weight:400;letter-spacing:normal;margin-top:.25rem;text-transform:none}.FeeDefaulters-table tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-table tbody tr:hover{background:linear-gradient(135deg,#4361ee05,#3a0ca303)}.FeeDefaulters-rowSelected{background:linear-gradient(135deg,#06d6a00d,#04a77705)}.FeeDefaulters-table tbody td{padding:1rem 1.25rem;vertical-align:top}.FeeDefaulters-studentCell{min-width:250px}.FeeDefaulters-studentInfo{display:flex;flex-direction:column;gap:.5rem}.FeeDefaulters-studentName{color:#0f172a;color:var(--gray-900);font-size:.95rem;font-weight:600}.FeeDefaulters-studentDetails{color:#475569;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.FeeDefaulters-studentDetails span{align-items:center;display:flex;gap:.25rem}.FeeDefaulters-familyInfo{display:flex;flex-direction:column;gap:.5rem}.FeeDefaulters-familyBadge{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.FeeDefaulters-familyBadge.family{background:linear-gradient(135deg,#7209b71a,#7209b70d);color:#7209b7;color:var(--secondary-color)}.FeeDefaulters-familyBadge.solo{background:linear-gradient(135deg,#4361ee1a,#4361ee0d);color:#4361ee;color:var(--primary-color)}.FeeDefaulters-bForm,.FeeDefaulters-familyCode{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.75rem;gap:.375rem}.FeeDefaulters-classInfo{display:flex;flex-direction:column;gap:.375rem}.FeeDefaulters-classSection{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-weight:500;gap:.5rem}.FeeDefaulters-section{background:#f1f5f9;background:var(--gray-100);border-radius:9999px;border-radius:var(--border-radius-full);padding:.125rem .5rem}.FeeDefaulters-address,.FeeDefaulters-section{color:#64748b;color:var(--gray-500);font-size:.75rem}.FeeDefaulters-address{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FeeDefaulters-genderBadge{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.FeeDefaulters-genderBadge.male{background:linear-gradient(135deg,#4361ee1a,#4361ee0d);color:#4361ee;color:var(--primary-color)}.FeeDefaulters-genderBadge.female{background:linear-gradient(135deg,#ef476f1a,#ef476f0d);color:#ef476f;color:var(--danger-color)}.FeeDefaulters-monthCell{min-width:150px}.FeeDefaulters-monthStatus{display:flex;flex-direction:column;gap:.5rem}.FeeDefaulters-statusBadge{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;justify-content:center;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-statusBadge:hover{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.FeeDefaulters-statusNoData{background:#94a3b8;background:var(--gray-400)}.FeeDefaulters-monthAmounts{color:#475569;color:var(--gray-600);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.FeeDefaulters-overallStatus{display:flex;flex-direction:column;gap:.5rem}.FeeDefaulters-overallAmounts{color:#475569;color:var(--gray-600);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.FeeDefaulters-paidMonths{margin-top:.25rem}.FeeDefaulters-actionButtons{display:flex;gap:.5rem}.FeeDefaulters-actionBtn{align-items:center;background:#f1f5f9;background:var(--gray-100);border:none;border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.FeeDefaulters-actionBtn:hover{transform:translateY(-1px)}.FeeDefaulters-actionBtn.FeeDefaulters-detailsBtn:hover{background:#7209b7;background:var(--secondary-color);color:#fff}.FeeDefaulters-actionBtn.FeeDefaulters-historyBtn:hover{background:#118ab2;background:var(--info-color);color:#fff}.FeeDefaulters-expandedRow{animation:slideDownExpand .3s ease-out;background:linear-gradient(135deg,#f8f9fa80,#e9ecef4d)}@keyframes slideDownExpand{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.FeeDefaulters-noData{color:#64748b;color:var(--gray-500);padding:3rem 2rem;text-align:center}.FeeDefaulters-noData h3{color:#334155;color:var(--gray-700);margin:1rem 0 .5rem}.FeeDefaulters-noData p{font-size:.875rem;margin-bottom:1.5rem}.FeeDefaulters-cardsContainer{margin-bottom:2rem}.FeeDefaulters-cardsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.FeeDefaulters-card{background:#fff;border:2px solid #0000;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.FeeDefaulters-card:hover{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.FeeDefaulters-cardSelected{background:linear-gradient(135deg,#06d6a005,#04a77703);border-color:#06d6a0;border-color:var(--success-color)}.FeeDefaulters-cardHeader{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,#f1f5f9 100%);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;gap:.75rem;padding:1.25rem}.FeeDefaulters-cardCheckbox{flex-shrink:0}.FeeDefaulters-cardTitle{flex:1 1}.FeeDefaulters-cardTitle h4{color:#0f172a;color:var(--gray-900);font-weight:600;margin-bottom:.25rem}.FeeDefaulters-cardSubtitle{color:#475569;color:var(--gray-600);display:flex;font-size:.75rem;gap:.5rem}.FeeDefaulters-cardStatus{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:32px;justify-content:center;width:32px}.FeeDefaulters-cardBody{padding:1.25rem}.FeeDefaulters-cardInfo{display:flex;flex-direction:column;gap:1rem}.FeeDefaulters-infoRow{align-items:flex-start;display:flex;gap:.75rem}.FeeDefaulters-infoRow>svg{color:#94a3b8;color:var(--gray-400);flex-shrink:0;margin-top:.125rem}.FeeDefaulters-infoRow small{color:#64748b;color:var(--gray-500);display:block;font-size:.75rem;margin-bottom:.125rem}.FeeDefaulters-infoRow p{color:#334155;color:var(--gray-700);font-size:.875rem}.FeeDefaulters-familyTypeBadge{border-radius:9999px;border-radius:var(--border-radius-full);display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.FeeDefaulters-familyTypeBadge.family{background:#7209b71a;color:#7209b7;color:var(--secondary-color)}.FeeDefaulters-familyTypeBadge.solo{background:#4361ee1a;color:#4361ee;color:var(--primary-color)}.FeeDefaulters-monthlyOverview{margin-top:.5rem}.FeeDefaulters-monthlyPills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.FeeDefaulters-monthlyPill{align-items:center;display:flex;flex-direction:column;gap:.25rem}.FeeDefaulters-pillMonth{color:#475569;color:var(--gray-600);font-size:.75rem}.FeeDefaulters-pillStatus{border-radius:2px;height:4px;width:24px}.FeeDefaulters-paymentProgress{margin-top:1rem}.FeeDefaulters-progressHeader{color:#475569;color:var(--gray-600);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.5rem}.FeeDefaulters-progressBar{background:#e2e8f0;background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.FeeDefaulters-progressFill{border-radius:3px;height:100%;transition:width 1s ease-in-out}.FeeDefaulters-amountDetails{grid-gap:.75rem;border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;padding-top:1rem}.FeeDefaulters-amountItem{text-align:center}.FeeDefaulters-amountItem small{color:#64748b;color:var(--gray-500);display:block;font-size:.75rem;margin-bottom:.25rem}.FeeDefaulters-amountItem strong{color:#1e293b;color:var(--gray-800);font-size:.875rem}.FeeDefaulters-amountPaid{color:#10b981!important;color:var(--status-paid)!important}.FeeDefaulters-amountPending{color:#f59e0b!important;color:var(--status-partial)!important}.FeeDefaulters-additionalInfo{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);margin-top:1rem;padding-top:1rem}.FeeDefaulters-additionalInfo p{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.75rem;gap:.375rem}.FeeDefaulters-cardFooter{background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;padding:1rem 1.25rem}.FeeDefaulters-cardBtn{align-items:center;border:none;border-radius:10px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-cardViewBtn{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);color:#334155;color:var(--gray-700)}.FeeDefaulters-cardViewBtn:hover{background:#f1f5f9;background:var(--gray-100);border-color:#94a3b8;border-color:var(--gray-400)}.FeeDefaulters-cardActionBtn{background:#4361ee;background:var(--primary-color);color:#fff}.FeeDefaulters-cardActionBtn:hover{background:#3a56d4;background:var(--primary-dark);transform:translateY(-1px)}.FeeDefaulters-paginationContainer{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.FeeDefaulters-paginationInfo{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.875rem;gap:1rem}.FeeDefaulters-paginationSummary{color:#334155;color:var(--gray-700);font-weight:500}.FeeDefaulters-pagination{display:flex;gap:.5rem}.FeeDefaulters-pageBtn{align-items:center;background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--border-radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.FeeDefaulters-pageBtn:hover:not(:disabled){border-color:#4361ee;border-color:var(--primary-color);color:#4361ee;color:var(--primary-color);transform:translateY(-1px)}.FeeDefaulters-pageBtn:disabled{cursor:not-allowed;opacity:.5}.FeeDefaulters-pageBtnActive{background:#4361ee;background:var(--primary-color);border-color:#4361ee;border-color:var(--primary-color);color:#fff}.FeeDefaulters-pageEllipsis{align-items:center;color:#64748b;color:var(--gray-500);display:flex;height:36px;justify-content:center;width:36px}.FeeDefaulters-summaryFooter{align-items:center;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem}.FeeDefaulters-summaryStats{display:flex;flex-wrap:wrap;gap:2rem}.FeeDefaulters-summaryItem{display:flex;flex-direction:column;gap:.25rem}.FeeDefaulters-summaryLabel{color:#64748b;color:var(--gray-500);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.FeeDefaulters-summaryValue{color:#1e293b;color:var(--gray-800);font-size:1.125rem;font-weight:600}.FeeDefaulters-summaryPending{color:#f59e0b;color:var(--status-partial)}.FeeDefaulters-summaryPaid{color:#10b981;color:var(--status-paid)}.FeeDefaulters-summaryDefaulters{color:#ef476f;color:var(--danger-color)}.FeeDefaulters-summaryActions{display:flex;gap:1rem}.FeeDefaulters-btnPrint{background:#f1f5f9;background:var(--gray-100);border:none;color:#334155;color:var(--gray-700)}.FeeDefaulters-btnPrint:hover{background:#e2e8f0;background:var(--gray-200)}.FeeDefaulters-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.FeeDefaulters-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#4361ee;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:1.5rem;width:50px}.FeeDefaulters-loading p{color:#475569;color:var(--gray-600);font-size:1rem;margin-bottom:.5rem}.FeeDefaulters-loadingSubtext{color:#64748b;color:var(--gray-500);font-size:.875rem}.FeeDefaulters-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:99999}.FeeDefaulters-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.FeeDefaulters-payment-history-modal{width:800px}.FeeDefaulters-student-details-modal{width:700px}.FeeDefaulters-modal-header{align-items:center;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.FeeDefaulters-modal-header h3{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:1.25rem;gap:.75rem;margin:0}.FeeDefaulters-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.FeeDefaulters-modal-close:hover{background:#e2e8f0;background:var(--gray-200);color:#334155;color:var(--gray-700)}.FeeDefaulters-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.FeeDefaulters-modal-footer{background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.FeeDefaulters-month-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr);margin-bottom:2rem}.FeeDefaulters-month-card{background:#fff;border:2px solid;border-radius:10px;border-radius:var(--border-radius-md);padding:.75rem .5rem;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-month-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.FeeDefaulters-month-card-paid{background:#10b9810d;border-color:#10b981}.FeeDefaulters-month-card-unpaid{background:#ef44440d;border-color:#ef4444}.FeeDefaulters-month-card-partial{background:#f59e0b0d;border-color:#f59e0b}.FeeDefaulters-month-card-header{color:#334155;color:var(--gray-700);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.FeeDefaulters-month-card-status{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;margin:0 auto .5rem;width:32px}.FeeDefaulters-month-card-footer{color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:500}.FeeDefaulters-payment-summary{background:var(--gray-50);border-radius:14px;border-radius:var(--border-radius-lg);margin-bottom:1.5rem;padding:1.5rem}.FeeDefaulters-summary-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.5rem 0}.FeeDefaulters-summary-row:last-child{border-bottom:none}.FeeDefaulters-summary-label{color:#334155;color:var(--gray-700);font-size:.875rem;font-weight:500}.FeeDefaulters-summary-value{font-size:.875rem;font-weight:600}.FeeDefaulters-summary-value.FeeDefaulters-paid{color:#10b981}.FeeDefaulters-summary-value.FeeDefaulters-unpaid{color:#ef4444}.FeeDefaulters-summary-value.FeeDefaulters-partial{color:#f59e0b}.FeeDefaulters-payment-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.FeeDefaulters-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--border-radius-lg);display:flex;gap:1rem;padding:1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.FeeDefaulters-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.FeeDefaulters-stat-icon{align-items:center;border-radius:10px;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.FeeDefaulters-stat-content{flex:1 1}.FeeDefaulters-stat-value{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-weight:700;line-height:1}.FeeDefaulters-stat-label{color:#475569;color:var(--gray-600);font-size:.875rem;margin-top:.25rem}.FeeDefaulters-payment-chart{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--border-radius-lg);padding:1.5rem}.FeeDefaulters-chart-header{margin-bottom:1rem}.FeeDefaulters-chart-header h4{color:#1e293b;color:var(--gray-800);font-size:1rem;margin:0}.FeeDefaulters-chart-bar{background:#e2e8f0;background:var(--gray-200);border-radius:12px;height:24px;margin-bottom:.5rem;overflow:hidden;position:relative}.FeeDefaulters-chart-progress{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:100%;justify-content:center;left:0;min-width:60px;position:absolute;top:0;transition:width 1s ease-in-out}.FeeDefaulters-chart-progress span{position:relative;z-index:1}.FeeDefaulters-chart-labels{color:#64748b;color:var(--gray-500);display:flex;font-size:.75rem;justify-content:space-between}.FeeDefaulters-student-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.FeeDefaulters-detail-section{background:var(--gray-50);border-radius:14px;border-radius:var(--border-radius-lg);padding:1.25rem}.FeeDefaulters-detail-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);color:#1e293b;color:var(--gray-800);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.FeeDefaulters-detail-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.FeeDefaulters-detail-row:last-child{margin-bottom:0}.FeeDefaulters-detail-label{color:#475569;color:var(--gray-600);flex-shrink:0;font-size:.875rem;font-weight:500}.FeeDefaulters-detail-value{color:#1e293b;color:var(--gray-800);font-size:.875rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.FeeDefaulters-status-badge{border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.FeeDefaulters-actionDropdown{display:inline-block;position:relative}.FeeDefaulters-actionDropdownContent{animation:slideDown .2s ease-out;background:#fff;border-radius:10px;border-radius:var(--border-radius-md);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:none;margin-top:.5rem;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.FeeDefaulters-actionDropdown:hover .FeeDefaulters-actionDropdownContent{display:block}.FeeDefaulters-actionDropdownContent button{align-items:center;background:none;border:none;border-radius:0;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.FeeDefaulters-actionDropdownContent button:hover{background:#f1f5f9;background:var(--gray-100);color:#4361ee;color:var(--primary-color)}@media (max-width:1200px){.FeeDefaulters-statsOverview{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.FeeDefaulters-filterHeader,.FeeDefaulters-headerActions{align-items:flex-start;flex-direction:column}.FeeDefaulters-filterHeader{gap:1rem}.FeeDefaulters-paginationContainer,.FeeDefaulters-resultsSummary,.FeeDefaulters-summaryFooter{align-items:flex-start;flex-direction:column}.FeeDefaulters-student-details-grid{grid-template-columns:1fr}}@media (max-width:768px){.FeeDefaulters-classSectionGrid,.FeeDefaulters-statsOverview{grid-template-columns:1fr}.FeeDefaulters-filterRow{flex-direction:column;gap:1rem}.FeeDefaulters-cardsGrid{grid-template-columns:1fr}.FeeDefaulters-summaryStats{flex-direction:column;gap:1rem}.FeeDefaulters-month-cards{grid-template-columns:repeat(3,1fr)}.FeeDefaulters-payment-stats{grid-template-columns:1fr}.FeeDefaulters-modal{max-width:95%}.FeeDefaulters-payment-history-modal,.FeeDefaulters-student-details-modal{width:95%}.FeeDefaulters-month-dropdown{left:50%!important;max-width:90vw;position:fixed!important;transform:translateX(-50%)!important;width:100%!important}}@media (max-width:576px){.FeeDefaulters-resultsStats{align-items:flex-start;flex-direction:column;gap:.5rem}.FeeDefaulters-pagination{flex-wrap:wrap}.FeeDefaulters-month-cards{grid-template-columns:repeat(2,1fr)}.FeeDefaulters-month-dropdown{left:50%!important;max-width:90vw;position:fixed!important;transform:translateX(-50%)!important;width:100%!important}}@media print{.FeeDefaulters-actionButtons,.FeeDefaulters-cardFooter,.FeeDefaulters-filterSection,.FeeDefaulters-header,.FeeDefaulters-paginationContainer,.FeeDefaulters-resultsSummary,.FeeDefaulters-summaryFooter{display:none!important}.FeeDefaulters-tableContainer{border:1px solid #cbd5e1;border:1px solid var(--gray-300);box-shadow:none}.FeeDefaulters-table{min-width:auto}.FeeDefaulters-table td,.FeeDefaulters-table th{padding:.5rem}}.ReportCardTemplate{background:#f8f9fa;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.dashboard-wrapper{display:flex;min-height:100vh}.main-content{background:#f8f9fa;flex:1 1;padding:20px}.content{margin:0 auto;max-width:1200px}.ReportCardTemplate-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.ReportCardTemplate-title{align-items:center;color:#2c3e50;display:flex;font-size:24px;gap:10px;margin:0}.ReportCardTemplate-subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.ReportCardTemplate-headerActions{display:flex;gap:10px}.ReportCardTemplate-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.ReportCardTemplate-btnPrimary{background:#3498db;color:#fff}.ReportCardTemplate-btnPrimary:hover{background:#2980b9}.ReportCardTemplate-btnSecondary{background:#95a5a6;color:#fff}.ReportCardTemplate-btnSecondary:hover{background:#7f8c8d}.ReportCardTemplate-btnEdit{background:#f39c12;color:#fff}.ReportCardTemplate-btnEdit:hover{background:#e67e22}.ReportCardTemplate-btnSuccess{background:#2ecc71;color:#fff}.ReportCardTemplate-btnExport{background:#9b59b6;color:#fff}.ReportCardTemplate-btnCancel{background:#e74c3c;color:#fff}.ReportCardTemplate-btnCancel:hover{background:#c0392b}.ReportCardTemplate-card-new{background:#fff;border-radius:0;box-shadow:0 0 0 1px #000;font-family:Times New Roman,serif;margin:0 auto;max-width:1000px;padding:30px}.ReportCardTemplate-schoolHeader{border-bottom:2px solid #000;margin-bottom:30px;padding-bottom:10px;text-align:center}.ReportCardTemplate-schoolHeader h1{color:#000;font-size:32px;font-weight:700;letter-spacing:1px;margin:0 0 5px;text-transform:uppercase}.ReportCardTemplate-schoolAddress{color:#000;font-size:14px;font-style:normal;margin:0}.ReportCardTemplate-studentInfo-new{margin-bottom:30px}.ReportCardTemplate-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.ReportCardTemplate-info-item{align-items:center;display:flex;gap:10px}.ReportCardTemplate-info-label{color:#000;font-size:14px;font-weight:700;min-width:80px}.ReportCardTemplate-info-value{color:#000;flex:1 1;font-size:14px}.ReportCardTemplate-divider{background:#000;height:1px;margin:20px 0;width:100%}.ReportCardTemplate-evaluation-section{margin-bottom:30px}.ReportCardTemplate-evaluation-section h2{color:#000;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center;text-decoration:underline;text-transform:uppercase}.ReportCardTemplate-evaluation-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);text-align:center}.ReportCardTemplate-evaluation-item{align-items:center;display:flex;flex-direction:column;gap:5px}.ReportCardTemplate-evaluation-trait{color:#000;font-size:12px;margin-bottom:5px}.ReportCardTemplate-evaluation-indicator{align-items:center;border:1px solid #000;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.ReportCardTemplate-evaluation-no,.ReportCardTemplate-evaluation-yes{color:#000;font-size:10px}.ReportCardTemplate-subjects-section{margin-bottom:30px}.ReportCardTemplate-subjects-section h2{color:#000;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center;text-decoration:underline;text-transform:uppercase}.ReportCardTemplate-subjects-table{border:1px solid #000;border-collapse:collapse;width:100%}.ReportCardTemplate-subjects-table th{background:#f0f0f0;border:1px solid #000;color:#000;font-size:14px;font-weight:700;padding:8px 12px;text-align:left}.ReportCardTemplate-subjects-table td{border:1px solid #000;color:#000;font-size:14px;padding:8px 12px;vertical-align:middle}.ReportCardTemplate-grade-badge{background:#000;color:#fff;display:inline-block;font-size:12px;font-weight:700;min-width:40px;padding:4px 8px;text-align:center}.ReportCardTemplate-grade-icon{font-size:10px;margin-right:5px}.ReportCardTemplate-bottom-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-bottom:30px}.ReportCardTemplate-metrics-section h3{color:#000;font-size:14px;font-weight:700;margin:0 0 10px;text-transform:uppercase}.ReportCardTemplate-metrics-table{border:1px solid #000;border-collapse:collapse;width:100%}.ReportCardTemplate-metrics-table th{background:#f0f0f0;font-weight:700;text-align:left}.ReportCardTemplate-metrics-table td,.ReportCardTemplate-metrics-table th{border:1px solid #000;color:#000;font-size:12px;padding:6px 10px}.ReportCardTemplate-remarks-section h3{color:#000;font-size:14px;font-weight:700;margin:0 0 10px;text-transform:uppercase}.ReportCardTemplate-overall-remarks-text{background:#f9f9f9;border:1px solid #000;color:#000;font-size:12px;line-height:1.5;margin-bottom:20px;min-height:120px;padding:15px}.ReportCardTemplate-overall-grade{align-items:center;display:flex;gap:20px;margin-top:20px}.ReportCardTemplate-overall-grade h3{color:#000;font-size:14px;font-weight:700;margin:0;text-transform:uppercase}.ReportCardTemplate-final-grade{background:#f0f0f0;border:2px solid #000;color:#000;font-size:24px;font-weight:700;min-width:80px;padding:10px 20px;text-align:center}.ReportCardTemplate-signature-section-new{border-top:1px solid #000;display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.ReportCardTemplate-signature-item{flex:1 1;text-align:center}.ReportCardTemplate-signature-line{background:#000;height:1px;margin:0 auto 5px;width:150px}.ReportCardTemplate-signature-item span{color:#000;font-size:12px;font-style:italic}.ReportCardTemplate-editInput{background:#fff;border:1px solid #bdc3c7;border-radius:2px;box-sizing:border-box;font-family:inherit;font-size:inherit;padding:5px 8px;width:100%}.ReportCardTemplate-editInput:focus{border-color:#3498db;outline:none}.ReportCardTemplate-editTextarea{border:1px solid #bdc3c7;border-radius:2px;box-sizing:border-box;font-family:inherit;font-size:inherit;min-height:120px;padding:10px;resize:vertical;width:100%}.ReportCardTemplate-editTextarea:focus{border-color:#3498db;outline:none}.ReportCardTemplate-grade-select,.ReportCardTemplate-overall-grade-select{background:#fff;border:1px solid #000;font-family:inherit;font-size:inherit;padding:5px;text-align:center;width:60px}.ReportCardTemplate-addressInput{font-size:14px;padding:5px;text-align:center}.ReportCardTemplate-filterSection{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.ReportCardTemplate-filterHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ReportCardTemplate-filterHeader h3{align-items:center;color:#2c3e50;display:flex;font-size:16px;gap:8px;margin:0}.ReportCardTemplate-filterGrid{grid-gap:15px;display:grid;gap:15px}.ReportCardTemplate-filterRow{display:flex;gap:20px}.ReportCardTemplate-filterGroup{flex:1 1}.ReportCardTemplate-filterLabel{color:#34495e;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.ReportCardTemplate-classInput{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.ReportCardTemplate-searchBox{position:relative}.ReportCardTemplate-searchIcon{color:#95a5a6;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.ReportCardTemplate-searchInput{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px 8px 35px;width:100%}.ReportCardTemplate-actionSection{display:flex;gap:15px;justify-content:center;margin:30px 0}.ReportCardTemplate-studentsList{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.ReportCardTemplate-studentsHeader{margin-bottom:15px}.ReportCardTemplate-studentsHeader h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin:0}.ReportCardTemplate-tableStudents{border-collapse:collapse;width:100%}.ReportCardTemplate-tableStudents th{background:#ecf0f1;border-bottom:2px solid #bdc3c7;color:#2c3e50;font-weight:600;padding:12px;text-align:left}.ReportCardTemplate-tableStudents td{border-bottom:1px solid #ecf0f1;padding:12px;vertical-align:middle}.ReportCardTemplate-tableStudents tbody tr:hover{background-color:#f8f9fa}.ReportCardTemplate-actionBtn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;margin-right:5px;padding:6px 12px}.ReportCardTemplate-viewBtn{border-color:#3498db;color:#3498db}.ReportCardTemplate-viewBtn:hover{background:#3498db;color:#fff}.ReportCardTemplate-generateBtn{border-color:#27ae60;color:#27ae60}.ReportCardTemplate-generateBtn:hover{background:#27ae60;color:#fff}.ReportCardTemplate-noData{color:#95a5a6;padding:40px 20px;text-align:center}.ReportCardTemplate-noData h3{color:#7f8c8d;margin:15px 0 5px}.ReportCardTemplate-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.ReportCardTemplate-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@media print{.ReportCardTemplate-actionSection,.ReportCardTemplate-filterSection,.ReportCardTemplate-header,.ReportCardTemplate-headerActions,.ReportCardTemplate-studentsList,.Sidebar{display:none!important}.ReportCardTemplate-mainContent{margin:0!important;padding:0!important}.ReportCardTemplate-card-new{border:1px solid #000!important;box-shadow:none!important;padding:20px!important}body{margin:0!important;padding:0!important}}@media (max-width:768px){.ReportCardTemplate-header{flex-direction:column;gap:15px;text-align:center}.ReportCardTemplate-headerActions{flex-wrap:wrap;justify-content:center}.ReportCardTemplate-info-grid{gap:10px;grid-template-columns:1fr}.ReportCardTemplate-evaluation-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.ReportCardTemplate-bottom-section{gap:20px;grid-template-columns:1fr}.ReportCardTemplate-subjects-table{font-size:12px}.ReportCardTemplate-subjects-table td,.ReportCardTemplate-subjects-table th{padding:6px 8px}.ReportCardTemplate-signature-section-new{flex-direction:column;gap:20px}.ReportCardTemplate-actionSection{align-items:center;flex-direction:column}.ReportCardTemplate-btn{justify-content:center;width:100%}}:root{--primary-blue:#2c3292;--secondary-blue:#0e4b95;--accent-green:#39b54a;--accent-yellow:#ffa600;--accent-red:#ed1c24;--dark-green:#006837;--light-bg:#f8f9ff;--border-color:#e1e5ff;--text-dark:#2a2a2a;--text-medium:#555;--text-light:#777;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--font-xs:10px;--font-sm:11px;--font-md:12px;--font-lg:14px;--font-xl:16px;--font-xxl:18px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px}.ck-main-content{margin-left:15rem!important;transition:all .3s ease;width:calc(90% - 48rem)!important}.ck-content{padding:1.5rem;width:90%}.SecondAss-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center;width:100%}.SecondAss-spinner-ring{height:60px;margin-bottom:2rem;position:relative;width:60px}.SecondAss-spinner-ring div{animation:SecondAss-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#2c3292;border-color:var(--primary-blue) #0000 #0000 #0000;box-sizing:border-box;display:block;height:48px;margin:8px;position:absolute;width:48px}.SecondAss-spinner-ring div:first-child{animation-delay:-.45s}.SecondAss-spinner-ring div:nth-child(2){animation-delay:-.3s}.SecondAss-spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes SecondAss-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.SecondAss-loadingTitle{color:#2c3292;color:var(--primary-blue);font-size:1.25rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.SecondAss-header{background:linear-gradient(135deg,#2c3292,#0e4b95);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 4px 20px #2c329226;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem 2rem;position:relative;width:100%}.SecondAss-header:before{background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;width:200px}.SecondAss-headerContent{align-items:center;display:flex;gap:1.5rem;margin-bottom:1rem;position:relative;width:100%;z-index:1}.SecondAss-titleSection{flex:1 1}.SecondAss-title{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.25rem}.SecondAss-headerIcon{color:#ffffffe6;font-size:1.5rem}.SecondAss-examTypeBadge{align-items:center;background:linear-gradient(135deg,#0e4b95,#2c3292);border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;gap:8px;margin:8px 0;padding:6px 12px}.SecondAss-examTypeBadge svg{font-size:.8rem}.SecondAss-headerActions{display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.SecondAss-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.SecondAss-btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.SecondAss-btn:hover:before{height:300px;width:300px}.SecondAss-btnPrimary{background:linear-gradient(135deg,#39b54a,#006837);background:linear-gradient(135deg,var(--accent-green) 0,var(--dark-green) 100%);box-shadow:0 4px 15px #39b54a4d;color:#fff}.SecondAss-btnPrimary:hover{box-shadow:0 6px 20px #39b54a66;transform:translateY(-2px)}.SecondAss-btnPrimary:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.SecondAss-btnSecondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;color:#fff}.SecondAss-btnSecondary:hover{background:#ffffff40;transform:translateY(-2px)}.SecondAss-optionsSection{margin-bottom:1.5rem;width:100%}.SecondAss-optionsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.SecondAss-optionCard{background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000014;padding:1.5rem;transition:all .3s ease;width:90%}.SecondAss-optionCard:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.SecondAss-optionIcon{align-items:center;background:linear-gradient(135deg,#2c3292,#0e4b95);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border-radius:8px;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.SecondAss-optionContent h4{color:#2c3292;color:var(--primary-blue);font-size:1rem;font-weight:600;margin-bottom:.75rem}.SecondAss-optionToggle{align-items:center;cursor:pointer;display:flex;gap:.75rem}.SecondAss-optionToggle input{display:none}.SecondAss-toggleSlider{background:#e0e0e0;border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:all .3s ease;width:50px}.SecondAss-toggleSlider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.SecondAss-optionToggle input:checked+.SecondAss-toggleSlider{background:#39b54a;background:var(--accent-green)}.SecondAss-optionToggle input:checked+.SecondAss-toggleSlider:before{transform:translateX(26px)}.SecondAss-quickBtn,.SecondAss-toggleLabel{color:#2a2a2a;color:var(--text-dark);flex:1 1;font-size:.875rem}.SecondAss-quickBtn{background:#f8f9ff;background:var(--light-bg);border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;min-width:120px;padding:.5rem 1rem;transition:all .3s ease}.SecondAss-quickBtn:hover{background:#fff;border-color:#2c3292;border-color:var(--primary-blue);color:#2c3292;color:var(--primary-blue);transform:translateY(-1px)}.SecondAss-studentsSection{background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000014;margin-bottom:1.5rem;padding:1.5rem;width:100%}.SecondAss-classesContainer{display:flex;flex-direction:column;gap:1.5rem;width:100%}.SecondAss-classGroup{background:#f8f9ff;background:var(--light-bg);border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);overflow:hidden;width:100%}.SecondAss-classHeader{background:linear-gradient(135deg,#2c32921a,#2c32920d);border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.SecondAss-classHeader,.SecondAss-classTitle{align-items:center;display:flex;flex-wrap:wrap}.SecondAss-classTitle{gap:.75rem}.SecondAss-classTitle h3{color:#2c3292;color:var(--primary-blue);font-size:1.125rem;margin:0}.SecondAss-classTitle svg{color:#2c3292;color:var(--primary-blue);font-size:1.25rem}.SecondAss-classCount{background:#2c3292;background:var(--primary-blue);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;margin-left:.75rem;padding:.125rem .75rem}.SecondAss-classActions{display:flex;gap:.75rem}.SecondAss-classSelectBtn{background:#fff;border:1px solid #2c3292;border:1px solid var(--primary-blue);border-radius:6px;border-radius:var(--radius-md);color:#2c3292;color:var(--primary-blue);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.SecondAss-classSelectBtn:hover{background:#2c3292;background:var(--primary-blue);color:#fff;transform:translateY(-1px)}.SecondAss-classStudents{padding:1.5rem;width:100%}.SecondAss-studentsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.SecondAss-studentCard{background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;width:100%}.SecondAss-studentCard:hover{border-color:#2c3292;border-color:var(--primary-blue);box-shadow:0 4px 12px #2c32921a;transform:translateY(-2px)}.SecondAss-studentCardSelected{background:linear-gradient(135deg,#39b54a0d,#39b54a05);border-color:#39b54a;border-color:var(--accent-green)}.SecondAss-cardHeader{align-items:center;background:#fffc;border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 1.25rem}.SecondAss-cardCheckbox input{accent-color:#39b54a;accent-color:var(--accent-green);cursor:pointer;height:18px;width:18px}.SecondAss-cardTitle{flex:1 1}.SecondAss-cardTitle h4{color:#2a2a2a;color:var(--text-dark);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.SecondAss-cardSubtitle{color:#777;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.SecondAss-studentId{background:#2c32921a;border-radius:10px;color:#2c3292;color:var(--primary-blue);font-weight:500;padding:.125rem .5rem}.SecondAss-classInfo{color:#555;color:var(--text-medium)}.SecondAss-cardActions{display:flex;gap:.5rem}.SecondAss-actionBtn{align-items:center;background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);color:#777;color:var(--text-light);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.SecondAss-actionBtn:hover{border-color:#2c3292;border-color:var(--primary-blue);color:#2c3292;color:var(--primary-blue);transform:translateY(-1px)}.SecondAss-viewBtn{background:#f8f9ff;background:var(--light-bg)}.SecondAss-cardBody{padding:1.25rem}.SecondAss-studentInfo{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.SecondAss-infoRow{display:flex;flex-direction:column;gap:.125rem}.SecondAss-infoLabel{color:#777;color:var(--text-light);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.SecondAss-infoValue{color:#2a2a2a;color:var(--text-dark);font-size:.875rem;font-weight:500}.SecondAss-performanceSummary{grid-gap:1rem;background:#fff;border:1px solid #e1e5ff;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem;padding:1rem;width:100%}.SecondAss-performanceItem{align-items:center;background:#f8f9ff;border-radius:8px;display:flex;flex-direction:column;padding:.75rem;text-align:center;transition:all .3s ease;width:100%}.SecondAss-performanceItem:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.SecondAss-performanceItem svg{color:#2c3292;font-size:.9rem;margin-bottom:4px}.SecondAss-perfLabel{align-items:center;color:#555;display:flex;font-size:.8rem;font-weight:500;gap:4px;margin-bottom:4px}.SecondAss-perfValue{color:#2c3292;font-size:1.1rem;font-weight:600}.SecondAss-previousItem{background:linear-gradient(135deg,#39b54a1a,#39b54a0d);border:1px solid #39b54a33}.SecondAss-previousItem .SecondAss-perfLabel,.SecondAss-previousItem .SecondAss-perfValue{color:#39b54a}.SecondAss-currentItem{background:linear-gradient(135deg,#2c32921a,#2c32920d);border:1px solid #2c329233}.SecondAss-percentageItem{background:linear-gradient(135deg,#ffa6001a,#ffa6000d);border:1px solid #ffa60033}.SecondAss-percentageItem .SecondAss-perfLabel,.SecondAss-percentageItem .SecondAss-perfValue{color:#ff9800}.SecondAss-gradeItem{background:linear-gradient(135deg,#ed1c241a,#ed1c240d);border:1px solid #ed1c2433}.SecondAss-gradeItem .SecondAss-perfLabel{color:#ed1c24}.SecondAss-percentage{color:#39b54a;color:var(--accent-green)}.SecondAss-grade{border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;min-width:40px;padding:.25rem .75rem;text-align:center}.SecondAss-detailedMarks{animation:SecondAss-slideDown .3s ease-out;background:#f8f9ff;background:var(--light-bg);border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);overflow:hidden;width:100%}@keyframes SecondAss-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.SecondAss-marksHeader{background:linear-gradient(135deg,#2c32921a,#2c32920d);border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.SecondAss-marksHeader h5{align-items:center;color:#2c3292;color:var(--primary-blue);display:flex;font-size:.875rem;gap:.5rem;margin:0}.SecondAss-examNote{align-items:center;color:#ff9800;display:flex;font-size:.85rem;font-style:italic;gap:8px;margin-top:4px}.SecondAss-examNote svg{font-size:.8rem}.SecondAss-marksTable{overflow-x:auto;width:100%}.SecondAss-marksTable table{border-collapse:collapse;font-size:.75rem;min-width:600px;width:100%}.SecondAss-marksTable th{background:#ffffff80;border-bottom:1px solid #e1e5ff;border-bottom:1px solid var(--border-color);color:#2c3292;color:var(--primary-blue);font-weight:600;padding:.5rem;text-align:left}.SecondAss-marksTable td{border-bottom:1px solid #0000000d;padding:.5rem}.SecondAss-marksTable tr:last-child td{border-bottom:none}.SecondAss-subjectGrade{border-radius:10px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;min-width:30px;padding:.125rem .5rem;text-align:center}.SecondAss-noMarks{align-items:center;background:linear-gradient(135deg,#ed1c241a,#ed1c240d);border:1px solid #ed1c2433;border-radius:6px;border-radius:var(--radius-md);color:#ed1c24;color:var(--accent-red);display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.SecondAss-noMarks svg{flex-shrink:0}.SecondAss-footerActions{align-items:center;background:#fff;border:1px solid #e1e5ff;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem;width:100%}.SecondAss-actionButtons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;width:100%}.SecondAss-modal-overlay{align-items:center;animation:SecondAss-fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes SecondAss-fadeIn{0%{opacity:0}to{opacity:1}}.SecondAss-generation-modal{animation:SecondAss-slideUp .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #0000004d;height:90%;max-width:600px;overflow:scroll;width:90%}@keyframes SecondAss-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.SecondAss-modal-header{align-items:center;background:linear-gradient(135deg,#2c3292,#0e4b95);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.SecondAss-modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.75rem;margin:0}.SecondAss-generation-stats{align-items:center;display:flex;gap:1rem}.SecondAss-generation-progress{background:#fff3;border-radius:20px;color:#fff;font-size:1.125rem;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center}.SecondAss-modal-content{padding:2rem}.SecondAss-spinner-wrapper{height:100px;margin:0 auto 2rem;position:relative;width:100px}.SecondAss-spinner{animation:SecondAss-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;background:conic-gradient(from 0deg,#0000 0deg,#2c3292 1turn);background:conic-gradient(from 0deg,#0000 0deg,var(--primary-blue) 1turn);border-radius:50%;height:100%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);position:relative;width:100%}@keyframes SecondAss-spin{to{transform:rotate(1turn)}}.SecondAss-spinner-inner{background:linear-gradient(135deg,#f5f7fa,#e4edf5);border-radius:50%;box-shadow:inset 0 0 10px #0000001a;height:70px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px}.SecondAss-generation-progress-section{margin-bottom:2rem}.SecondAss-progress-bar{background:#2c32921a;height:10px;margin-bottom:.75rem;width:100%}.SecondAss-progress-bar,.SecondAss-progress-fill{border-radius:5px;overflow:hidden;position:relative}.SecondAss-progress-fill{background:linear-gradient(90deg,#2c3292,#0e4b95 50%,#39b54a);background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-blue) 50%,var(--accent-green) 100%);height:100%;transition:width .3s ease}.SecondAss-progress-fill:after{animation:SecondAss-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes SecondAss-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.SecondAss-progress-info{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;width:100%}.SecondAss-progress-text{color:#2a2a2a;color:var(--text-dark);font-weight:500}.SecondAss-progress-percentage{color:#2c3292;color:var(--primary-blue);font-size:1rem;font-weight:600}.SecondAss-generation-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;width:100%}.SecondAss-step-item{align-items:center;background:#2c329208;border:1px solid #2c32921a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease;width:100%}.SecondAss-step-item:hover{background:#2c32920d;transform:translateX(5px)}.SecondAss-step-completed{background:#39b54a0d;border-color:#39b54a33}.SecondAss-step-active{background:#2c329214;border-color:#2c3292;border-color:var(--primary-blue);box-shadow:0 4px 12px #2c32921a}.SecondAss-step-icon{align-items:center;background:#f8f9ff;background:var(--light-bg);border-radius:50%;color:#2c3292;color:var(--primary-blue);display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.SecondAss-step-completed .SecondAss-step-icon{background:#39b54a;background:var(--accent-green);color:#fff}.SecondAss-step-check{animation:SecondAss-scaleIn .3s ease}@keyframes SecondAss-scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.SecondAss-step-content{flex:1 1}.SecondAss-step-label{color:#2a2a2a;color:var(--text-dark);font-weight:500;margin-bottom:.25rem}.SecondAss-step-status{color:#777;color:var(--text-light);font-size:.75rem}.SecondAss-step-completed .SecondAss-step-status{color:#39b54a;color:var(--accent-green);font-weight:500}.SecondAss-step-active .SecondAss-step-status{animation:SecondAss-pulse 2s infinite;color:#2c3292;color:var(--primary-blue);font-weight:500}@keyframes SecondAss-pulse{0%,to{opacity:1}50%{opacity:.5}}.SecondAss-step-indicator{align-items:center;display:flex}.SecondAss-step-dot{animation:SecondAss-pulseDot 1.5s infinite;background:#39b54a;background:var(--accent-green);border-radius:50%;height:8px;width:8px}@keyframes SecondAss-pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.SecondAss-modal-footer{background:#00000005;border-top:1px solid #0000001a;display:flex;justify-content:flex-end;padding:1.5rem 2rem}@media (max-width:1200px){.SecondAss-optionsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.SecondAss-studentsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.main-content{margin-left:4rem!important;width:calc(100% - 4rem)!important}.SecondAss-headerContent{align-items:flex-start;flex-direction:column;gap:1rem}.SecondAss-headerActions{justify-content:flex-start;width:100%}.SecondAss-footerActions{align-items:flex-start;flex-direction:column}.SecondAss-actionButtons{justify-content:flex-start;width:100%}}@media (max-width:768px){.main-content{margin-left:0!important;padding:1rem;width:100%!important}.content{padding:1rem}.SecondAss-optionsGrid,.SecondAss-studentsGrid{grid-template-columns:1fr}.SecondAss-performanceSummary,.SecondAss-studentInfo{grid-template-columns:repeat(2,1fr)}.SecondAss-btn{padding:.625rem 1.25rem}.SecondAss-generation-modal{margin:1rem;width:95%}.SecondAss-modal-header{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.SecondAss-modal-content{padding:1.5rem}.SecondAss-spinner-wrapper{height:80px;width:80px}.SecondAss-spinner-inner{height:56px;width:56px}.SecondAss-step-item{padding:.75rem}}@media (max-width:576px){.SecondAss-footerActions,.SecondAss-header,.SecondAss-optionsSection,.SecondAss-studentsSection{padding:1.25rem}.SecondAss-performanceSummary,.SecondAss-studentInfo{grid-template-columns:1fr}.SecondAss-classHeader{align-items:flex-start;flex-direction:column;gap:.75rem}.SecondAss-classActions{justify-content:flex-start;width:100%}.SecondAss-generation-stats{flex-direction:column;gap:.5rem}.SecondAss-generation-progress{width:100%}.SecondAss-step-label{font-size:.875rem}}.loading-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e2a74,#1e1a5e);display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.loading-spinner{animation:slideUp .5s cubic-bezier(.4,0,.2,1);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #2e2a744d,0 0 0 1px #ffffff1a;max-width:500px;overflow:hidden;padding:3rem 4rem;position:relative;text-align:center;width:90%}.loading-spinner:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2e2a74,#fff200 50%,#4caf50);content:"";height:4px;left:0;position:absolute;right:0;top:0}.spinner-container{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;position:relative;width:120px}.spinner-icon{color:#2e2a74;filter:drop-shadow(0 4px 12px rgba(46,42,116,.2));z-index:2}.spinner-orbits{bottom:0;left:0;position:absolute;right:0;top:0}.orbit{animation:orbit 3s linear infinite;border:2px solid #0000;border-radius:50%;position:absolute}.orbit-1{animation-delay:0s;border-color:#2e2a7433;bottom:0;left:0;right:0;top:0}.orbit-2{animation-delay:.5s;border-color:#fff20033;bottom:-10px;left:-10px;right:-10px;top:-10px}.orbit-3{animation-delay:1s;border-color:#4caf5033;bottom:-20px;left:-20px;right:-20px;top:-20px}.spinner-content{text-align:center}.spinner-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e2a74,#1e1a5e);-webkit-background-clip:text;background-clip:text;color:#2e2a74;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.spinner-message{color:#374151;font-size:1.1rem;font-weight:500;line-height:1.4;margin-bottom:.5rem}.spinner-submessage{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:2rem}.loading-progress{margin-top:2rem}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden}.progress-fill{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#2e2a74,#fff200 50%,#4caf50);border-radius:3px;height:100%;width:60%}.progress-stats{color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.progress-stats .stat{animation:statPulse 2s ease-in-out infinite;background:#2e2a740d;border-radius:12px;padding:.25rem .75rem}.progress-stats .stat:first-child{animation-delay:0s}.progress-stats .stat:nth-child(2){animation-delay:.3s}.progress-stats .stat:nth-child(3){animation-delay:.6s}@keyframes orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes progressPulse{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}@keyframes statPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width:640px){.loading-spinner{margin:1rem;padding:2rem}.spinner-container{height:100px;width:100px}.spinner-title{font-size:1.25rem}.spinner-message{font-size:1rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--users-management-primary-color:#1a237e;--users-management-primary-light:#534bae;--users-management-primary-dark:#000051;--users-management-secondary-color:#0d47a1;--users-management-accent-color:#2979ff;--users-management-success-color:#2e7d32;--users-management-warning-color:#f57c00;--users-management-danger-color:#c62828;--users-management-info-color:#0277bd;--users-management-dark-bg:#121212;--users-management-card-bg:#fff;--users-management-body-bg:#f8fafc;--users-management-sidebar-bg:#1e293b;--users-management-border-color:#e2e8f0;--users-management-hover-color:#f1f5f9;--users-management-text-primary:#1e293b;--users-management-text-secondary:#64748b;--users-management-text-tertiary:#94a3b8;--users-management-text-light:#f8fafc;--users-management-font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--users-management-font-size-xs:0.75rem;--users-management-font-size-sm:0.875rem;--users-management-font-size-base:1rem;--users-management-font-size-lg:1.125rem;--users-management-font-size-xl:1.25rem;--users-management-font-size-2xl:1.5rem;--users-management-font-size-3xl:1.875rem;--users-management-font-size-4xl:2.25rem;--users-management-spacing-xs:0.25rem;--users-management-spacing-sm:0.5rem;--users-management-spacing-md:1rem;--users-management-spacing-lg:1.5rem;--users-management-spacing-xl:2rem;--users-management-spacing-2xl:3rem;--users-management-radius-sm:0.25rem;--users-management-radius-md:0.5rem;--users-management-radius-lg:0.75rem;--users-management-radius-xl:1rem;--users-management-radius-2xl:1.5rem;--users-management-radius-full:9999px;--users-management-shadow-sm:0 1px 2px 0 #0000000d;--users-management-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--users-management-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--users-management-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--users-management-shadow-2xl:0 25px 50px -12px #00000040;--users-management-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--users-management-transition-base:300ms cubic-bezier(0.4,0,0.2,1);--users-management-transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--users-management-z-dropdown:10;--users-management-z-sticky:20;--users-management-z-fixed:30;--users-management-z-modal-backdrop:40;--users-management-z-modal:50;--users-management-z-popover:60;--users-management-z-tooltip:70;--users-management-z-toast:80}.users-management-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--users-management-body-bg);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--users-management-font-primary);min-height:100vh}.users-management-main-content{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex:1 1;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:calc(100% - 280px)}@media (max-width:1200px){.users-management-main-content{margin-left:240px;width:calc(100% - 240px)}}@media (max-width:768px){.users-management-main-content{margin-left:0;padding-top:60px;width:100%}}.users-management-header{background:linear-gradient(135deg,#1a237e,#0d47a1);background:linear-gradient(135deg,var(--users-management-primary-color) 0,var(--users-management-secondary-color) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--users-management-shadow-lg);color:#fff;overflow:hidden;padding:2rem 3rem;padding:var(--users-management-spacing-xl) var(--users-management-spacing-2xl);position:relative}.users-management-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:300px}.users-management-header-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.users-management-title{align-items:center;display:flex;font-size:1.875rem;font-size:var(--users-management-font-size-3xl);font-weight:800;gap:1rem;gap:var(--users-management-spacing-md);letter-spacing:-.025em;margin-bottom:.5rem;margin-bottom:var(--users-management-spacing-sm)}.users-management-title-icon{font-size:1.8rem;opacity:.9}.users-management-subtitle{font-size:1.125rem;font-size:var(--users-management-font-size-lg);font-weight:400;margin:0;opacity:.9}.users-management-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--users-management-radius-full);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;gap:.5rem;gap:var(--users-management-spacing-sm);padding:.5rem 1.5rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.users-management-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.users-management-refresh-btn-loading{background:#ffffff1a}.users-management-refresh-icon{font-size:.9rem}.users-management-last-refresh{font-size:.75rem;font-size:var(--users-management-font-size-xs);font-style:italic;opacity:.8}.users-management-stats-grid{grid-gap:1.5rem;grid-gap:var(--users-management-spacing-lg);display:grid;gap:1.5rem;gap:var(--users-management-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:-2rem;margin-top:calc(var(--users-management-spacing-xl)*-1);padding:2rem 3rem;padding:var(--users-management-spacing-xl) var(--users-management-spacing-2xl);position:relative;z-index:2}.users-management-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--users-management-card-bg);border:1px solid #ffffff1a;border-radius:1rem;border-radius:var(--users-management-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--users-management-shadow-lg);overflow:hidden;padding:2rem;padding:var(--users-management-spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.users-management-stat-card-total:before{background:linear-gradient(90deg,#1a237e,#2979ff);background:linear-gradient(90deg,var(--users-management-primary-color),var(--users-management-accent-color))}.users-management-stat-card-teachers:before{background:linear-gradient(90deg,#059669,#10b981)}.users-management-stat-card-active:before{background:linear-gradient(90deg,#0369a1,#0ea5e9)}.users-management-stat-card-admin:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.users-management-stat-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--users-management-shadow-2xl);transform:translateY(-8px)}.users-management-stat-card-content{align-items:flex-start;display:flex;justify-content:space-between}.users-management-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--users-management-text-primary);font-size:2.25rem;font-size:var(--users-management-font-size-4xl);font-weight:800;line-height:1;margin:.5rem 0;margin:var(--users-management-spacing-sm) 0}.users-management-stat-label{color:#64748b;color:var(--users-management-text-secondary);font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}.users-management-stat-trend{align-items:center;color:#94a3b8;color:var(--users-management-text-tertiary);display:flex;font-size:.75rem;font-size:var(--users-management-font-size-xs);gap:.25rem;gap:var(--users-management-spacing-xs);margin-top:.25rem;margin-top:var(--users-management-spacing-xs)}.users-management-stat-icon{align-items:center;background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));border-radius:.75rem;border-radius:var(--users-management-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--users-management-shadow-md);color:#f8fafc;color:var(--users-management-text-light);display:flex;font-size:1.25rem;font-size:var(--users-management-font-size-xl);height:48px;justify-content:center;width:48px}.users-management-stat-card-teachers .users-management-stat-icon{background:linear-gradient(135deg,#059669,#10b981)}.users-management-stat-card-active .users-management-stat-icon{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.users-management-stat-card-admin .users-management-stat-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.users-management-available-section{background:#fff;background:var(--users-management-card-bg);border:1px solid #e2e8f0;border:1px solid var(--users-management-border-color);border-radius:1rem;border-radius:var(--users-management-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--users-management-shadow-lg);margin:2rem 3rem;margin:var(--users-management-spacing-xl) var(--users-management-spacing-2xl);padding:2rem;padding:var(--users-management-spacing-xl)}.users-management-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--users-management-spacing-xl)}.users-management-section-title{align-items:center;color:#1e293b;color:var(--users-management-text-primary);display:flex;font-size:1.25rem;font-size:var(--users-management-font-size-xl);font-weight:700;gap:1rem;gap:var(--users-management-spacing-md);margin:0}.users-management-section-title h2{font-size:inherit;font-weight:inherit;margin:0}.users-management-section-badge{background:linear-gradient(135deg,#059669,#10b981);border-radius:9999px;border-radius:var(--users-management-radius-full);color:#fff;font-size:.75rem;font-size:var(--users-management-font-size-xs);font-weight:600;padding:.25rem 1rem;padding:var(--users-management-spacing-xs) var(--users-management-spacing-md)}.users-management-section-actions{display:flex;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-custom-user-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:.75rem;border-radius:var(--users-management-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;gap:.5rem;gap:var(--users-management-spacing-sm);padding:.5rem 1.5rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-custom-user-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--users-management-shadow-md);transform:translateY(-2px)}.users-management-teachers-grid{grid-gap:1rem;grid-gap:var(--users-management-spacing-md);display:grid;gap:1rem;gap:var(--users-management-spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.users-management-teacher-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--users-management-border-color);border-radius:.75rem;border-radius:var(--users-management-radius-lg);overflow:hidden;padding:1.5rem;padding:var(--users-management-spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-teacher-card:hover{border-color:#2979ff;border-color:var(--users-management-accent-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--users-management-shadow-lg);transform:translateY(-4px)}.users-management-teacher-card-content{align-items:center;display:flex;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-teacher-avatar{align-items:center;background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));border-radius:9999px;border-radius:var(--users-management-radius-full);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-size:var(--users-management-font-size-lg);height:56px;justify-content:center;width:56px}.users-management-teacher-info{flex:1 1;min-width:0}.users-management-teacher-name{color:#1e293b;color:var(--users-management-text-primary);font-size:1rem;font-size:var(--users-management-font-size-base);font-weight:600}.users-management-teacher-email,.users-management-teacher-name{margin:0 0 .25rem;margin:0 0 var(--users-management-spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-management-teacher-email{color:#64748b;color:var(--users-management-text-secondary);font-size:.875rem;font-size:var(--users-management-font-size-sm)}.users-management-teacher-meta{color:#94a3b8;color:var(--users-management-text-tertiary);gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-add-teacher-btn,.users-management-teacher-meta{display:flex;font-size:.75rem;font-size:var(--users-management-font-size-xs)}.users-management-add-teacher-btn{align-items:center;background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));border:none;border-radius:.5rem;border-radius:var(--users-management-radius-md);color:#fff;cursor:pointer;font-weight:600;gap:.25rem;gap:var(--users-management-spacing-xs);padding:.25rem 1rem;padding:var(--users-management-spacing-xs) var(--users-management-spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base);white-space:nowrap}.users-management-add-teacher-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--users-management-shadow-sm);transform:translateY(-2px)}.users-management-table-container{background:#fff;background:var(--users-management-card-bg);border:1px solid #e2e8f0;border:1px solid var(--users-management-border-color);border-radius:1rem;border-radius:var(--users-management-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--users-management-shadow-xl);margin:2rem 3rem;margin:var(--users-management-spacing-xl) var(--users-management-spacing-2xl);overflow:hidden}.users-management-table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-management-border-color);padding:2rem;padding:var(--users-management-spacing-xl)}.users-management-table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--users-management-spacing-lg);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--users-management-spacing-md)}.users-management-search-container{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.users-management-search-input{background:#fff;background:var(--users-management-card-bg);border:2px solid #e2e8f0;border:2px solid var(--users-management-border-color);border-radius:9999px;border-radius:var(--users-management-radius-full);color:#1e293b;color:var(--users-management-text-primary);font-size:1rem;font-size:var(--users-management-font-size-base);padding:1rem 2rem 1rem 3rem;padding:var(--users-management-spacing-md) var(--users-management-spacing-xl) var(--users-management-spacing-md) 3rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast);width:80%}.users-management-search-input:focus{border-color:#2979ff;border-color:var(--users-management-accent-color);box-shadow:0 0 0 3px #2979ff1a;outline:none}.users-management-search-icon{font-size:.9rem;left:1.5rem;left:var(--users-management-spacing-lg);pointer-events:none}.users-management-search-clear,.users-management-search-icon{color:#94a3b8;color:var(--users-management-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.users-management-search-clear{background:none;border:none;cursor:pointer;font-size:.8rem;padding:.25rem;padding:var(--users-management-spacing-xs);right:1rem;right:var(--users-management-spacing-md);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--users-management-transition-fast)}.users-management-search-clear:hover{color:#c62828;color:var(--users-management-danger-color)}.users-management-filters-container{display:flex;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-filter-group{align-items:center;background:#fff;background:var(--users-management-card-bg);border:1px solid #e2e8f0;border:1px solid var(--users-management-border-color);border-radius:.75rem;border-radius:var(--users-management-radius-lg);display:flex;gap:.5rem;gap:var(--users-management-spacing-sm);padding:0 .5rem;padding:0 var(--users-management-spacing-sm)}.users-management-filter-icon{color:#94a3b8;color:var(--users-management-text-tertiary);font-size:.9rem}.users-management-filter-select{background:#0000;border:none;border-radius:.5rem;border-radius:var(--users-management-radius-md);color:#1e293b;color:var(--users-management-text-primary);cursor:pointer;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:500;min-width:140px;outline:none;padding:.5rem 1rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast)}.users-management-filter-select:focus{box-shadow:0 0 0 2px #2979ff1a;outline:none}.users-management-table-summary{align-items:center;color:#64748b;color:var(--users-management-text-secondary);display:flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);gap:1.5rem;gap:var(--users-management-spacing-lg)}.users-management-summary-text{font-weight:500}.users-management-search-indicator{background:#2979ff1a;border-radius:9999px;border-radius:var(--users-management-radius-full);color:#2979ff;color:var(--users-management-accent-color);font-size:.75rem;font-size:var(--users-management-font-size-xs);padding:.25rem 1rem;padding:var(--users-management-spacing-xs) var(--users-management-spacing-md)}.users-management-table-wrapper{-webkit-overflow-scrolling:touch;min-height:400px;overflow-x:auto}.users-management-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.users-management-table thead{background:linear-gradient(135deg,#1a237e,#0d47a1);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-secondary-color));position:sticky;top:0;z-index:20;z-index:var(--users-management-z-sticky)}.users-management-table-header-cell{border-bottom:none;color:#f8fafc;color:var(--users-management-text-light);font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;letter-spacing:.05em;padding:1.5rem 2rem;padding:var(--users-management-spacing-lg) var(--users-management-spacing-xl);text-align:left;text-transform:uppercase;white-space:nowrap}.users-management-table-header-cell:first-child{border-top-left-radius:1rem;border-top-left-radius:var(--users-management-radius-xl)}.users-management-table-header-cell:last-child{border-top-right-radius:1rem;border-top-right-radius:var(--users-management-radius-xl)}.users-management-table-row{background:#fff;background:var(--users-management-card-bg);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast)}.users-management-table-row:hover{background:linear-gradient(90deg,#2979ff08,#1a237e08)}.users-management-table-row:nth-child(2n){background:#fafafa}.users-management-table-row:nth-child(2n):hover{background:linear-gradient(90deg,#2979ff0d,#1a237e0d)}.users-management-table-cell{border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-management-border-color);color:#1e293b;color:var(--users-management-text-primary);font-size:1rem;font-size:var(--users-management-font-size-base);padding:2rem;padding:var(--users-management-spacing-xl);vertical-align:middle}.users-management-user-cell{align-items:center;display:flex;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-user-avatar{align-items:center;border-radius:9999px;border-radius:var(--users-management-radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--users-management-shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-size:var(--users-management-font-size-lg);font-weight:600;height:48px;justify-content:center;width:48px}.users-management-user-avatar.admin{background:linear-gradient(135deg,#dc2626,#ef4444)}.users-management-user-avatar.teacher{background:linear-gradient(135deg,#059669,#10b981)}.users-management-user-avatar.user{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.users-management-user-details{flex:1 1;min-width:0}.users-management-user-name{color:#1e293b;color:var(--users-management-text-primary);font-size:1rem;font-size:var(--users-management-font-size-base);font-weight:600}.users-management-user-info,.users-management-user-name{margin-bottom:.25rem;margin-bottom:var(--users-management-spacing-xs)}.users-management-user-info{align-items:center;color:#64748b;color:var(--users-management-text-secondary);display:flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);gap:.25rem;gap:var(--users-management-spacing-xs)}.users-management-user-username{font-weight:500}.users-management-user-email,.users-management-user-id{color:#94a3b8;color:var(--users-management-text-tertiary)}.users-management-user-id{background:#f5f5f5;border-radius:.25rem;border-radius:var(--users-management-radius-sm);display:inline-block;font-family:monospace;padding:2px 6px}.users-management-badge,.users-management-user-id{font-size:.75rem;font-size:var(--users-management-font-size-xs)}.users-management-badge{align-items:center;border-radius:9999px;border-radius:var(--users-management-radius-full);display:inline-flex;font-weight:600;gap:.25rem;gap:var(--users-management-spacing-xs);letter-spacing:.05em;padding:.25rem 1rem;padding:var(--users-management-spacing-xs) var(--users-management-spacing-md);text-transform:uppercase;white-space:nowrap}.users-management-badge-role{justify-content:center;min-width:80px}.users-management-badge-admin{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.users-management-badge-teacher{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.users-management-badge-user{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff}.users-management-badge-status{justify-content:center;min-width:100px}.users-management-badge-active{background:linear-gradient(135deg,#2e7d321a,#2e7d3233);border:1px solid #2e7d324d;color:#2e7d32;color:var(--users-management-success-color)}.users-management-badge-inactive{background:linear-gradient(135deg,#c628281a,#c6282833);border:1px solid #c628284d;color:#c62828;color:var(--users-management-danger-color)}.users-management-status-cell{align-items:center;display:flex;gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-status-toggle{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--users-management-border-color);border-radius:9999px;border-radius:var(--users-management-radius-full);color:#64748b;color:var(--users-management-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast);width:32px}.users-management-status-toggle:hover{background:#f5f5f5;color:#2979ff;color:var(--users-management-accent-color);transform:scale(1.1)}.users-management-last-login{display:flex;flex-direction:column;gap:.25rem;gap:var(--users-management-spacing-xs)}.users-management-last-login svg{color:#94a3b8;color:var(--users-management-text-tertiary);font-size:.9rem}.users-management-last-login small{color:#94a3b8;color:var(--users-management-text-tertiary);font-size:.75rem;font-size:var(--users-management-font-size-xs)}.users-management-never-login{color:#94a3b8;color:var(--users-management-text-tertiary);font-size:.875rem;font-size:var(--users-management-font-size-sm);font-style:italic}.users-management-action-buttons{display:flex;gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-action-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--users-management-radius-md);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--users-management-font-size-xs);font-weight:600;gap:.25rem;gap:var(--users-management-spacing-xs);justify-content:center;padding:.25rem 1rem;padding:var(--users-management-spacing-xs) var(--users-management-spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base);white-space:nowrap}.users-management-action-btn-edit{background:linear-gradient(135deg,#0369a1,#0ea5e9);color:#fff}.users-management-action-btn-delete{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff}.users-management-action-btn-view{background:linear-gradient(135deg,#475569,#64748b);color:#fff}.users-management-action-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--users-management-shadow-sm);transform:translateY(-2px)}.users-management-empty-state{padding:3rem!important;padding:var(--users-management-spacing-2xl)!important;text-align:center}.users-management-empty-content{margin:0 auto;max-width:400px}.users-management-empty-icon{color:#e2e8f0;color:var(--users-management-border-color);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--users-management-spacing-lg)}.users-management-empty-content h3{color:#1e293b;color:var(--users-management-text-primary);font-size:1.25rem;font-size:var(--users-management-font-size-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--users-management-spacing-sm)}.users-management-empty-content p{color:#64748b;color:var(--users-management-text-secondary);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--users-management-spacing-xl)}.users-management-empty-action-btn{align-items:center;background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));border:none;border-radius:.75rem;border-radius:var(--users-management-radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;gap:.5rem;gap:var(--users-management-spacing-sm);padding:.5rem 2rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-empty-action-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--users-management-shadow-md);transform:translateY(-2px)}.users-management-table-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:1px solid #e2e8f0;border-top:1px solid var(--users-management-border-color);padding:2rem;padding:var(--users-management-spacing-xl)}.users-management-pagination{align-items:center;display:flex;justify-content:space-between}.users-management-pagination-info{color:#64748b;color:var(--users-management-text-secondary);font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:500}.users-management-pagination-controls{display:flex;gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-pagination-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--users-management-border-color);border-radius:.5rem;border-radius:var(--users-management-radius-md);color:#1e293b;color:var(--users-management-text-primary);cursor:pointer;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:500;padding:.5rem 1.5rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast)}.users-management-pagination-btn:hover:not(:disabled){background:#f1f5f9;background:var(--users-management-hover-color);border-color:#2979ff;border-color:var(--users-management-accent-color);color:#2979ff;color:var(--users-management-accent-color)}.users-management-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.users-management-modal-backdrop{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--users-management-transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--users-management-spacing-lg);position:fixed;right:0;top:0;z-index:40;z-index:var(--users-management-z-modal-backdrop)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.users-management-modal-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--users-management-spacing-lg);pointer-events:none;position:fixed;right:0;top:0;z-index:50;z-index:var(--users-management-z-modal)}.users-management-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--users-management-transition-base);background:#fff;background:var(--users-management-card-bg);border:1px solid #ffffff1a;border-radius:1.5rem;border-radius:var(--users-management-radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--users-management-shadow-2xl);max-height:90vh;max-width:480px;overflow-y:auto;pointer-events:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.users-management-modal-header{align-items:center;background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-management-border-color);border-radius:1.5rem 1.5rem 0 0;border-radius:var(--users-management-radius-2xl) var(--users-management-radius-2xl) 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem;padding:var(--users-management-spacing-xl)}.users-management-modal-header-custom{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.users-management-modal-header-edit{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.users-management-modal-title{align-items:center;display:flex;font-size:1.25rem;font-size:var(--users-management-font-size-xl);font-weight:700;gap:.5rem;gap:var(--users-management-spacing-sm);margin:0}.users-management-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:9999px;border-radius:var(--users-management-radius-full);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--users-management-font-size-lg);height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast);width:40px}.users-management-modal-close:hover{background:#fff3;transform:rotate(90deg)}.users-management-form{display:flex;flex-direction:column;height:100%}.users-management-form-content{flex:1 1;overflow-y:auto;padding:2rem;padding:var(--users-management-spacing-xl)}.users-management-form-group{margin-bottom:1.5rem;margin-bottom:var(--users-management-spacing-lg)}.users-management-form-label{color:#1e293b;color:var(--users-management-text-primary);display:block;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--users-management-spacing-xs);text-transform:uppercase}.users-management-form-input,.users-management-form-select{background:#fff;background:var(--users-management-card-bg);border:2px solid #e2e8f0;border:2px solid var(--users-management-border-color);border-radius:.75rem;border-radius:var(--users-management-radius-lg);color:#1e293b;color:var(--users-management-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--users-management-font-primary);font-size:1rem;font-size:var(--users-management-font-size-base);padding:1rem 1.5rem;padding:var(--users-management-spacing-md) var(--users-management-spacing-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-fast);width:80%}.users-management-form-input:focus,.users-management-form-select:focus{border-color:#2979ff;border-color:var(--users-management-accent-color);box-shadow:0 0 0 3px #2979ff1a;outline:none}.users-management-form-input-disabled{background:#f1f5f9;background:var(--users-management-hover-color);cursor:not-allowed;opacity:.7}.users-management-form-help{color:#94a3b8;color:var(--users-management-text-tertiary);display:block;font-size:.75rem;font-size:var(--users-management-font-size-xs);margin-top:.25rem;margin-top:var(--users-management-spacing-xs)}.users-management-form-grid{grid-gap:1rem;grid-gap:var(--users-management-spacing-md);display:grid;gap:1rem;gap:var(--users-management-spacing-md);grid-template-columns:repeat(2,1fr)}.users-management-modal-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:0 0 1.5rem 1.5rem;border-radius:0 0 var(--users-management-radius-2xl) var(--users-management-radius-2xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--users-management-border-color);display:flex;gap:1rem;gap:var(--users-management-spacing-md);justify-content:flex-end;padding:2rem;padding:var(--users-management-spacing-xl)}.users-management-modal-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--users-management-radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;gap:.5rem;gap:var(--users-management-spacing-sm);padding:.5rem 2rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-modal-btn-cancel{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--users-management-border-color);color:#1e293b;color:var(--users-management-text-primary)}.users-management-modal-btn-cancel:hover{background:#f1f5f9;background:var(--users-management-hover-color);border-color:#64748b;border-color:var(--users-management-text-secondary)}.users-management-modal-btn-primary{background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));color:#fff}.users-management-modal-btn-custom{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff}.users-management-modal-btn-edit{background:linear-gradient(135deg,#0369a1,#0ea5e9);color:#fff}.users-management-modal-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--users-management-shadow-md);transform:translateY(-2px)}.users-management-delete-modal{padding:2rem;padding:var(--users-management-spacing-xl);text-align:center}.users-management-delete-icon{align-items:center;background:linear-gradient(135deg,#c628281a,#c6282833);border-radius:9999px;border-radius:var(--users-management-radius-full);color:#c62828;color:var(--users-management-danger-color);display:flex;font-size:1.875rem;font-size:var(--users-management-font-size-3xl);height:80px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--users-management-spacing-lg);width:80px}.users-management-delete-title{color:#1e293b;color:var(--users-management-text-primary);font-size:1.25rem;font-size:var(--users-management-font-size-xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--users-management-spacing-md)}.users-management-delete-message{color:#1e293b;color:var(--users-management-text-primary);font-size:1rem;font-size:var(--users-management-font-size-base);line-height:1.5;margin-bottom:1.5rem;margin-bottom:var(--users-management-spacing-lg);text-align:center}.users-management-delete-message strong{color:#c62828;color:var(--users-management-danger-color);font-weight:700}.users-management-delete-details{background:#f5f5f5;border-radius:.75rem;border-radius:var(--users-management-radius-lg);margin-bottom:2rem;margin-bottom:var(--users-management-spacing-xl);padding:1.5rem;padding:var(--users-management-spacing-lg);text-align:left}.users-management-delete-details p{color:#1e293b;color:var(--users-management-text-primary);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--users-management-spacing-sm)}.users-management-delete-details ul{list-style:none;margin:0;padding:0}.users-management-delete-details li{border-bottom:1px solid #e0e0e0;color:#64748b;color:var(--users-management-text-secondary);padding:.25rem 0;padding:var(--users-management-spacing-xs) 0}.users-management-delete-details li:last-child{border-bottom:none}.users-management-delete-actions{display:flex;gap:1rem;gap:var(--users-management-spacing-md);justify-content:center}.users-management-delete-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--users-management-radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--users-management-font-size-sm);font-weight:600;gap:.5rem;gap:var(--users-management-spacing-sm);padding:.5rem 2rem;padding:var(--users-management-spacing-sm) var(--users-management-spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--users-management-transition-base)}.users-management-delete-btn-cancel{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--users-management-border-color);color:#1e293b;color:var(--users-management-text-primary)}.users-management-delete-btn-cancel:hover{background:#f1f5f9;background:var(--users-management-hover-color);border-color:#64748b;border-color:var(--users-management-text-secondary)}.users-management-delete-btn-confirm{background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--users-management-danger-color),#ef5350);color:#fff}.users-management-delete-btn-confirm:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--users-management-shadow-md);transform:translateY(-2px)}.users-management-loading-container{align-items:center;background:#f8fafc;background:var(--users-management-body-bg);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:280px;min-height:100vh}.users-management-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top-color:#2979ff;border:4px solid var(--users-management-border-color);border-radius:9999px;border-radius:var(--users-management-radius-full);border-top-color:var(--users-management-accent-color);height:60px;margin-bottom:1.5rem;margin-bottom:var(--users-management-spacing-lg);width:60px}@keyframes spin{to{transform:rotate(1turn)}}.users-management-loading-text{color:#64748b;color:var(--users-management-text-secondary);font-size:1.125rem;font-size:var(--users-management-font-size-lg);font-weight:500}.users-management-footer{background:#fff;background:var(--users-management-card-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--users-management-border-color);margin-top:2rem;margin-top:var(--users-management-spacing-xl);padding:1.5rem 3rem;padding:var(--users-management-spacing-lg) var(--users-management-spacing-2xl)}.users-management-footer-content{align-items:center;color:#64748b;color:var(--users-management-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--users-management-font-size-sm);gap:1rem;gap:var(--users-management-spacing-md);justify-content:space-between}.users-management-footer-info{align-items:center;display:flex;gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-footer-icon{color:#2979ff;color:var(--users-management-accent-color)}.users-management-footer-security{align-items:center;color:#2e7d32;color:var(--users-management-success-color);display:flex;gap:.5rem;gap:var(--users-management-spacing-sm)}.users-management-footer-copyright{color:#94a3b8;color:var(--users-management-text-tertiary);flex:1 1;font-size:.75rem;font-size:var(--users-management-font-size-xs);margin-top:.5rem;margin-top:var(--users-management-spacing-sm);min-width:100%;text-align:center}@media (max-width:1024px){.users-management-stats-grid{grid-template-columns:repeat(2,1fr)}.users-management-teachers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.users-management-main-content{margin-left:0;padding-top:0;width:100%}.users-management-header{padding:1.5rem;padding:var(--users-management-spacing-lg)}.users-management-title{font-size:1.5rem;font-size:var(--users-management-font-size-2xl)}.users-management-stats-grid{grid-template-columns:1fr;margin-top:-1.5rem;margin-top:calc(var(--users-management-spacing-lg)*-1);padding:1.5rem;padding:var(--users-management-spacing-lg)}.users-management-available-section,.users-management-table-container{margin:1.5rem;margin:var(--users-management-spacing-lg)}.users-management-table-toolbar{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-search-container{max-width:100%}.users-management-filters-container{flex-wrap:wrap}.users-management-filter-select{flex:1 1;min-width:0}.users-management-form-grid{grid-template-columns:1fr}.users-management-action-buttons{flex-wrap:wrap}.users-management-footer-content{flex-direction:column;gap:.5rem;gap:var(--users-management-spacing-sm);text-align:center}}@media (max-width:640px){.users-management-header-content{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-header-actions{align-items:flex-start}.users-management-section-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--users-management-spacing-md)}.users-management-section-actions{justify-content:flex-end;width:100%}.users-management-modal{margin:.5rem;margin:var(--users-management-spacing-sm);max-width:100%}.users-management-modal-footer{flex-direction:column}.users-management-modal-btn{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){:root{--users-management-dark-bg:#0f172a;--users-management-card-bg:#1e293b;--users-management-body-bg:#0f172a;--users-management-border-color:#334155;--users-management-hover-color:#1e293b;--users-management-text-primary:#f1f5f9;--users-management-text-secondary:#cbd5e1;--users-management-text-tertiary:#64748b;--users-management-text-light:#f8fafc}.users-management-main-content{background:linear-gradient(135deg,#0f172a,#1e293b)}.users-management-stat-card{background:#1e293bcc;border:1px solid #ffffff0d}.users-management-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text}.users-management-teacher-card{background:linear-gradient(145deg,#1e293b,#0f172a);border-color:#ffffff1a}.users-management-table-header{background:linear-gradient(135deg,#1e293b,#0f172a)}.users-management-filter-select,.users-management-form-input,.users-management-form-select,.users-management-search-input{background:#0f172a;border-color:#334155;color:#1e293b;color:var(--users-management-text-primary)}.users-management-user-id{background:#334155}.users-management-table-row:nth-child(2n){background:#1e293b80}.users-management-modal-footer{background:linear-gradient(135deg,#0f172a,#1e293b)}.users-management-pagination-btn{background:#1e293b;border-color:#334155;color:#1e293b;color:var(--users-management-text-primary)}.users-management-delete-details,.users-management-pagination-btn:hover:not(:disabled){background:#334155}}.users-management-modal::-webkit-scrollbar,.users-management-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.users-management-modal::-webkit-scrollbar-track,.users-management-table-wrapper::-webkit-scrollbar-track{background:#f8fafc;background:var(--users-management-body-bg);border-radius:9999px;border-radius:var(--users-management-radius-full)}.users-management-modal::-webkit-scrollbar-thumb,.users-management-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1a237e,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-color),var(--users-management-accent-color));border:2px solid #f8fafc;border:2px solid var(--users-management-body-bg);border-radius:9999px;border-radius:var(--users-management-radius-full)}.users-management-modal::-webkit-scrollbar-thumb:hover,.users-management-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#534bae,#2979ff);background:linear-gradient(135deg,var(--users-management-primary-light),var(--users-management-accent-color))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
/*# sourceMappingURL=main.a22d3758.css.map*/