@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-container{background-color:var(--bg-primary);width:100vw;min-height:100vh;display:flex}.login-visual-panel{color:var(--text-white);background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);flex-direction:column;flex:1.1;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}@media (width<=960px){.login-visual-panel{display:none}}.visual-overlay{pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#2563eb26 0%,#0000 60%);position:absolute;inset:0}.visual-content{z-index:10;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.school-branding{max-width:460px}.branding-logo-circle{border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex;box-shadow:0 8px 24px #2563eb4d}.branding-logo-text{letter-spacing:-.5px;color:var(--text-white);font-size:1.5rem;font-weight:800}.school-branding h1{letter-spacing:-1px;color:var(--text-white);background:linear-gradient(90deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.75rem;font-weight:800}.branding-slogan{color:#93c5fd;margin-bottom:24px;font-size:1.125rem;font-weight:500}.visual-footer{z-index:10;color:#64748b;border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:24px;font-size:.8125rem;display:flex;position:relative}.login-form-panel{background-color:var(--bg-primary);flex:.9;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.mobile-login-header{display:none}.login-form-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:440px;box-shadow:var(--shadow-card);padding:40px}.login-header{margin-bottom:32px}.login-header h2{color:var(--text-primary);margin-bottom:6px;font-size:1.75rem;font-weight:700}.login-header p{color:var(--text-secondary);font-size:.875rem}.role-tabs{border-radius:var(--radius-md);background-color:#f1f5f9;border:1px solid #e2e8f0;margin-bottom:28px;padding:4px;display:flex}.role-tab{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.875rem;font-weight:600;display:flex}.role-tab:hover{color:var(--text-primary)}.role-tab.active{background-color:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.login-error-alert{background-color:var(--color-danger-light);color:var(--color-danger-text);border-radius:var(--radius-md);border:1px solid #fecaca;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.login-form{margin-bottom:24px}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.input-with-icon .form-control{padding-left:44px}.login-form-options{justify-content:space-between;align-items:center;margin-top:-4px;margin-bottom:24px;font-size:.875rem;display:flex}.remember-me-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);align-items:center;gap:8px;font-weight:500;display:flex}.remember-me-checkbox input[type=checkbox]{border:1px solid var(--border-color);width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.forgot-password-link{color:var(--color-primary);transition:var(--transition-fast);font-weight:600}.forgot-password-link:hover{color:#1d4ed8;text-decoration:underline}.login-submit-btn{width:100%;padding:12px;font-size:1rem}.demo-notice-card{background-color:var(--color-primary-light);border-radius:var(--radius-md);text-align:left;border:1px solid #bfdbfe;padding:14px}.demo-notice-card h4{color:var(--color-primary-text);margin-bottom:4px;font-size:.875rem;font-weight:700}.demo-notice-card p{color:var(--text-secondary);font-size:.75rem;line-height:1.4}@media (width<=960px){.login-form-panel{flex:1;padding:80px 24px 32px}.mobile-login-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);z-index:50;align-items:center;gap:12px;padding:16px 24px;display:flex;position:absolute;top:0;left:0}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-brand-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}}@media (width<=480px){.login-form-panel{align-items:flex-start;padding:40px 16px 16px}.login-form-card{padding:24px 20px}.login-header h2{font-size:1.5rem}.login-header{margin-bottom:24px}.role-tabs{flex-wrap:wrap;gap:4px}.role-tab{flex:40%;padding:8px 10px;font-size:.8125rem}.login-form-options{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}}.pm-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(10px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.28s cubic-bezier(.16,1,.3,1) forwards pmBackdropEnter;display:flex;position:fixed;inset:0;overflow:hidden}.pm-modal-backdrop.pm-backdrop-exit{animation:.26s cubic-bezier(.4,0,.2,1) forwards pmBackdropExit}.pm-confetti-particle{pointer-events:none;opacity:.75;filter:blur(.5px);border-radius:50%;position:absolute}.pm-confetti-particle.p1{background:#f43f5e;width:12px;height:12px;animation:4s ease-in-out infinite pmFloatSlow;top:14%;left:18%}.pm-confetti-particle.p2{background:#3b82f6;width:16px;height:16px;animation:5s ease-in-out infinite reverse pmFloatMedium;top:22%;right:16%}.pm-confetti-particle.p3{background:#10b981;width:10px;height:10px;animation:4.5s ease-in-out .5s infinite pmFloatSlow;bottom:22%;left:20%}.pm-confetti-particle.p4{background:#f59e0b;width:14px;height:14px;animation:4s ease-in-out 1s infinite pmFloatMedium;bottom:16%;right:22%}.pm-confetti-particle.p5{background:#8b5cf6;width:8px;height:8px;animation:3.5s ease-in-out 1.5s infinite pmFloatSlow;top:10%;right:30%}.pm-confetti-particle.p6{background:#06b6d4;width:11px;height:11px;animation:5s ease-in-out .8s infinite pmFloatMedium;bottom:28%;left:14%}.pm-confetti-particle.p7{background:#ec4899;width:9px;height:9px;animation:4.2s ease-in-out .3s infinite pmFloatSlow;top:38%;left:10%}.pm-confetti-particle.p8{background:#84cc16;width:11px;height:11px;animation:4.8s ease-in-out 1.2s infinite pmFloatMedium;top:48%;right:12%}.pm-confetti-particle.p9{background:#a855f7;width:13px;height:13px;animation:5.2s ease-in-out .9s infinite pmFloatSlow;bottom:12%;left:35%}.pm-confetti-particle.p10{background:#38bdf8;width:9px;height:9px;animation:4.4s ease-in-out 1.4s infinite pmFloatMedium;top:18%;left:42%}.pm-branding-card{color:#0f172a;background:#fff;border-radius:28px;width:100%;max-width:590px;padding:36px 40px 30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.32s cubic-bezier(.16,1,.3,1) forwards pmCardEnter;position:relative;overflow:hidden;box-shadow:0 30px 65px -15px #0f172a52,0 0 0 1px #e2e8f0e6,0 0 50px #3b82f61f}.pm-branding-card.pm-card-exit{animation:.24s cubic-bezier(.4,0,.2,1) forwards pmCardExit}.pm-card-gradient-bar{background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899,#f59e0b,#10b981,#06b6d4,#2563eb) 0 0/300% 100%;height:5px;animation:6s linear infinite pmGradientFlow;position:absolute;top:0;left:0;right:0}.pm-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:22px;right:22px;box-shadow:0 1px 3px #0000000a}.pm-close-btn:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)scale(1.06)}.pm-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pm-brand-identity{align-items:center;gap:14px;display:flex}.pm-logo-mark{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;box-shadow:0 4px 14px #00000014,0 0 0 1px #e2e8f0cc}.pm-branding-card:hover .pm-logo-mark{transform:scale(1.08)rotate(-2deg);box-shadow:0 6px 18px #d9770633,0 0 0 1px #f59e0b4d}.pm-logo-mark-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000000f);width:100%;height:100%}.pm-brand-title-wrap{flex-direction:column;display:flex}.pm-brand-title{color:#0f172a;letter-spacing:-.02em;font-size:1.35rem;font-weight:900;line-height:1.15}.pm-brand-sub{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:.72rem;font-weight:700}.pm-hero-section{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.pm-hero-content{flex:1;min-width:0}.pm-crafted-badge-wrap{margin-bottom:8px}.pm-crafted-tag{color:#2563eb;letter-spacing:.02em;background:linear-gradient(135deg,#eff6ff 0%,#ede9fe 100%);border:1px solid #3b82f640;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #2563eb14}.pm-sparkle-inline-icon{color:#8b5cf6;animation:2s ease-in-out infinite alternate pmTwinkleFast}.pm-product-name{color:#0f172a;letter-spacing:-.035em;background:linear-gradient(135deg,#0f172a 60%,#1e3a8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:2.25rem;font-weight:900;line-height:1.1}.pm-product-tagline{color:#334155;margin:0 0 10px;font-size:1.05rem;font-weight:600;line-height:1.35}.pm-product-desc{color:#64748b;max-width:325px;margin:0;font-size:.88rem;line-height:1.6}.pm-vidhai-visual-container{flex-shrink:0;justify-content:center;align-items:center;width:145px;height:145px;display:flex;position:relative}.pm-vidhai-halo{background:radial-gradient(circle,#eff6ff 0%,#ecfeff 50%,#f0fdf4 100%);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;animation:4s ease-in-out infinite alternate pmHaloBreath;display:flex;position:relative;box-shadow:0 0 0 6px #10b9810f,0 0 0 14px #3b82f60a,0 12px 28px #10b98129}.pm-vidhai-v-badge{z-index:2;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s;animation:3.6s ease-in-out infinite pmSproutFloat;display:flex;box-shadow:0 10px 25px #10b98159}.pm-vidhai-v-badge span{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px #00000026;font-size:2.5rem;font-weight:900;line-height:1}.pm-vidhai-logo-img{object-fit:contain;filter:drop-shadow(0 8px 16px #10b98138);z-index:2;width:102px;height:102px;animation:3.6s ease-in-out infinite pmSproutFloat}.pm-sunray-burst{z-index:3;gap:3px;display:flex;position:absolute;top:10px;right:14px}.pm-ray{background:linear-gradient(#fbbf24,#f59e0b);border-radius:2px;width:3px;animation:2s ease-in-out infinite pmRayPulse}.pm-ray.r1{height:9px;transform:rotate(-35deg)}.pm-ray.r2{height:12px;animation-delay:.2s;transform:rotate(0)}.pm-ray.r3{height:9px;animation-delay:.4s;transform:rotate(35deg)}.pm-floating-sparkle{pointer-events:none;z-index:3;position:absolute}.pm-floating-sparkle.sp1{color:#f59e0b;font-size:15px;animation:2.4s ease-in-out infinite pmSparkleTwinkle;top:6px;left:12px}.pm-floating-sparkle.sp2{color:#10b981;font-size:12px;animation:3s ease-in-out .6s infinite pmSparkleTwinkle;bottom:8px;right:10px}.pm-floating-sparkle.sp3{color:#3b82f6;font-size:11px;animation:2.8s ease-in-out 1.2s infinite pmSparkleTwinkle;bottom:24px;left:2px}.pm-feedback-card{background:linear-gradient(135deg,#f0f7ff 0%,#faf5ff 100%);border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:16px;padding:22px 24px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #2563eb0f}.pm-feedback-card:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 8px 20px -4px #2563eb1f}.pm-feedback-inner{align-items:flex-start;gap:16px;display:flex}.pm-feedback-icon-box{color:#2563eb;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative;box-shadow:0 3px 10px #2563eb29}.pm-icon-pulsing-aura{border:2px solid #2563eb4d;border-radius:50%;animation:2.4s cubic-bezier(.4,0,.6,1) infinite pmAuraPulse;position:absolute;inset:-4px}.pm-feedback-text-content{flex:1;min-width:0}.pm-feedback-heading{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:1.05rem;font-weight:800}.pm-feedback-subtext{color:#475569;margin:0;font-size:.86rem;line-height:1.5}.pm-feedback-btn-wrap{justify-content:center;padding-top:4px;display:flex}.pm-action-cta-btn{cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:13px 34px;font-size:.96rem;font-weight:700;line-height:1.2;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #2563eb61;color:#fff!important}.pm-btn-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%);width:40px;height:100%;animation:3.2s infinite pmShimmerSweep;position:absolute;top:0;left:0;transform:skew(-25deg)}.pm-action-cta-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 24px #2563eb7a}.pm-action-cta-btn:active{transform:translateY(0)scale(.99)}.pm-cta-arrow-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.pm-action-cta-btn:hover .pm-cta-arrow-icon{transform:translate(5px)}.pm-modal-footer{justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.pm-footer-rule{background:#e2e8f0;flex:1;height:1px}.pm-footer-sub{color:#94a3b8;white-space:nowrap;letter-spacing:.4px;font-size:.76rem;font-weight:600}@keyframes pmBackdropEnter{0%{opacity:0}to{opacity:1}}@keyframes pmBackdropExit{0%{opacity:1}to{opacity:0}}@keyframes pmCardEnter{0%{opacity:0;transform:scale(.85)translateY(32px)}60%{transform:scale(1.02)translateY(-4px)}85%{transform:scale(.99)translateY(1px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pmCardExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.88)translateY(24px)}}@keyframes pmGradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pmSproutFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(1.8deg)}}@keyframes pmHaloBreath{0%{transform:scale(1);box-shadow:0 0 0 6px #10b9810f,0 0 0 14px #3b82f60a,0 12px 28px #10b98129}to{transform:scale(1.03);box-shadow:0 0 0 10px #10b9811a,0 0 0 20px #3b82f612,0 16px 36px #10b98142}}@keyframes pmRayPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes pmSparkleTwinkle{0%,to{opacity:.3;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(20deg)}}@keyframes pmTwinkleFast{0%{transform:rotate(0)scale(.9)}to{transform:rotate(180deg)scale(1.2)}}@keyframes pmAuraPulse{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}@keyframes pmShimmerSweep{0%{left:-60px}40%,to{left:130%}}@keyframes pmFloatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(22deg)}}@keyframes pmFloatMedium{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-24px)rotate(-26deg)}}@media (width<=600px){.pm-branding-card{border-radius:22px;padding:26px 20px 22px}.pm-hero-section{text-align:center;flex-direction:column-reverse;gap:16px}.pm-hero-desc{max-width:100%}.pm-feedback-inner{text-align:center;flex-direction:column;align-items:center}.pm-product-name{font-size:1.85rem}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notification-bell-btn:hover{color:#0f172a;background-color:#f1f5f9}.bell-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:2px;right:2px}.bell-vibrate{transform-origin:top;animation:2.5s infinite bell-ring}.has-unread{animation:2s infinite pulse-bell}@keyframes bell-ring{0%{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(5deg)}20%{transform:rotate(-5deg)}25%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pulse-bell{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.notification-dropdown{z-index:1000;transform-origin:100% 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:380px;max-height:500px;margin-top:10px;animation:.2s forwards dropdownSlideIn;display:flex;position:absolute;top:100%;right:-10px;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes dropdownSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.notification-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.mark-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.mark-all-btn:hover{color:#2563eb;text-decoration:underline}.notification-body{flex:1;max-height:400px;overflow-y:auto}.notification-body::-webkit-scrollbar{width:6px}.notification-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.noti-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.noti-empty p{margin:0;font-size:.95rem}.noti-group{margin-bottom:8px}.noti-group-title{text-transform:uppercase;color:#64748b;letter-spacing:.5px;background:#fff;margin:0;padding:12px 20px 8px;font-size:.8rem;font-weight:700}.noti-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:16px 20px;transition:background-color .2s;display:flex;position:relative}.noti-item:hover{background-color:#f8fafc}.noti-item.unread{background-color:#f0f9ff}.noti-item.unread:hover{background-color:#e0f2fe}.noti-icon-wrapper{background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex;box-shadow:0 2px 5px #0000000d}.noti-icon{font-size:1.2rem}.general-icon{color:#64748b}.birthday-icon{background:#ffedd5;border-radius:50%;padding:6px}.admission-icon{background:#dcfce7;border-radius:50%;padding:6px}.fee-icon{background:#fee2e2;border-radius:50%;padding:6px}.exam-icon{background:#e0e7ff;border-radius:50%;padding:6px}.circular-icon{background:#fef3c7;border-radius:50%;padding:6px}.noti-content{flex:1}.noti-content h5{color:#0f172a;margin:0 0 4px;font-size:.95rem;font-weight:600}.noti-content p{color:#475569;margin:0 0 8px;font-size:.85rem;line-height:1.4}.noti-time{color:#94a3b8;font-size:.75rem;font-weight:500}.noti-read-btn{cursor:pointer;opacity:0;color:#94a3b8;background:0 0;border:none;align-self:flex-start;padding:8px;transition:opacity .2s,transform .2s}.noti-item:hover .noti-read-btn{opacity:1}.noti-read-btn:hover{transform:scale(1.1)}.read-check{transition:color .2s}.read-check.unread{color:#cbd5e1}.read-check.read{color:#3b82f6}.noti-read-btn:hover .read-check.unread{color:#94a3b8}.noti-read-btn:hover .read-check.read{color:#2563eb}.noti-item.unread .noti-read-btn{opacity:1}@media (width<=768px){.notification-dropdown{width:300px;max-height:400px;right:-55px}}.child-carousel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#0f172ad9;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.child-carousel-box{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:450px;max-height:90vh;padding:32px 24px;animation:.5s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.carousel-branding{margin-bottom:24px}.carousel-branding h2{text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-text-fill-color:transparent;background-color:#eff6ff;-webkit-background-clip:text;background-clip:text;border-radius:8px;padding:4px 12px;font-size:20px;font-weight:800;display:inline-block}.carousel-title{color:#1e293b;margin-bottom:6px;font-size:24px;font-weight:800}.carousel-subtitle{color:#64748b;margin-bottom:24px;font-size:14px}.carousel-container{align-items:center;gap:16px;display:flex;position:relative}.carousel-nav-btn{color:#475569;cursor:pointer;z-index:2;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.carousel-nav-btn:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.carousel-track-wrapper{border-radius:16px;width:100%;padding:10px 0;overflow:hidden}.carousel-track{gap:20px;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.carousel-card{opacity:.5;pointer-events:none;min-width:100%;transition:all .4s;transform:scale(.9)}.carousel-card.active{opacity:1;pointer-events:auto;transform:scale(1)}.carousel-card-inner{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:24px;transition:all .3s;display:flex}.carousel-card.active .carousel-card-inner:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 10px 20px -5px #3b82f633}.support-card .support-inner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;justify-content:center;padding:32px 24px}.carousel-card.active.support-card .support-inner:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%);border-color:#0000;box-shadow:0 10px 25px -5px #4f46e580}.support-icon-wrapper{background:#fff3;border-radius:50%;margin-bottom:20px;padding:16px;animation:2s infinite pulseIcon}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.support-card h3{color:#fff;margin-bottom:12px;font-size:20px}.support-text{color:#e0e7ff;font-size:14px;line-height:1.5}.avatar-initial{color:#94a3b8;font-size:32px;font-weight:700}.carousel-card h3{color:#0f172a;margin-bottom:4px;font-size:20px;font-weight:700}.child-standard{color:#3b82f6;background:#eff6ff;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:14px;font-weight:600}.child-details-mini{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:12px 16px;display:flex}.detail-row{justify-content:space-between;align-items:center;width:100%;display:flex}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.detail-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.carousel-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.carousel-footer p{color:#10b981;font-size:14px;font-weight:600}@media (width<=768px),(height<=650px){.child-carousel-box{padding:24px 16px}.carousel-branding{margin-bottom:16px}.carousel-branding h2{font-size:16px}.carousel-title{font-size:20px}.carousel-subtitle{margin-bottom:16px;font-size:13px}.carousel-nav-btn{width:36px;height:36px}.carousel-nav-btn svg{width:20px;height:20px}.carousel-container{gap:8px}.carousel-card-inner{padding:16px}.child-avatar-wrapper{width:64px;height:64px;margin-bottom:12px}.child-avatar-wrapper img{border:3px solid #fff}.carousel-card h3{font-size:18px}.child-standard{margin-bottom:12px;padding:3px 10px;font-size:13px}.child-details-mini{padding:10px 12px}.detail-label{font-size:11px}.detail-value{max-width:100px;font-size:12px}.support-card h3{font-size:16px}.support-text{font-size:13px}}.app-sidebar{background-color:var(--bg-sidebar);width:260px;color:var(--text-white);z-index:100;border-right:1px solid #ffffff0d;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:12px;padding:20px 16px;display:flex}.brand-logo{border-radius:var(--radius-sm);background:linear-gradient(135deg,#10b981 0%,#059669 100%);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #10b9814d}.brand-logo span{color:#fff;font-size:1.15rem;font-weight:800}.brand-meta{flex:1;min-width:0}.brand-meta h3{letter-spacing:.5px;color:#fff;margin:0;font-size:1.05rem;font-weight:700}.brand-tagline{color:#94a3b8;margin:2px 0 6px;font-size:.65rem;font-weight:500;line-height:1.25}.brand-school-meta{align-items:center;margin-top:4px;display:flex}.brand-school-name{color:#6ee7b7;white-space:nowrap;text-overflow:ellipsis;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;max-width:155px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block;overflow:hidden}.sidebar-footer-branding{cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000040;border-top:1px solid #ffffff14;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-footer-branding:hover{background:#2563eb2e;border-top-color:#60a5fa4d}.sidebar-footer-branding:hover .pm-company-name{color:#60a5fa}.sidebar-footer-branding:hover .pm-footer-logo{opacity:1;transform:scale(1.08)}.sidebar-footer-branding:focus-visible{box-shadow:inset 0 0 0 2px #3b82f6}.pm-footer-content{justify-content:center;align-items:center;gap:10px;display:flex}.pm-footer-logo{object-fit:contain;opacity:.9;flex-shrink:0;width:22px;height:22px}.pm-footer-text{flex-direction:column;display:flex}.pm-company-name{letter-spacing:.8px;color:#e2e8f0;font-size:.68rem;font-weight:800;line-height:1.2}.pm-tagline{color:#94a3b8;letter-spacing:.3px;font-size:.55rem;font-weight:500;line-height:1.2}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:4px;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;text-align:left;width:100%;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--bg-sidebar-hover);color:var(--text-white)}.nav-item.active{background-color:var(--bg-sidebar-active);color:var(--text-white);font-weight:600;box-shadow:0 4px 12px #2563eb33}.nav-dropdown{flex-direction:column;display:flex}.nav-dropdown .arrow{transition:var(--transition-fast);margin-left:auto}.submenu-list{opacity:0;border-left:1px solid #ffffff1a;flex-direction:column;gap:2px;max-height:0;margin-top:2px;margin-bottom:6px;margin-left:32px;padding-left:8px;list-style:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.nav-dropdown.expanded .submenu-list{opacity:1;max-height:400px;margin-top:4px;margin-bottom:8px}.nav-dropdown .arrow{margin-left:auto;transition:transform .3s}.nav-dropdown.expanded .arrow{transform:rotate(180deg)}.submenu-item{color:#64748b;transition:var(--transition-fast);border-radius:4px;padding:8px 12px;font-size:.8125rem;display:block}.submenu-item:hover,.submenu-item.active{color:var(--text-white);background-color:#ffffff0d}.sidebar-quicklinks{background-color:#0b111e;border-top:1px solid #ffffff14;padding:16px 20px 24px}.sidebar-quicklinks h4{color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.75rem;font-weight:700}.quicklinks-list{flex-direction:column;gap:8px;display:flex}.loading-screen{display:none}.global-loading-screen{z-index:9999;background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:fixed;top:0;left:0}.global-loading-content{text-align:center;animation:.8s ease-out fadeUpIn}.pulse-loader{justify-content:center;align-items:center;gap:12px;margin-bottom:30px;display:flex}.pulse-circle{background-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:1.4s ease-in-out infinite both pulseBounce}.pulse-1{animation-delay:-.32s}.pulse-2{background-color:#6366f1;animation-delay:-.16s}.pulse-3{background-color:#8b5cf6}.gl-title{color:#1e293b;letter-spacing:-.5px;margin:0 0 12px;font-size:24px;font-weight:700}.gl-quote{color:#64748b;max-width:400px;margin:0 auto;font-size:15px;font-style:italic;line-height:1.6}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.quick-link{color:#94a3b8;transition:var(--transition-fast);align-items:center;gap:8px;font-size:.8125rem;display:flex}.quick-link:hover{color:var(--text-white);transform:translate(2px)}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.header-left{align-items:center;display:flex}.academic-selector{align-items:center;gap:10px;display:flex}.academic-selector label{color:var(--text-primary);font-size:.875rem;font-weight:600}.compact-select{border-radius:var(--radius-sm);width:auto;padding:6px 36px 6px 12px;font-size:.875rem;font-weight:600}.notification-bell-btn{color:var(--text-secondary);cursor:pointer;width:38px;height:38px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.bell-badge{background-color:var(--color-danger);color:var(--text-white);border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.user-profile-menu{position:relative}.user-profile-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:12px;padding:6px;display:flex}.user-profile-trigger:hover{background-color:var(--bg-primary)}.user-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:38px;height:38px}.user-avatar-placeholder{color:#fff;border:2px solid var(--border-color);background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 4px #3b82f633}.user-meta-details{flex-direction:column;display:flex}.user-profile-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-profile-sub{margin-top:2px}.arrow-icon{color:var(--text-muted);transition:var(--transition-fast)}.arrow-icon.rotate{transform:rotate(180deg)}.profile-dropdown-menu{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,12px);z-index:1000;transform-origin:100% 0;width:230px;margin-top:6px;animation:.18s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a0f}.profile-dropdown-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-emp-id{color:#64748b;font-size:12px;font-weight:500}.dropdown-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:12px 16px}.dropdown-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.dropdown-list{list-style:none}.dropdown-item{color:var(--text-secondary);text-align:left;cursor:pointer;width:100%;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;display:flex}.dropdown-item:hover{background-color:var(--bg-primary);color:var(--text-primary)}.logout-btn-item{color:var(--color-danger);border-top:1px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md)}.logout-btn-item:hover{background-color:var(--color-danger-light);color:var(--color-danger-text)}.main-content-body{flex:1;padding:32px}.child-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#0f172ab3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.child-modal-box{background:#fff;border-radius:24px;width:90%;max-width:600px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 25px 50px -12px #00000040}.child-modal-box h2{color:#1e293b;text-align:center;margin-bottom:12px;font-size:28px;font-weight:800}.child-modal-box p.subtitle{color:#64748b;text-align:center;margin-bottom:32px;font-size:15px}.child-selection-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.child-selection-card{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.child-selection-card:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 10px 15px -3px #3b82f61a}.child-avatar-wrapper{background:#e2e8f0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.child-avatar-wrapper img{object-fit:cover;width:100%;height:100%}.child-selection-card h3{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:700}.child-selection-card p.child-standard{color:#3b82f6;background:#dbeafe;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:14px;font-weight:600}.child-details-mini{color:#64748b;text-align:left;background:#fff;border-radius:8px;flex-direction:column;gap:4px;width:100%;padding:12px;font-size:13px;display:flex}.child-details-mini span{justify-content:space-between;display:flex}.child-details-mini span strong{color:#475569}.mobile-sidebar-overlay,.mobile-sidebar-close,.mobile-header-brand{display:none}@media (width<=960px){.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a99;animation:.3s ease-out fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-sidebar{z-index:1000;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-brand{justify-content:space-between}.mobile-sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:28px;line-height:1;transition:background .2s;display:block}.mobile-sidebar-close:hover{color:#fff;background:#ffffff1a}.app-header{justify-content:space-between;padding:0 16px}.header-left{gap:16px}.mobile-header-brand{align-items:center;gap:12px;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.mobile-menu-btn:hover{background:var(--bg-primary)}.mobile-brand-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;display:none}.academic-selector{display:none}.header-right{gap:12px}.user-meta-details{display:none}.main-content-body{padding:16px}}.custom-child-dropdown{align-items:center;display:flex;position:relative}.custom-child-trigger{cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:4px;padding:4px 8px;display:flex}.custom-child-trigger:hover{background-color:var(--bg-sidebar-hover)}.child-name-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:15px;font-weight:700;overflow:hidden}.custom-child-dropdown:hover .child-name-text,.custom-child-dropdown:hover .arrow-icon{color:#3b82f6}.child-dropdown-menu{min-width:200px;right:-20px}.component-loading-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.component-loading-content{flex-direction:column;align-items:center;gap:16px;animation:.4s ease-out fadeIn;display:flex}.loader-dots{align-items:center;gap:8px;display:flex}.loader-dots .dot{background-color:#3b82f6;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounce}.loader-dots .dot:first-child{animation-delay:-.32s}.loader-dots .dot:nth-child(2){background-color:#6366f1;animation-delay:-.16s}.loader-dots .dot:nth-child(3){background-color:#8b5cf6}.component-loading-message{color:#64748b;letter-spacing:.3px;margin:0;font-size:15px;font-weight:500}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.celebration-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.celebration-modal-content{text-align:center;z-index:10000;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #ffffff80;border-radius:20px;width:90%;max-width:650px;padding:30px 40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.celebration-bounce-in{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(-50px)}50%{opacity:1;transform:scale(1.05)translateY(10px)}70%{transform:scale(.9)translateY(-5px)}to{transform:scale(1)translateY(0)}}.celebration-burst-fall{animation:.8s cubic-bezier(.55,.085,.68,.53) forwards burstAndFall}@keyframes burstAndFall{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:0;transform:scale(.5)translateY(500px)rotate(-10deg)}}.celebration-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.celebration-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.celebration-icon-wrapper{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99% 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;animation:2s infinite pulse-ring;display:flex;box-shadow:0 10px 15px -3px #ff9a9e4d}.celebration-emoji{font-size:30px}@keyframes pulse-ring{0%{box-shadow:0 0 #ff9a9eb3}70%{box-shadow:0 0 0 20px #ff9a9e00}to{box-shadow:0 0 #ff9a9e00}}.celebration-header h2{color:#0f172a;background:-webkit-linear-gradient(45deg,#f43f5e,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:1.5rem;font-weight:800}.celebration-body p{color:#475569;margin-bottom:10px;font-size:.95rem;line-height:1.5}.celebration-footer{border-top:1px dashed #cbd5e1;margin-top:20px;padding-top:15px}.celebration-footer p{color:#64748b;font-size:.85rem;font-style:italic;font-weight:500}.celebration-actions{margin-top:20px}.celebration-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50px;padding:12px 25px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #3b82f64d}.celebration-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f666}.confetti-container{pointer-events:none;z-index:9998;width:100%;height:100%;position:absolute;top:0;left:0}.confetti-piece{opacity:0;background-color:#f2d74e;width:10px;height:20px;animation:linear infinite confettiFall;position:absolute}.confetti-0{background-color:#f2d74e}.confetti-1{background-color:#95c3de}.confetti-2{background-color:#ff9a9e}.confetti-3{background-color:#3b82f6}.confetti-4{background-color:#10b981}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:1;transform:translateY(110vh)rotate(720deg)}}.sdp-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards sdpFadeIn;display:flex;position:fixed;inset:0}@keyframes sdpFadeIn{0%{opacity:0}to{opacity:1}}.sdp-modal-content{background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:660px;padding:32px 36px 36px;animation:.35s cubic-bezier(.175,.885,.32,1.15) forwards sdpModalScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc}@keyframes sdpModalScaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sdp-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.sdp-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)scale(1.08)}.sdp-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.sdp-header-icon-box{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #a7f3d0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;animation:3.2s ease-in-out infinite alternate sdpIconFloat;display:flex;box-shadow:0 4px 12px #10b98126}.sdp-vidhai-logo{object-fit:contain;width:38px;height:38px}@keyframes sdpIconFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(3deg)}}.sdp-header-text{flex-direction:column;display:flex}.sdp-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.sdp-title-blue{color:#2563eb}.sdp-subtitle{color:#64748b;margin:4px 0 0;font-size:.95rem;font-weight:500}.sdp-special-card{background:linear-gradient(135deg,#f0fdf4 0%,#e6f9ed 100%);border:1px solid #bbf7d0e6;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #10b9810f}.sdp-special-left{z-index:2;flex:1;min-width:0}.sdp-pill-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.sdp-pill-icon{font-size:.85rem}.sdp-special-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 8px;font-size:1.35rem;font-weight:800;line-height:1.25}.sdp-special-desc{color:#334155;margin:0 0 14px;font-size:.88rem;font-weight:450;line-height:1.5}.sdp-quote-box{color:#166534;background:#dcfce7bf;border:1px solid #bbf7d0b3;border-radius:12px;align-items:baseline;gap:3px;max-width:100%;padding:10px 14px;font-size:.82rem;font-style:italic;line-height:1.4;display:inline-flex}.sdp-quote-mark{color:#15803d;font-size:1rem;font-style:normal;font-weight:800}.sdp-quote-text{font-weight:500}.sdp-special-right{flex-shrink:0;justify-content:center;align-items:center;width:170px;display:flex;position:relative}.sdp-illustration-container{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.sdp-sun-rays{pointer-events:none;background:radial-gradient(circle,#fef08a66 0%,#fef08a00 70%);border-radius:50%;width:60px;height:60px;position:absolute;top:25px;right:25px}.sdp-earth-sprout-svg{width:100%;height:100%;animation:4s ease-in-out infinite alternate sdpEarthFloat}@keyframes sdpEarthFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.sdp-reminder-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fdd9;border-radius:20px;align-items:center;gap:16px;margin-top:16px;padding:16px 20px;display:flex;box-shadow:0 4px 14px #0284c70d}.sdp-reminder-icon-box{background:#bae6fd;border:1.5px solid #7dd3fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 3px 8px #0284c726}.sdp-reminder-emoji{font-size:1.3rem;line-height:1}.sdp-reminder-content{flex:1}.sdp-reminder-title{color:#0369a1;margin:0 0 2px;font-size:.96rem;font-weight:700}.sdp-reminder-text{color:#0c4a6e;margin:0;font-size:.86rem;font-weight:450;line-height:1.4}.sdp-actions{justify-content:center;margin-top:24px;display:flex}.sdp-start-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 34px;font-size:.96rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 20px -4px #2563eb73}.sdp-start-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 24px -4px #2563eb8c}.sdp-start-btn:active{transform:translateY(0)}.sdp-decor-leaf{pointer-events:none;opacity:.6;animation:5s ease-in-out infinite alternate sdpLeafSway;position:absolute;bottom:12px;left:14px}@keyframes sdpLeafSway{0%{transform:rotate(0)}to{transform:rotate(5deg)scale(1.05)}}.sdp-decor-wave{pointer-events:none;background:radial-gradient(circle,#bae6fd66 0%,#f0f9ff00 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;right:-40px}@media (width<=640px){.sdp-modal-content{border-radius:20px;padding:24px 20px}.sdp-special-card{flex-direction:column-reverse;padding:20px}.sdp-special-right{width:120px}.sdp-illustration-container{width:120px;height:120px}.sdp-title{font-size:1.3rem}.sdp-special-title{font-size:1.15rem}}.admin-main-dashboard{color:#0f172a;box-sizing:border-box;flex-direction:column;gap:22px;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.amd-top-banner{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.amd-top-section{grid-template-columns:1fr 340px;align-items:stretch;gap:20px;display:grid}.amd-greeting-actions-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:20px;padding:22px 26px;display:flex;box-shadow:0 2px 4px -1px #0000000a,0 1px 2px -1px #00000005}.amd-welcome-block{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.amd-school-logo-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;padding:4px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.amd-school-logo-img{object-fit:contain;width:100%;height:100%}.amd-welcome-text{flex-direction:column;display:flex}.amd-salutation{color:#64748b;font-size:.88rem;font-weight:500;line-height:1.2}.amd-admin-name{color:#0f172a;letter-spacing:-.02em;margin:2px 0 4px;font-size:1.6rem;font-weight:800}.amd-subtext{color:#64748b;margin:0;font-size:.9rem}.amd-quick-actions-box{flex-shrink:0}.amd-qa-grid-2x2{grid-template-columns:repeat(2,160px);gap:10px;display:grid}.amd-qa-grid-btn{cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:8px;align-items:center;gap:8px;width:100%;height:38px;padding:0 14px;font-size:.84rem;font-weight:600;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.amd-qa-grid-btn:hover{transform:translateY(-1px)}.amd-qa-grid-btn:active{transform:translateY(0)}.amd-qa-btn-left{align-items:center;gap:8px;display:flex}.amd-qa-btn-blue{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 1px 3px #2563eb33}.amd-qa-btn-blue:hover{background:#1d4ed8;border-color:#1d4ed8}.amd-qa-btn-emerald{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.amd-qa-btn-emerald:hover{background:#d1fae5;border-color:#6ee7b7}.amd-qa-btn-amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.amd-qa-btn-amber:hover{color:#92400e;background:#fef3c7;border-color:#fcd34d}.amd-qa-btn-purple{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.amd-qa-btn-purple:hover{color:#6d28d9;background:#f3e8ff;border-color:#d8b4fe}.amd-qa-btn-ghost{color:#475569;background:#fff;border:1px solid #cbd5e1;justify-content:space-between}.amd-qa-btn-ghost:hover,.amd-qa-grid-btn.active{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.amd-dropdown-arrow{color:#64748b;transition:transform .2s}.amd-dropdown-arrow.open{transform:rotate(180deg)}.quick-more-dropdown-container{position:relative}.amd-more-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:190px;padding:6px;animation:.15s ease-out amdFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.amd-dropdown-item{color:#334155;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.amd-dropdown-item:hover{color:#2563eb;background:#f1f5f9}.amd-today-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;box-shadow:0 2px 4px -1px #0000000a,0 1px 2px -1px #00000005}.amd-today-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.amd-today-date-badge{align-items:center;gap:10px;display:flex}.amd-calendar-mini-icon{color:#ef4444;background:#fff5f5;border:1.5px solid #fee2e2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.amd-today-date-info{flex-direction:column;display:flex}.amd-today-tag{color:#ef4444;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700;line-height:1}.amd-today-date-str{color:#0f172a;font-size:.95rem;font-weight:800;line-height:1.2}.amd-today-day-str{color:#64748b;font-size:.75rem;font-weight:500;line-height:1}.amd-card-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;transition:color .15s}.amd-card-link-btn:hover{color:#1d4ed8;text-decoration:underline}.amd-today-alerts-list{flex-direction:column;gap:9px;display:flex}.amd-alert-item{cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:.78rem;transition:transform .15s;display:flex}.amd-alert-item:hover{transform:translate(2px)}.amd-bullet{border-radius:50%;flex-shrink:0;width:7px;height:7px}.amd-bullet-red{background:#ef4444}.amd-bullet-amber{background:#f59e0b}.amd-bullet-orange{background:#f97316}.amd-alert-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.amd-alert-action{color:#2563eb;flex-shrink:0;font-size:.75rem;font-weight:600}.amd-alert-action:hover{text-decoration:underline}.amd-no-alerts-state{color:#059669;align-items:center;gap:10px;padding:18px 8px;font-size:.85rem;font-weight:500;line-height:1.4;display:flex}.amd-check-icon-green{color:#10b981;flex-shrink:0}.amd-policies-card{flex-direction:column;display:flex}.amd-policies-body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}.amd-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;width:100%;display:grid}.amd-stat-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.amd-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0000000f}.amd-stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.amd-icon-bg-blue{color:#2563eb;background:#eff6ff}.amd-icon-bg-emerald{color:#059669;background:#ecfdf5}.amd-icon-bg-purple{color:#7c3aed;background:#f5f3ff}.amd-icon-bg-coral{color:#ef4444;background:#fef2f2}.amd-stat-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.amd-stat-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;line-height:1.2;overflow:hidden}.amd-stat-num{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:1.6rem;font-weight:800;line-height:1.15;overflow:hidden}.amd-stat-sub-row{align-items:center;min-width:0;display:flex}.amd-stat-sub{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.74rem;font-weight:600;line-height:1.2;display:inline-flex;overflow:hidden}.amd-stat-sub.green{color:#059669}.amd-stat-sub.blue{color:#2563eb}.amd-stat-sub.red{color:#dc2626}.amd-stat-arrow{color:#cbd5e1;flex-shrink:0;margin-left:auto;transition:transform .2s,color .2s}.amd-stat-card:hover .amd-stat-arrow{color:#2563eb;transform:translate(3px)}.amd-three-cards-row{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.amd-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;min-height:280px;display:flex;overflow:hidden;box-shadow:0 2px 4px -1px #0000000a,0 1px 2px -1px #00000005}.amd-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.amd-card-title-flex{align-items:center;gap:10px;display:flex}.amd-card-header-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.amd-card-header-icon.blue{color:#2563eb;background:#eff6ff}.amd-card-header h3{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.amd-select-pill{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.amd-admission-analytics-card{grid-column:span 2}.amd-ay-label{color:#64748b;margin-right:2px;font-size:.76rem;font-weight:600}.amd-admission-body{flex-direction:column;flex:1;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.amd-admission-top-flex{justify-content:space-between;align-items:center;gap:20px;display:flex}.amd-adm-big-metric{flex-direction:column;flex-shrink:0;min-width:135px;display:flex}.amd-adm-big-num{color:#0f172a;letter-spacing:-.02em;font-size:2.1rem;font-weight:800;line-height:1}.amd-adm-metric-label{color:#64748b;margin-top:4px;font-size:.82rem;font-weight:600}.amd-adm-trend-label{align-items:center;gap:4px;margin-top:5px;font-size:.75rem;font-weight:700;display:inline-flex}.amd-adm-trend-label.green{color:#10b981}.amd-funnel-card-wrapper{background:#fff;border:1px solid #eef2f6;border-radius:12px;flex:1;align-items:center;min-width:0;padding:8px 10px;display:flex;box-shadow:0 1px 3px #00000005}.amd-funnel-pipeline.amd-funnel-chevron-stages{align-items:center;gap:6px;width:100%;display:flex}.amd-chevron-step{text-align:center;clip-path:polygon(0% 0%,calc(100% - 11px) 0%,100% 50%,calc(100% - 11px) 100%,0% 100%,11px 50%);cursor:default;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:48px;padding:4px 10px 4px 16px;transition:transform .15s;display:flex}.amd-chevron-step:hover{transform:translateY(-2px)}.amd-chevron-step.step-green{clip-path:polygon(0% 0%,calc(100% - 11px) 0%,100% 50%,calc(100% - 11px) 100%,0% 100%);color:#fff;background:#16a34a;border-top-left-radius:6px;border-bottom-left-radius:6px;padding-left:10px}.amd-chevron-step.step-sky{color:#fff;background:#38bdf8}.amd-chevron-step.step-mint{color:#166534;background:#bbf7d0}.amd-chevron-step.step-amber{color:#854d0e;background:#fef08a}.amd-chevron-step.step-pink{clip-path:polygon(0% 0%,calc(100% - 11px) 0%,100% 50%,calc(100% - 11px) 100%,0% 100%,11px 50%);color:#9f1239;background:#fecdd3;border-top-right-radius:6px;border-bottom-right-radius:6px}.amd-step-val{font-size:1.05rem;font-weight:800;line-height:1.1}.amd-step-name{opacity:.95;margin-top:2px;font-size:.72rem;font-weight:600;line-height:1}.amd-adm-bottom-grid{border-top:1px solid #f1f5f9;grid-template-columns:1.35fr 1fr 1fr;align-items:stretch;gap:20px;padding-top:16px;display:grid}.amd-adm-col-card{flex-direction:column;justify-content:space-between;display:flex}.amd-adm-col-card.confirmed{background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:14px 18px;box-shadow:0 1px 3px #00000005}.amd-adm-col-card.plain{padding:4px 6px}.amd-adm-col-title{color:#1e293b;font-size:.82rem;font-weight:700;line-height:1.2}.amd-adm-col-num{color:#0f172a;letter-spacing:-.02em;margin:4px 0 2px;font-size:1.85rem;font-weight:800;line-height:1.1}.amd-adm-col-pct{margin-bottom:8px;font-size:.76rem;font-weight:700}.amd-adm-col-pct.green-text{color:#10b981}.amd-adm-col-pct.muted-text{color:#64748b;font-weight:600}.amd-adm-bar-track{background:#f1f5f9;border-radius:9999px;width:100%;height:7px;overflow:hidden}.amd-adm-bar-fill{border-radius:9999px;height:100%}.amd-adm-bar-fill.green{background:#10b981}.amd-adm-bar-fill.amber{background:#f59e0b}.amd-adm-bar-fill.red{background:#ef4444}.amd-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.amd-dot.green{background:#10b981}.amd-dot.amber{background:#f59e0b}.amd-fee-body{flex-direction:column;flex:1;justify-content:space-between;padding:18px 20px;display:flex}.amd-fee-stat-head{flex-direction:column;display:flex}.amd-fee-headline{color:#0f172a;letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.amd-fee-subhead{color:#64748b;margin-top:2px;font-size:.8rem;font-weight:600}.amd-fee-trend-badge{align-items:center;gap:4px;margin-top:4px;font-size:.75rem;font-weight:700;display:inline-flex}.amd-fee-trend-badge.green{color:#059669}.amd-fee-spline-wrap{width:100%;height:70px;margin:10px 0}.amd-fee-spline-svg{width:100%;height:100%;overflow:visible}.amd-fee-breakdown-row{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;display:grid}.amd-fee-bcol{flex-direction:column;display:flex}.amd-fee-bcol-label{color:#64748b;font-size:.74rem;font-weight:600}.amd-fee-bcol-val{color:#0f172a;margin-top:2px;font-size:.96rem;font-weight:800}.amd-fee-bcol-sub{margin-top:1px;font-size:.7rem;font-weight:600}.amd-today-school-body{flex-direction:column;gap:8px;padding:14px 20px;display:flex}.amd-school-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.amd-school-row:last-child{border-bottom:none}.amd-sr-left{align-items:center;gap:9px;display:flex}.amd-sr-icon{flex-shrink:0}.amd-sr-icon.blue{color:#2563eb}.amd-sr-icon.coral{color:#ef4444}.amd-sr-icon.amber{color:#f59e0b}.amd-sr-icon.purple{color:#7c3aed}.amd-sr-label{color:#334155;font-size:.82rem;font-weight:600}.amd-sr-right{align-items:center;gap:10px;display:flex}.amd-sr-val{color:#0f172a;text-align:right;min-width:24px;font-size:.85rem;font-weight:700}.amd-sr-pct{text-align:right;min-width:42px;font-size:.78rem;font-weight:700}.amd-sr-pct.green{color:#059669}.amd-sr-pct.coral{color:#ef4444}.amd-sr-pct.amber{color:#d97706}.amd-sr-view-link{cursor:pointer;font-size:.78rem;font-weight:700}.amd-sr-view-link.purple{color:#7c3aed}.amd-sr-view-link:hover{text-decoration:underline}.amd-ops-card{min-height:290px}.amd-table-wrap{padding:8px 16px 14px;overflow-x:auto}.amd-mini-table{border-collapse:collapse;width:100%;font-size:.78rem}.amd-mini-table th{text-align:left;color:#64748b;letter-spacing:.03em;border-bottom:1px solid #f1f5f9;padding:10px 8px;font-size:.7rem;font-weight:700}.amd-mini-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:10px 8px}.amd-td-strong{color:#0f172a;font-weight:700}.amd-status-badge{letter-spacing:.03em;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-block}.amd-status-badge.scheduled{color:#2563eb;background:#eff6ff}.amd-status-badge.draft{color:#b45309;background:#fef3c7}.amd-empty-table-td{text-align:center;color:#94a3b8;font-size:.82rem;font-style:italic;padding:30px 10px!important}.amd-comm-body{flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding:18px 20px;display:flex}.amd-comm-stats-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.amd-comm-stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;padding:12px 6px;display:flex}.amd-comm-stat-label{color:#64748b;white-space:nowrap;font-size:.7rem;font-weight:600}.amd-comm-stat-num{color:#0f172a;margin-top:4px;font-size:1.25rem;font-weight:800}.amd-comm-delivery-section{flex-direction:column;gap:10px;display:flex}.amd-comm-sub-heading{color:#334155;font-size:.78rem;font-weight:700}.amd-delivery-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.amd-deliv-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.amd-deliv-icon.green{color:#10b981}.amd-deliv-name{color:#475569;font-size:.72rem;font-weight:600}.amd-deliv-rate{color:#059669;font-size:.78rem;font-weight:700}.amd-transport-body{flex-direction:column;flex:1;justify-content:space-between;gap:14px;padding:18px 20px;display:flex}.amd-trans-highlight-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.amd-trans-icon-box{color:#fff;background:#2563eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.amd-trans-highlight-info{flex-direction:column;display:flex}.amd-trans-main-text{color:#0f172a;font-size:.98rem;font-weight:800}.amd-trans-sub-text{color:#475569;font-size:.76rem;font-weight:600}.amd-trans-details-list{flex-direction:column;gap:8px;display:flex}.amd-trans-sec-title{color:#334155;margin-bottom:2px;font-size:.78rem;font-weight:700}.amd-trans-row{color:#475569;justify-content:space-between;align-items:center;padding:5px 0;font-size:.8rem;display:flex}.amd-trans-row-left{align-items:center;gap:8px;display:flex}.amd-trans-dim-icon{color:#94a3b8}.amd-trans-row-val{color:#0f172a;font-weight:700}.amd-houses-body{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.amd-house-item{cursor:pointer;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.amd-house-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(2px)}.amd-house-crest{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.amd-house-info{flex-direction:column;flex:1;display:flex}.amd-house-name{color:#0f172a;font-size:.86rem;font-weight:700}.amd-house-count{color:#64748b;font-size:.74rem}.amd-house-arrow{color:#cbd5e1;flex-shrink:0}.amd-circulars-list{flex-direction:column;padding:12px 20px;display:flex}.amd-circ-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:12px 0;transition:all .15s;display:flex}.amd-circ-item:hover{background:#f8fafc;border-radius:8px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.amd-circ-item:last-child{border-bottom:none}.amd-circ-icon-box{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.amd-circ-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.amd-circ-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;line-height:1.25;overflow:hidden}.amd-circ-snippet{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;line-height:1.35;overflow:hidden}.amd-circ-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;margin-left:10px;display:flex}.amd-circ-no,.amd-circ-date{color:#94a3b8;white-space:nowrap;font-size:.72rem;font-weight:500}.amd-timeline-feed{flex-direction:column;gap:14px;padding:16px 20px;display:flex;position:relative}.amd-timeline-item{align-items:center;gap:12px;display:flex;position:relative}.amd-tl-time{color:#64748b;min-width:58px;font-size:.74rem;font-weight:600}.amd-tl-bullet{border-radius:50%;flex-shrink:0;width:9px;height:9px}.amd-tl-bullet.blue{background:#2563eb}.amd-tl-bullet.green{background:#10b981}.amd-tl-bullet.purple{background:#8b5cf6}.amd-tl-bullet.amber{background:#f59e0b}.amd-tl-content{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.amd-tl-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.amd-tl-badge{border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:.68rem;font-weight:700}.badge-admission{color:#7c3aed;background:#f3e8ff}.badge-fee,.badge-fees{color:#b91c1c;background:#fee2e2}.badge-exam,.badge-exams{color:#1d4ed8;background:#dbeafe}.badge-transport{color:#c2410c;background:#ffedd5}.amd-empty-state-text{text-align:center;color:#94a3b8;padding:30px 16px;font-size:.84rem;font-style:italic}@media (width<=1200px){.amd-top-banner{flex-direction:column;align-items:stretch;gap:18px}.amd-quick-actions-box{width:100%}.amd-qa-grid-2x2{grid-template-columns:repeat(2,1fr);width:100%}.amd-top-section{grid-template-columns:1fr}.amd-stats-grid,.amd-three-cards-row{grid-template-columns:repeat(2,1fr)}.amd-admission-analytics-card,.amd-fee-overview-card,.amd-three-cards-row>:last-child:nth-child(odd){grid-column:span 2}}@media (width<=768px){.amd-top-banner{padding:16px}.amd-qa-grid-2x2{grid-template-columns:1fr;width:100%}.amd-stats-grid,.amd-three-cards-row{grid-template-columns:1fr}.amd-admission-analytics-card,.amd-fee-overview-card,.amd-three-cards-row>:last-child:nth-child(odd){grid-column:span 1}.amd-greeting-actions-panel{padding:16px}.amd-adm-top-flex{flex-direction:column;align-items:stretch;gap:14px}.amd-funnel-card-wrapper{padding:6px 8px;overflow-x:auto}.amd-funnel-pipeline.amd-funnel-chevron-stages{min-width:460px}.amd-adm-bottom-grid{grid-template-columns:1fr;gap:12px}}@keyframes amdFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.gdg-mnuv029>*{margin:0}.gdg-mnuv029 :last-child{margin-bottom:0}.gdg-mnuv029 p img{width:100%}.gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start;flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color), 0px 0px 1px #3e415666, 0px 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px}.gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto;display:flex}.gdg-b1ygi5by .boe-bubble{border-radius:var(--gdg-rounding-radius,10px);background-color:var(--gdg-bg-bubble);height:20px;color:var(--gdg-text-dark);justify-content:center;align-items:center;margin:2px;padding:0 8px;display:flex}.gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.gdg-n15fjm3e>input{font-size:var(--gdg-editor-font-size);font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);padding:0}.gdg-d4zsq0x{flex-wrap:wrap;display:flex}.gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);height:24px;color:var(--gdg-text-dark);border-radius:var(--gdg-rounding-radius,6px);justify-content:center;align-items:center;margin:2px;padding:0 8px;display:flex;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-i2iowwq{height:100%;display:flex}.gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center;height:100%;display:flex}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;-webkit-user-select:none;user-select:none}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.gdg-i2iowwq .gdg-edit-icon{width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:0}.gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-u1rrojo{flex-grow:1;align-items:center;min-height:21px;display:flex}.gdg-u1rrojo .gdg-link-area{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);flex-grow:1;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.gdg-u1rrojo .gdg-edit-icon{width:32px;color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.gdg-m1pnx84e .gdg-spacer{flex:1}.gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.gdg-m1pnx84e .gdg-checkmark-hover:hover{color:#fff;background-color:var(--gdg-accent-color)}.gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translate(0,0)}.gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.gdg-s1dgczr6 canvas{outline:none}.gdg-s1dgczr6 canvas *{height:0}.gdg-izpuzkl{resize:none;white-space:pre-wrap;width:100%;min-width:100%;height:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.gdg-invalid .gdg-izpuzkl{-webkit-text-decoration:underline #d60606;text-decoration:underline #d60606}.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:max-content;min-width:100%;max-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);margin:0;padding:0 0 2px}.gdg-g1y0xocz{margin-top:6px;position:relative}.gdg-seveqep{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);border:1px solid var(--gdg-border-color);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.gdg-seveqep .gdg-search-bar-inner{display:flex}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.gdg-seveqep input{width:220px;color:var(--gdg-textDark);background-color:var(--gdg-bg-cell);border:0;outline:none}.gdg-seveqep button{cursor:pointer;width:24px;height:24px;color:var(--gdg-text-medium);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.gdg-seveqep button:hover{color:var(--gdg-text-dark)}.gdg-seveqep button .button-icon{width:16px;height:16px}.gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.gdg-wmyidgi{min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);direction:ltr;position:relative;overflow:clip}.gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r17m35ur-0);font:var(--gdg-header-font-style) var(--gdg-font-family);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px;display:flex}.smart-grid-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);flex-direction:column;width:100%;height:100%;min-height:400px;display:flex;overflow:hidden}.smart-grid-toolbar{border-bottom:1px solid var(--border-color);background-color:var(--surface-bg);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.smart-grid-toolbar-left,.smart-grid-toolbar-right{align-items:center;gap:.5rem;display:flex}.smart-grid-stats{color:var(--text-secondary);gap:1rem;font-size:.85rem;display:flex}.stat-item{align-items:center;gap:.25rem;display:flex}.stat-error{color:var(--danger-color);font-weight:600}.stat-modified{color:var(--primary-color);font-weight:600}.smart-grid-wrapper{flex:1;width:100%;height:100%;position:relative}.smart-grid-tooltip{background-color:var(--danger-color);color:#fff;pointer-events:none;z-index:1000;white-space:nowrap;border-radius:4px;margin-top:-8px;padding:4px 8px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 4px #0003}.smart-grid-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--danger-color) transparent transparent transparent;margin-left:-4px;position:absolute;top:100%;left:50%}.bulk-entry-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bulk-entry-title{flex-direction:column;display:flex}.bulk-entry-title h3{color:var(--text-primary);margin:0;font-size:1.1rem}.bulk-entry-title span{color:var(--text-muted);font-size:.85rem}.column-selector-container{display:inline-block;position:relative}.column-selector-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.column-selector-btn:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.column-selector-popover{background-color:var(--bg-primary);border:1px solid var(--border-color);z-index:100;border-radius:12px;flex-direction:column;width:320px;max-height:400px;margin-top:8px;animation:.2s ease-out popIn;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}@keyframes popIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.column-selector-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.column-selector-header h4{color:var(--text-primary);margin:0;font-size:.95rem}.column-selector-body{flex:1;padding:8px 0;overflow-y:auto}.column-category{padding:4px 0}.column-category-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:6px 16px;font-size:.75rem;font-weight:700}.column-option{cursor:pointer;align-items:center;padding:8px 16px;transition:background-color .15s;display:flex}.column-option:hover:not(.disabled){background-color:var(--bg-hover)}.column-option.disabled{cursor:not-allowed;opacity:.7}.column-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:inherit;margin-right:12px}.column-option label{color:var(--text-primary);cursor:inherit;-webkit-user-select:none;user-select:none;flex:1;align-items:center;font-size:.9rem;display:flex}.column-option .required-star{color:#ef4444;margin-left:4px}.column-selector-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);justify-content:flex-end;padding:12px 16px;display:flex}.main-content-body:has(.new-admission-page){padding-top:20px;padding-bottom:24px}.new-admission-page{flex-direction:column;gap:10px;display:flex}.breadcrumbs{color:var(--text-muted);margin-bottom:2px;font-size:.78rem;font-weight:500}.admission-alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:12px;padding:16px 20px;font-size:.875rem;font-weight:600;display:flex}.admission-alert.success{background-color:var(--color-success-light);color:var(--color-success-text);border-color:#a7f3d0}.admission-alert.error{background-color:var(--color-danger-light);color:var(--color-danger-text);border-color:#fecaca}.admission-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.adm-stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.adm-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.adm-stat-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.adm-stat-card.border-blue:before{background-color:var(--color-primary)}.adm-stat-card.border-green:before{background-color:var(--color-success)}.adm-stat-card.border-amber:before{background-color:var(--color-warning)}.adm-stat-card.border-red:before{background-color:var(--color-danger)}.adm-stat-meta{flex-direction:column;display:flex}.adm-stat-title{color:var(--text-secondary);margin-top:4px;margin-bottom:2px;font-size:.8125rem;font-weight:600}.adm-stat-growth{font-size:.75rem;font-weight:700}.mini-chart{width:70px;height:35px}.admission-split-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.admission-left-col{min-width:0}.admission-right-col-sticky{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;min-width:0;max-height:calc(100vh - 28px);position:sticky;top:12px;overflow-y:auto}.admission-right-col-sticky::-webkit-scrollbar{width:5px}.admission-right-col-sticky::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.admission-split-layout .form-row-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.admission-split-layout .form-row-two>.form-group{flex:none;width:100%;min-width:0}.admission-split-layout .form-row-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.admission-split-layout .form-row-three>.form-group{flex:none;width:100%;min-width:0}@media (width<=1024px){.admission-split-layout{grid-template-columns:1fr;gap:14px}.admission-right-col-sticky{max-height:none;position:static;overflow-y:visible}}.admission-form-main,.admission-form-main>.card{flex-direction:column;gap:16px;display:flex}.admission-form-card{flex-direction:column;gap:12px;padding:16px;display:flex}.card-form-title{color:var(--text-primary);border-bottom:2px solid var(--color-primary);align-self:flex-start;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;display:inline-flex}.card-icon-wrapper{color:var(--color-primary);background-color:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.card-form-title h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.input-with-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-with-icon-wrapper .input-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon-wrapper .form-control{padding-left:40px!important}.input-with-icon-wrapper.right-icon .form-control{padding-left:12px!important;padding-right:38px!important}.form-group.full-width{flex:100%}.red-asterisk{color:var(--color-danger)}.form-row-two,.form-row-three,.form-row-four{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.form-row-two>.form-group{flex:calc(50% - 12px);min-width:140px}.form-row-three>.form-group{flex:calc(33.333% - 12px);min-width:110px}.form-row-four>.form-group{flex:calc(25% - 12px);min-width:90px}@media (width<=640px){.form-row-two>.form-group,.form-row-three>.form-group,.form-row-four>.form-group{flex:100%}}.student-info-section-grid{flex-wrap:wrap-reverse;align-items:flex-start;gap:16px;display:flex}.form-fields-side{flex-direction:column;flex:1;gap:16px;min-width:250px;display:flex}.photo-upload-side{flex-direction:column;align-items:center;gap:12px;width:140px;padding-top:8px;display:flex}.photo-avatar-box{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:center;align-items:center;width:120px;height:140px;display:flex;overflow:hidden}.photo-avatar-box img{object-fit:cover;width:100%;height:100%}.compact-btn{border-radius:var(--radius-sm);padding:6px 12px;font-size:.75rem;font-weight:600}.radio-options-row{align-items:center;gap:24px;height:44px;display:flex}.radio-option{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-weight:500;display:flex}.radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.file-upload-wrapper{align-items:center;gap:12px;display:flex}.uploaded-file-tag{background-color:var(--color-success-light);color:var(--color-success-text);border-radius:var(--radius-md);border:1px solid #c6f6d5;flex:1;padding:10px 14px;font-size:.8125rem;font-weight:600}.admission-form-footer{border-top:1px solid var(--border-color);flex-direction:row-reverse;justify-content:flex-start;gap:12px;margin-top:12px;padding-top:24px;display:flex}.btn.danger-hover:hover{background-color:var(--color-danger);color:var(--text-white);border-color:var(--color-danger)}.admission-panels-aside{flex-direction:column;gap:24px;display:flex}.aside-panel{padding:24px}.panel-header{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:10px;position:relative}.panel-header h3{color:var(--text-primary);font-size:.95rem;font-weight:700}.panel-header p.panel-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:600}.panel-header:after{content:"";width:48px;height:2px;position:absolute;bottom:-1px;left:0}.panel-header.border-blue:after{background-color:var(--color-primary)}.panel-header.border-green:after{background-color:var(--color-success)}.panel-header.border-amber:after{background-color:var(--color-warning)}.panel-list{flex-direction:column;gap:14px;display:flex}.panel-list-item{color:var(--text-secondary);justify-content:space-between;font-size:.875rem;display:flex}.panel-list-item .label-col{flex-direction:column;display:flex}.panel-list-item .label-col span{font-weight:500}.panel-list-item .sub-tag{color:var(--text-muted);margin-top:1px;font-size:.6875rem;font-weight:600}.panel-divider{background-color:var(--border-color);height:1px;margin:4px 0}.total-row{align-items:center;font-size:.95rem;font-weight:700}.total-row .total-value{font-size:1.1875rem;font-weight:800}.panel-form-section{flex-direction:column;gap:14px;display:flex}.new-admission-page{font-size:13px}.new-admission-page h3{margin-bottom:0;font-size:16px}.new-admission-page .card{margin-bottom:16px;padding:16px}.new-admission-page .form-control{border-radius:6px;height:34px;padding:6px 12px;font-size:13px}.new-admission-page .form-label{margin-bottom:4px;font-size:12px}.new-admission-page .form-group{margin-bottom:12px}.new-admission-page .card-form-title{margin-bottom:12px;padding-bottom:10px}.new-admission-page .fee-structure-card{padding:16px}.admission-form-main,.admission-form-split-rows{gap:10px!important}.admission-form-card{gap:8px!important;padding:10px 12px!important}.card-form-title{margin-bottom:4px!important;padding-bottom:4px!important}.form-row-two,.form-row-three,.form-row-four{gap:8px 12px!important}.admission-form-card .form-group{margin-bottom:2px!important}.admission-form-card .form-label{margin-bottom:2px!important;font-size:.75rem!important}.admission-form-card .form-control,.admission-form-card .form-select{height:30px!important;padding:4px 8px!important;font-size:.8rem!important}.admission-form-card .radio-options-row{height:30px!important}.admission-top-hero-row{justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:4px;display:flex}.admission-top-hero-left{flex-direction:column;flex:1;justify-content:space-between;gap:8px;min-width:0;display:flex}.admission-top-hero-left .breadcrumbs{color:#64748b;align-items:center;gap:4px;margin:0;padding:0;font-size:.78rem;font-weight:500;line-height:1.2;display:flex}.admission-top-hero-left .breadcrumbs span.active{color:#0f172a;font-weight:600}.admission-title-bar-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.admission-title-with-icon-row{align-items:center;gap:12px;display:flex}.admission-cap-icon-box{background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #0f172a29}.admission-title-text-group{flex-direction:column;gap:2px;display:flex}.admission-main-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:1.55rem;font-weight:800;line-height:1.15}.admission-subtitle-text{color:#64748b;letter-spacing:.1px;margin:0;font-size:12px;font-weight:500;line-height:1.25}.admission-mode-pill-wrap{flex-shrink:0;display:inline-block;position:relative}.admission-mode-pill-badge{white-space:nowrap;cursor:pointer;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;outline:none;flex-shrink:0;align-items:center;gap:7px;height:fit-content;padding:5px 14px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #2563eb14}.admission-mode-pill-badge:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb1f}.admission-mode-pill-badge:active{transform:translateY(0)}.admission-mode-current-label{color:#1d4ed8;letter-spacing:.1px;font-size:12.5px;font-weight:600}.admission-mode-chevron{transition:transform .2s}.admission-mode-chevron.open{transform:rotate(180deg)}.admission-mode-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;min-width:155px;padding:5px;animation:.16s cubic-bezier(.16,1,.3,1) modeDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a0f}@keyframes modeDropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.admission-mode-dropdown-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:7px 11px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.admission-mode-dropdown-item:hover{color:#0f172a;background:#f1f5f9}.admission-mode-dropdown-item.active{color:#1d4ed8;background:#eff6ff;font-weight:600}.admission-mode-item-left{align-items:center;gap:8px;display:flex}.admission-mode-dropdown-item .mode-check-icon{color:#2563eb;flex-shrink:0}.admission-stepper-track-wrap{scrollbar-width:none;width:100%;margin-top:10px;overflow-x:auto}.admission-stepper-track-wrap::-webkit-scrollbar{display:none}.admission-stepper-horizontal{align-items:center;width:100%;display:flex;position:relative}.step-horizontal-item{flex-direction:column;flex-shrink:0;padding-bottom:6px;display:flex;position:relative}.step-horizontal-btn{cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;padding:2px 4px 4px 0;transition:all .2s;display:flex}.step-horizontal-btn:disabled{cursor:not-allowed;opacity:.85}.step-badge-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.step-horizontal-item.completed .step-badge-circle{color:#fff;background:#10b981}.step-horizontal-item.active .step-badge-circle{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb59}.step-horizontal-item.pending .step-badge-circle{color:#94a3b8;background:#fff;border:1.5px solid #cbd5e1}.step-horizontal-label{color:#64748b;white-space:nowrap;font-size:12px;font-weight:600;transition:color .2s}.step-horizontal-item.active .step-horizontal-label{color:#0f172a;font-weight:700}.step-horizontal-item.completed .step-horizontal-label{color:#334155;font-weight:600}.step-active-underline-bar{background:#2563eb;border-radius:2px;height:2.5px;position:absolute;bottom:0;left:0;right:0}.step-horizontal-divider{background:#e2e8f0;flex:auto;min-width:12px;height:1.5px;margin:0 8px 6px;transition:all .2s}.step-horizontal-divider.filled{background:#10b981}.admission-profile-hero-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:136px;padding:8px 10px;display:flex;box-shadow:0 4px 16px #0f172a0d;margin-bottom:0!important}.oval-photo-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.oval-photo-frame{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a14}.oval-photo-frame.empty-upload{cursor:pointer;background:#f8fafc;border:1.5px dashed #38bdf8;padding:4px}.oval-photo-frame.empty-upload:hover{background:#eff6ff;border-color:#0284c7;transform:scale(1.02);box-shadow:0 4px 12px #38bdf833}.oval-photo-frame.has-photo{background:#f8fafc;border:2.5px solid #38bdf8}.oval-photo-wrapper.stage-1 .oval-photo-frame.has-photo{cursor:pointer}.oval-photo-wrapper.stage-1 .oval-photo-frame.has-photo:hover{transform:scale(1.02);box-shadow:0 4px 10px #38bdf840}.oval-photo-img{object-fit:cover;width:100%;height:100%;display:block}.oval-upload-instructions{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.oval-upload-icon-circle{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:2px;display:flex}.oval-upload-title{color:#0284c7;letter-spacing:.2px;font-size:8.5px;font-weight:800;line-height:1.1}.oval-upload-note{color:#64748b;max-width:60px;margin-top:1px;font-size:6.8px;font-weight:600;line-height:1.1}.oval-upload-types{color:#94a3b8;letter-spacing:.2px;margin-top:1px;font-size:6.2px;font-weight:700}.oval-photo-hover-overlay{color:#fff;opacity:0;background:#0f172ab3;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:8.5px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.oval-photo-frame.has-photo:hover .oval-photo-hover-overlay{opacity:1}.oval-uploading-indicator{color:#0284c7;background:#ffffffe0;justify-content:center;align-items:center;font-size:8.5px;font-weight:800;display:flex;position:absolute;inset:0}.profile-hero-meta-row{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;display:flex}.profile-hero-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:12px;font-weight:800;overflow:hidden}.profile-hero-class-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.2}.profile-hero-status-row{justify-content:center;margin-top:3px;display:flex}.profile-status-pill{border-radius:9999px;align-items:center;gap:3px;padding:1px 7px;font-size:8.5px;font-weight:700;display:inline-flex}.profile-status-pill.status-incomplete{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.profile-status-pill.status-ready{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.btn-oval-remove-link{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:2px;margin-top:2px;padding:1px 3px;font-size:8px;font-weight:700;display:inline-flex}.btn-oval-remove-link:hover{background:#fee2e2}.oval-placeholder-avatar{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.oval-placeholder-text{color:#94a3b8;font-size:7.5px;font-weight:800}@media (width<=960px){.admission-top-hero-row{flex-direction:column;align-items:stretch}.admission-profile-hero-card{width:100%;padding:10px}}.admission-stepper-card{background:linear-gradient(#fff 0%,#fafcff 100%);border:1px solid #e2e8f0;border-radius:12px;max-width:660px;margin:0 auto 12px;padding:8px 18px 6px;transition:all .3s;box-shadow:0 2px 10px #0f172a0a}.admission-stepper{border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;gap:0;margin-bottom:6px;padding:2px 4px 6px;display:flex;position:relative}.step-item-node{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.step-item-node:disabled{cursor:not-allowed;opacity:.55}.step-item-node:hover:not(:disabled) .step-badge{transform:translateY(-1px)scale(1.06);box-shadow:0 4px 10px #0000001a}.step-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.step-item-node.completed .step-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 6px #05966940,0 0 0 2px #d1fae5}.step-item-node.active .step-badge{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:scale(1.04);box-shadow:0 3px 10px #2563eb59,0 0 0 2.5px #dbeafe}.step-item-node.pending .step-badge{color:#94a3b8;background:#fff;border:1.5px solid #e2e8f0}.step-divider-line{z-index:1;background:#e2e8f0;border-radius:2px;flex:1;min-width:16px;max-width:46px;height:2.5px;margin:0 2px;transition:all .4s;position:relative}.step-divider-line.filled{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 1px 3px #05966940}.stepper-stage-info-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:0 2px;display:flex}.stepper-stage-left{align-items:center;gap:8px;display:flex}.stepper-stage-pill{letter-spacing:.4px;text-transform:uppercase;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.stepper-stage-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.stepper-stage-right{align-items:center;display:flex}.stepper-stage-sub{color:#64748b;font-size:12.5px;font-weight:500}.admission-draft-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 18px;font-size:13px;display:flex}.stage-action-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:20px;padding:14px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.stage-action-left,.stage-action-right{align-items:center;gap:12px;display:flex}.sibling-search-container{background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin-top:10px;padding:14px}.sibling-cards-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:220px;margin-top:12px;display:grid;overflow-y:auto}.sibling-card-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.sibling-card-item:hover{background:#eff6ff;border-color:#3b82f6}.sibling-card-item.selected{background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.review-stage-container{flex-direction:column;gap:16px;display:flex}.review-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.review-section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.review-grid-2{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.review-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px 24px;display:grid}.review-field{flex-direction:column;gap:2px;display:flex}.review-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.review-field-value{color:#1e293b;font-size:13.5px;font-weight:600}.admission-success-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0f172ab8;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.admission-success-modal-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:520px;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.success-modal-header{color:#fff;background:linear-gradient(135deg,#047857 0%,#10b981 100%);flex-direction:column;align-items:center;gap:8px;padding:22px 20px 18px;display:flex}.success-badge-icon-wrap{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 0 0 4px #ffffff4d}.success-modal-body{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.success-adm-badge-box{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;box-shadow:0 4px 12px #0f172a26}.success-adm-copy-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.success-adm-copy-btn:hover{background:#ffffff40}.success-note-callout{text-align:left;color:#92400e;background:#fffbeb;border:1.5px solid #fde68a;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:11.5px;line-height:1.5;display:flex}.success-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.printable-admission-sheet{color:#0f172a;box-sizing:border-box;background:#fff;width:794px;padding:28px 36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;line-height:1.4}.pdf-header-grid{border-bottom:2px solid #1e3a8a;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.pdf-school-title{color:#1e3a8a;letter-spacing:.5px;margin:0;font-size:18px;font-weight:800}.pdf-app-subtitle{color:#047857;text-transform:uppercase;letter-spacing:.8px;margin:2px 0 0;font-size:13px;font-weight:700}.pdf-student-photo-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:105px;display:flex;overflow:hidden}.pdf-section-box{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;overflow:hidden}.pdf-section-title{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:5px 12px;font-size:11px;font-weight:700}.pdf-grid-row{grid-template-columns:repeat(3,1fr);gap:8px 14px;padding:8px 12px;display:grid}.pdf-grid-row-2{grid-template-columns:repeat(2,1fr);gap:8px 14px;padding:8px 12px;display:grid}.pdf-field-cell{flex-direction:column;display:flex}.pdf-field-lbl{color:#64748b;text-transform:uppercase;font-size:9.5px;font-weight:600}.pdf-field-val{color:#0f172a;font-size:11.5px;font-weight:600}.pdf-footer-branding{text-align:center;color:#64748b;letter-spacing:.3px;border-top:1px solid #e2e8f0;margin-top:18px;padding-top:8px;font-size:10px;font-weight:600}.primary-contact-form-group{width:100%;margin-top:16px}.primary-contact-options-wrap{flex-wrap:wrap;align-items:center;gap:10px 32px;width:100%;margin-top:6px;display:flex}.primary-contact-radio-item{cursor:pointer;white-space:nowrap;color:#1e293b;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 2px;font-size:13px;font-weight:500;line-height:1.4;transition:color .15s;display:inline-flex}.primary-contact-radio-item:hover{color:#2563eb}.primary-contact-radio-item input[type=radio]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:17px;height:17px;margin:0}.primary-contact-radio-item span{white-space:nowrap}@media (width<=768px){.primary-contact-options-wrap{flex-direction:column;align-items:flex-start;gap:8px}}.admission-doc-instruction-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:14px;padding:14px}.doc-instruction-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.doc-instruction-title{color:#0369a1;font-size:13px;font-weight:700}.doc-instruction-desc{color:#334155;margin:0 0 10px;font-size:12.5px;line-height:1.5}.admission-doc-checklist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 12px;display:grid}.doc-checklist-item{color:#1e293b;background:#fff;border:1px solid #e0f2fe;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.doc-step-num{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10.5px;font-weight:700;display:inline-flex}.admission-doc-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #93c5fd;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;transition:all .2s;display:flex}.admission-doc-dropzone:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.admission-doc-dropzone.uploading{opacity:.7;cursor:wait}.dropzone-icon-circle{background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;display:flex}.dropzone-text-block{flex-direction:column;gap:3px;display:flex}.dropzone-title{color:#1e293b;font-size:13.5px;font-weight:600}.dropzone-subtitle{color:#64748b;font-size:12px}.dropzone-btn{margin-top:6px;padding:6px 16px}.admission-uploaded-doc-card{background:#fff;border:1.5px solid #86efac;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #10b98114}.uploaded-doc-left{align-items:center;gap:12px;display:flex}.uploaded-doc-icon-wrap{background:#ecfdf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.uploaded-doc-meta{flex-direction:column;gap:2px;display:flex}.uploaded-doc-name{color:#0f172a;word-break:break-all;font-size:13.5px;font-weight:700}.uploaded-doc-sub{color:#64748b;align-items:center;gap:6px;font-size:11.5px;display:flex}.meta-dot{font-weight:700}.status-pill-success{color:#15803d;background:#dcfce7;border-radius:10px;padding:1px 8px;font-size:10.5px;font-weight:600}.uploaded-doc-actions{align-items:center;gap:8px;display:flex}.btn-danger-outline{color:#dc2626;background:#fff;border:1px solid #fca5a5}.btn-danger-outline:hover{background:#fef2f2;border-color:#ef4444}.admission-or-divider{text-align:center;align-items:center;margin:14px 0 10px;display:flex}.admission-or-divider:before,.admission-or-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.admission-or-divider span{color:#64748b;letter-spacing:.5px;padding:0 12px;font-size:11px;font-weight:700}.admission-hardcopy-confirm-box{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.admission-hardcopy-confirm-box:hover{background:#f8fafc;border-color:#94a3b8}.admission-hardcopy-confirm-box.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 1px 3px #2563eb1a}.admission-hardcopy-confirm-box input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.hardcopy-text-wrap{flex-direction:column;gap:3px;display:flex}.hardcopy-label-title{color:#0f172a;font-size:13px;font-weight:600;line-height:1.4}.hardcopy-label-desc{color:#64748b;font-size:11.5px;line-height:1.4}.smart-export-container{font-family:Inter,system-ui,sans-serif;display:inline-block;position:relative}.smart-export-trigger{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.smart-export-trigger:hover{background-color:#f8fafc;border-color:#cbd5e1}.smart-export-trigger:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.smart-export-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;width:320px;animation:.2s ease-out forwards slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.smart-export-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px;display:flex}.smart-export-header h4{color:#1e293b;margin:0;font-size:.95rem;font-weight:600}.smart-export-header p{color:#64748b;margin:4px 0 0;font-size:.75rem}.smart-export-body{max-height:250px;padding:12px;overflow-y:auto}.smart-export-body::-webkit-scrollbar{width:6px}.smart-export-body::-webkit-scrollbar-track{background:0 0}.smart-export-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.smart-export-field{cursor:pointer;border-radius:6px;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.smart-export-field:hover{background:#f1f5f9}.smart-export-field.mandatory{opacity:.7;cursor:not-allowed}.smart-export-field.mandatory:hover{background:0 0}.smart-export-field input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px;margin-right:12px}.smart-export-field.mandatory input[type=checkbox]{cursor:not-allowed}.smart-export-field label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:.85rem}.smart-export-field.mandatory label{cursor:not-allowed}.mandatory-badge{color:#475569;text-transform:uppercase;background:#e2e8f0;border-radius:12px;padding:2px 6px;font-size:.65rem;font-weight:600}.smart-export-footer{background:#fff;border-top:1px solid #f1f5f9;gap:12px;padding:16px;display:flex}.export-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.export-btn.excel{background-color:#10b981;box-shadow:0 4px 6px -1px #10b98133}.export-btn.excel:hover{background-color:#059669;transform:translateY(-1px)}.export-btn.pdf{background-color:#ef4444;box-shadow:0 4px 6px -1px #ef444433}.export-btn.pdf:hover{background-color:#dc2626;transform:translateY(-1px)}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.student-directory-page{flex-direction:column;gap:28px;display:flex}.directory-welcome-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.toast-notification{background-color:var(--bg-sidebar);color:var(--text-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;border-left:4px solid var(--color-success);align-items:center;gap:10px;padding:14px 20px;font-size:.875rem;font-weight:600;animation:.25s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.filters-container-card{padding:20px}.filters-form-row{grid-template-columns:2fr 1fr 1fr auto;align-items:flex-end;gap:16px;display:grid}@media (width<=860px){.filters-form-row{grid-template-columns:1fr;gap:16px}}.filter-item-search{flex-direction:column;gap:6px;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.pad-left{padding-left:40px}.filter-item-select{flex-direction:column;gap:6px;display:flex}.filter-buttons{gap:10px;display:flex}.compact-btn-height{height:44px;padding:0 20px}.directory-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.directory-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;padding:40px;display:flex}.empty-icon{color:var(--text-muted)}.directory-empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.directory-empty-state p{color:var(--text-secondary);max-width:320px;font-size:.9rem}.student-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.student-profile-card{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.card-top-accent{background:linear-gradient(to right, var(--color-primary), #60a5fa);width:100%;height:6px}.student-card-body{flex-direction:column;gap:16px;padding:24px;display:flex}.student-avatar-row{align-items:center;gap:14px;display:flex}.student-card-avatar{background-color:var(--color-primary-light);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.student-card-avatar img{object-fit:cover;width:100%;height:100%}.student-basic-meta h4{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.student-class-tag{color:var(--color-primary-text);background-color:var(--color-primary-light);border-radius:9999px;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.student-divider{background-color:var(--border-color);height:1px}.student-metadata-list{flex-direction:column;gap:10px;display:flex}.meta-list-row{justify-content:space-between;font-size:.8125rem;display:flex}.meta-lbl{color:var(--text-secondary);font-weight:500}.meta-val{color:var(--text-primary);text-align:right}.meta-val.weight-semibold{font-weight:600}.btn-flex-grow{width:100%}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);box-sizing:border-box;flex-direction:column;width:100%;max-width:500px;max-height:100%;padding:32px;animation:.18s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.modal-alert-error{background-color:var(--color-danger-light);color:var(--color-danger-text);border-radius:var(--radius-md);border:1px solid #fecaca;align-items:center;gap:10px;margin-bottom:16px;padding:12px;font-size:.8125rem;font-weight:500;display:flex}.modal-form-body{flex-direction:column;gap:16px;display:flex}.modal-footer-actions{border-top:1px solid var(--border-color);flex-direction:row-reverse;flex-shrink:0;justify-content:flex-start;gap:12px;margin-top:12px;padding-top:20px;display:flex}.table-responsive{background:#fff;border-radius:8px;margin-top:20px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.professional-table{border-collapse:collapse;text-align:left;width:100%}.professional-table th,.professional-table td{border-bottom:1px solid #e2e8f0;padding:16px}.professional-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:13px;font-weight:600}.professional-table tbody tr:hover{background-color:#f1f5f9}.student-table-name{align-items:center;gap:12px;display:flex}.table-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px}.table-avatar-placeholder{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.student-table-meta{flex-direction:column;display:flex}.st-name{color:#1e293b;font-size:14px;font-weight:600}.st-reg{color:#64748b;font-size:12px}.standard-badge{color:#0369a1;white-space:nowrap;background-color:#e0f2fe;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-active{background-color:#10b981}.dot-inactive{background-color:#ef4444}.status-text{color:#475569;font-size:13px;font-weight:500}.btn-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:6px;transition:all .2s;display:inline-flex}.btn-icon:hover{color:#1e293b;background-color:#e2e8f0}.btn-view:hover{color:#3b82f6;background-color:#dbeafe}.btn-edit:hover{color:#8b5cf6;background-color:#ede9fe}.filter-item-date{flex:1;min-width:140px;margin-bottom:12px}.read-only-view{background-color:#f8fafc;flex:1;min-height:0;padding:24px;overflow-y:auto}.view-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.view-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.view-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.view-group p{color:#1e293b;margin:0;font-size:15px;font-weight:500}.view-full-width{grid-column:1/-1}.single-line-filters{align-items:flex-end;gap:16px;padding-bottom:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;display:grid!important}.single-line-filters .filter-item-search,.single-line-filters .filter-item-select,.single-line-filters .filter-item-date{width:100%!important;min-width:0!important;margin-bottom:0!important}.zebra-table tbody tr:nth-child(2n){background-color:#f8fafc}.compact-table th,.compact-table td{padding:8px 16px!important;font-size:13px!important}.compact-table .table-avatar,.compact-table .table-avatar-placeholder{width:32px;height:32px}.compact-table .st-name{font-size:13px}.compact-table .st-reg{font-size:11px}.pagination-footer{background-color:#fff;border-top:1px solid #e2e8f0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.pagination-left,.pagination-right{align-items:center;gap:12px;display:flex}.compact-select{height:30px!important;min-height:30px!important;padding:4px 24px 4px 8px!important;font-size:13px!important}.colored-stages .step{color:#64748b;border-bottom:2px solid #0000;transition:all .2s}.colored-stages .step.active{color:#3b82f6;background-color:#eff6ff;border-bottom:2px solid #3b82f6;border-radius:6px 6px 0 0}.colored-stages .step:hover:not(.active){background-color:#f1f5f9}.footer-space-between{align-items:center;width:100%;justify-content:space-between!important;display:flex!important}.tab-navigation-buttons{gap:8px;display:flex}.flex-body{flex:1;min-height:0;overflow-y:auto}.modal-tabs-container{white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:0 24px;display:flex;overflow-x:auto}.modal-tabs-container::-webkit-scrollbar{height:4px}.modal-tabs-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-tab{color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;position:relative}.modal-tab:hover{color:#1e293b;background-color:#f1f5f9}.modal-tab.active{color:#2563eb;background-color:#fff;border:1px solid #e2e8f0;border-top:2px solid #2563eb;border-bottom-color:#fff;margin-bottom:-1px;font-weight:600}.btn-outline{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline:hover:not(:disabled){color:#1e293b;background-color:#f8fafc;border-color:#cbd5e1}.btn-outline:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.view-group{background:#fff;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d}.admission-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:10px;display:grid}@media (width<=600px){.admission-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px!important;margin-top:4px!important}.adm-stat-card{border-radius:8px!important;padding:8px 10px!important}.adm-stat-meta .adm-stat-val{font-size:14px!important}.adm-stat-meta .adm-stat-title{font-size:10px!important}.adm-stat-growth{margin-top:2px!important;font-size:9px!important}.mini-chart{display:none}}.adm-stat-card{background:#fff;border-top:4px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.adm-stat-card.border-blue{border-top-color:#3b82f6}.adm-stat-card.border-green{border-top-color:#10b981}.adm-stat-card.border-amber{border-top-color:#f59e0b}.adm-stat-card.border-red{border-top-color:#ef4444}.adm-stat-meta{flex-direction:column;gap:4px;display:flex}.adm-stat-val{color:#1e293b;font-size:20px;font-weight:700;line-height:1}.adm-stat-title{color:#64748b;font-size:13px;font-weight:500}.adm-stat-growth{margin-top:4px;font-size:12px;font-weight:600}.adm-stat-growth.positive{color:#10b981}.adm-stat-growth.warning{color:#f59e0b}.adm-stat-growth.danger{color:#ef4444}.mini-chart{opacity:.7;width:60px;height:20px}@media (width<=768px){.student-directory-page{gap:8px!important}.directory-welcome-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:0!important}.directory-welcome-header h1{margin:0!important;font-size:1.1rem!important}.header-actions{gap:8px!important;width:auto!important;display:flex!important}.header-actions .btn{align-items:center;display:flex;flex:none!important;justify-content:center!important;width:30px!important;height:30px!important;padding:4px!important}.header-actions .btn span{display:none!important}.filters-container-card{margin-bottom:0!important;padding:8px!important}.single-line-filters{flex-wrap:wrap!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;display:grid!important;overflow-x:hidden!important}.filter-item-search,.filter-item-select,.filter-item-date{width:100%!important;min-width:0!important;margin-bottom:0!important}.form-label.compact-label{margin-bottom:2px!important;font-size:.65rem!important}.compact-input,.compact-btn-height{height:30px!important;padding:2px 6px!important;font-size:.7rem!important}.search-icon{width:12px!important;height:12px!important;top:50%!important;left:8px!important;transform:translateY(-50%)!important}.pad-left{padding-left:24px!important}.table-responsive{margin-top:8px!important}.professional-table th,.professional-table td{padding:8px 6px!important;font-size:.7rem!important}.table-avatar,.table-avatar-placeholder{width:28px!important;height:28px!important;font-size:10px!important}.st-name{font-size:.75rem!important}.st-reg{font-size:.6rem!important}.standard-badge{padding:2px 6px!important;font-size:9px!important}.professional-table th:nth-child(3),.professional-table td:nth-child(3){display:none!important}.btn-icon{padding:4px!important}.pagination-footer{flex-direction:row!important;align-items:center!important;gap:4px!important;padding:8px!important}.hide-on-mobile{display:none!important}.pagination-left,.pagination-right,.pagination-center{justify-content:center!important;width:auto!important}.pagination-center{text-align:center;line-height:1.1;font-size:.65rem!important}.rows-select{height:26px!important;min-height:26px!important;padding:2px 16px 2px 4px!important;font-size:.75rem!important}.pagination-btn{justify-content:center;align-items:center;display:flex;width:32px!important;height:32px!important;padding:4px!important}.modal-card{border-radius:12px!important;flex-direction:column!important;width:95%!important;min-height:auto!important;max-height:100%!important;padding:12px!important;display:flex!important;overflow:hidden!important}.modal-header{flex-shrink:0;border-bottom:1px solid #f1f5f9!important;margin-bottom:8px!important;padding-bottom:8px!important}.modal-header h3{margin:0!important;font-size:1.1rem!important}.modal-close-btn{width:28px!important;height:28px!important}.stage-nav{flex-shrink:0;padding-bottom:4px;overflow-x:auto;border-bottom:1px solid #e2e8f0!important;flex-wrap:nowrap!important;margin-bottom:8px!important}.stage-tab{white-space:nowrap;padding:6px 12px!important;font-size:.8rem!important}.read-only-view,.flex-body{background-color:#f8fafc!important;border-radius:8px!important;flex:1!important;min-height:0!important;padding:12px!important;overflow-y:auto!important}.view-grid,.form-row-two,.form-row-three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:8px!important}.view-group{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;margin-bottom:0!important;padding:8px 12px!important;box-shadow:0 1px 2px #00000005!important}.view-group label{color:#64748b!important;margin-bottom:2px!important;font-size:.65rem!important}.view-group p{color:#1e293b!important;margin:0!important;font-size:.85rem!important;font-weight:500!important}.footer-space-between{flex-direction:column-reverse!important;gap:8px!important;margin-top:12px!important}.footer-space-between button{width:100%!important;padding:8px!important;font-size:.85rem!important}}.fee-structure-page{flex-direction:column;gap:20px;display:flex}.dense-card{padding:24px}.fee-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.fee-form-header h3{margin:0;font-size:1.15rem;font-weight:700}.dense-form{flex-direction:column;gap:16px;display:flex}.top-config-bar{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:24px;padding:16px;display:flex}.input-group-inline{align-items:center;gap:12px;display:flex}.input-group-inline label{color:var(--text-secondary);white-space:nowrap;font-size:.9rem;font-weight:600}.terms-w{text-align:center;width:80px}.ml-auto{margin-left:auto}.btn-toggle-group{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;overflow:hidden}.btn-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-toggle.active{background-color:var(--color-primary);color:#fff}.form-work-area{flex-direction:column;gap:20px;display:flex}.split-config-wrap{grid-template-columns:1fr 1fr;gap:24px;display:grid}.fee-config-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:16px;display:flex}.fee-config-panel.common{border-top:4px solid var(--color-primary)}.fee-config-panel.male{border-top:4px solid var(--color-success)}.fee-config-panel.female{border-top:4px solid var(--color-warning)}.panel-title{color:var(--text-primary);border-bottom:1px dashed var(--border-color);margin:0 0 16px;padding-bottom:8px;font-size:1rem}\.dense-input{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:6px;height:42px;padding:8px 14px;font-size:.95rem;transition:all .2s}.dense-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.male-input{background-color:#10b98108;border-color:#10b9814d}.female-input{background-color:#f59e0b08;border-color:#f59e0b4d}\.compact-section h6{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.95rem;font-weight:700}.compact-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}\.input-group-compact label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.flex-between{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.btn-text-primary{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.compact-table{border-collapse:collapse;width:100%}.compact-table td{padding:8px 12px}.action-td{text-align:center;width:50px}\.panel-footer-total{border-top:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 20px;display:flex}.panel-footer-total span{color:var(--text-secondary);font-size:.9rem}.panel-footer-total strong{color:var(--text-primary);font-size:1.25rem}.dense-form-footer{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.footer-note{color:var(--text-muted);margin:0;font-size:.85rem;font-style:italic}.filters-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.fee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.fee-display-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.type-all{border-top:4px solid var(--color-primary)}.type-male{border-top:4px solid var(--color-success)}.type-female{border-top:4px solid var(--color-warning)}.fee-card-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fee-card-header h4{margin:0;font-size:1.1rem;font-weight:800}.gender-badge{text-transform:uppercase;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.type-all .gender-badge{color:var(--color-primary)}.type-male .gender-badge{color:var(--color-success);background-color:#10b9811a;border-color:#10b9814d}.type-female .gender-badge{color:var(--color-warning);background-color:#f59e0b1a;border-color:#f59e0b4d}.fee-card-body{flex-direction:column;gap:12px;padding:20px;display:flex}.fee-summary-row{justify-content:space-between;font-size:.85rem;display:flex}.fee-summary-row .lbl{color:var(--text-secondary)}.fee-summary-row .val{color:var(--text-primary);font-weight:700}.fee-card-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lbl-total{color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:600}.val-total{color:var(--color-primary);font-size:1.25rem;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmation-modal{border-radius:var(--radius-lg);background:#fff;width:480px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.warning-box{border-radius:var(--radius-md);background-color:#3b82f60d;border:1px solid #3b82f633;gap:12px;margin-bottom:24px;padding:16px;display:flex}.warning-icon{color:var(--color-primary);flex-shrink:0}.warning-box p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.summary-tables{flex-direction:column;gap:12px;display:flex}.summary-row{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.summary-row span{color:var(--text-secondary);font-size:.9rem;font-weight:600}.summary-row strong{color:var(--text-primary);font-size:1.15rem}.male-row{border-left:4px solid var(--color-success)}.female-row{border-left:4px solid var(--color-warning)}.modal-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.mb-16{margin-bottom:16px}.fee-card-header{justify-content:space-between;align-items:center;display:flex}.icon-btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.icon-btn-secondary:hover{background:var(--bg-primary);color:var(--primary-color);border-color:var(--primary-color)}.alert-error{color:#991b1b;background:#fef2f2;border-left:4px solid #ef4444;border-radius:4px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}@media (width<=768px){.fee-structure-page{width:auto;margin:-16px;padding:12px;gap:12px!important}.top-config-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.input-group-inline{flex-direction:column;align-items:stretch;gap:6px;width:100%}.input-group-inline label{margin-bottom:2px;font-size:.85rem}.input-group-inline select{width:100%}.ml-auto{width:100%;margin-left:0}.btn-toggle-group{width:100%;display:flex}.btn-toggle{text-align:center;flex:1;padding:8px 4px;font-size:.8rem}.top-config-bar .btn-primary{justify-content:center;width:100%}.split-config-wrap{grid-template-columns:1fr;gap:16px}.fee-cards-grid{grid-template-columns:1fr;gap:12px}.fee-config-panel{padding:12px}.compact-grid{grid-template-columns:1fr 1fr;gap:8px}.dense-form-footer{text-align:center;flex-direction:column;gap:12px}.dense-form-footer .btn-primary{width:100%}.modal-overlay{padding:12px}.confirmation-modal{width:100%;max-width:100%}.modal-header,.modal-body,.modal-footer{padding:16px}.fee-form-header{flex-direction:column;align-items:flex-start;gap:12px}.fee-form-header .icon-btn-secondary{align-self:flex-end;margin-top:-36px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.header-actions{flex-direction:column!important;gap:8px!important;width:100%!important}.header-actions .btn{justify-content:center!important;width:100%!important}.filters-bar{flex-direction:column!important;gap:12px!important}.filters-bar .input-group-inline{width:100%!important}.filters-bar .btn-secondary{justify-content:center!important;width:100%!important}.page-header h1{margin:0 0 4px!important;font-size:1.25rem!important}.page-header .breadcrumbs{font-size:.75rem!important}.fee-structure-page{gap:16px!important;padding:12px 8px!important}.fee-structure-page .kpi-dashboard{flex-wrap:nowrap!important;gap:12px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.kpi-dashboard .kpi-card{flex:1 0 auto!important;min-width:160px!important;padding:8px 12px!important}}.fee-cards-grid{gap:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}@media (width<=768px){.fee-structure-page .kpi-dashboard{flex-wrap:nowrap!important;gap:12px!important;padding-bottom:12px!important;display:flex!important;overflow-x:auto!important}.fee-structure-page .kpi-dashboard .kpi-card{flex-direction:row!important;flex:none!important;width:auto!important;min-width:220px!important;padding:12px!important;display:flex!important}.fee-structure-page .kpi-dashboard{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding-bottom:0!important;display:grid!important}.fee-structure-page .kpi-dashboard .kpi-card{text-align:center!important;flex-direction:column!important;flex:none!important;align-items:center!important;gap:4px!important;min-width:0!important;padding:8px 4px!important}.fee-structure-page .kpi-dashboard .kpi-icon{padding:4px!important}.fee-structure-page .kpi-dashboard .kpi-icon svg{width:14px;height:14px}.fee-structure-page .kpi-dashboard .kpi-label{line-height:1.1;white-space:normal!important;font-size:.5rem!important}.fee-structure-page .kpi-dashboard .kpi-value{margin:0!important;font-size:.8rem!important}.fee-structure-page .kpi-dashboard .kpi-value span{display:none}.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.page-header .welcome-text{flex:1;min-width:0}.page-header h1{white-space:normal!important;margin:0!important;font-size:1.05rem!important;line-height:1.2!important}.page-header .breadcrumbs{margin-bottom:2px!important;font-size:.65rem!important}.header-actions{flex-direction:row!important;gap:8px!important;width:auto!important}.header-actions .btn{border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important}.header-actions .btn span{display:none!important}.header-actions .btn svg{width:16px;height:16px;margin:0!important}}.bulk-fee-modal{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:100%!important;max-width:500px!important;overflow:hidden!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.bulk-fee-modal .modal-header{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:20px 24px!important}.bulk-fee-modal .modal-header h3{color:#0f172a!important;margin:0!important;font-size:1.25rem!important;font-weight:700!important}.bulk-fee-modal .modal-body{background-color:#fff!important;padding:24px!important}.bulk-fee-modal .warning-box{background-color:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:8px!important;align-items:flex-start!important;gap:12px!important;margin-bottom:20px!important;padding:16px!important;display:flex!important}.bulk-fee-modal .warning-box p{color:#1e3a8a!important;margin:0!important;font-size:.9rem!important;line-height:1.5!important}.bulk-fee-modal label{color:#334155!important;margin-bottom:6px!important;font-size:.85rem!important;font-weight:600!important;display:block!important}.bulk-fee-modal .form-control{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;width:100%!important;padding:10px 12px!important;font-size:.95rem!important;transition:all .2s!important;box-shadow:inset 0 1px 2px #00000005!important}.bulk-fee-modal .form-control:focus{border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 3px #3b82f626!important}.bulk-fee-modal .modal-footer{background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important;justify-content:flex-end!important;gap:12px!important;padding:16px 24px!important;display:flex!important}.bulk-fee-modal .btn-secondary{color:#475569!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:8px 16px!important;font-weight:600!important}.bulk-fee-modal .btn-secondary:hover{color:#1e293b!important;background-color:#f1f5f9!important}.bulk-fee-modal .btn-primary{color:#fff!important;background-color:#2563eb!important;border:none!important;border-radius:6px!important;padding:8px 16px!important;font-weight:600!important}.bulk-fee-modal .btn-primary:hover{background-color:#1d4ed8!important}.bulk-fee-modal .input-group-compact label[style*="alignItems: 'center'"]{color:#475569!important;font-weight:500!important}.fr-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s frFadeIn;display:flex;position:fixed;inset:0}@keyframes frFadeIn{0%{opacity:0}to{opacity:1}}.fr-modal{color:#000;background:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;font-family:Arial,sans-serif;animation:.3s frSlideUp;overflow-y:auto;box-shadow:0 10px 25px #0003}@keyframes frSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fr-print-container{background:#fff;padding:30px}.fr-wrapper{border:1px solid #333;padding:20px}.fr-header{align-items:center;gap:20px;margin-bottom:15px;display:flex}.fr-centered-header{text-align:center;flex-direction:column;justify-content:center;gap:10px}.fr-logo-center{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.fr-centered-logo-img{object-fit:contain;max-width:80px;max-height:80px}.fr-logo{justify-content:center;align-items:center;width:100px;height:100px;display:flex}.fr-logo img{object-fit:contain;max-width:100%;max-height:100%}.fr-default-logo{color:#333}.fr-school-info{flex:1}.fr-school-info.text-center{text-align:center}.fr-school-info h2{letter-spacing:1px;margin:0 0 5px;font-size:24px;font-weight:800}.fr-school-reg{color:#1e293b;font-size:13px;font-weight:500;margin:2px 0 4px!important}.fr-school-info p{color:#333;margin:3px 0;font-size:13px}.fr-divider{border-bottom:1px solid #333;margin:15px 0}.fr-divider-dashed{border-bottom:1px dashed #999;margin:15px 0}.fr-title-container{justify-content:center;margin-bottom:20px;display:flex}.fr-title-box{border:1px solid #333;padding:6px 30px}.fr-title-box h3{letter-spacing:1px;margin:0;font-size:20px}.fr-meta-grid{justify-content:space-between;gap:20px;margin-bottom:15px;display:flex}.fr-meta-col{flex:1}.fr-meta-row{align-items:center;margin-bottom:8px;font-size:13px;display:flex}.fr-meta-label{color:#333;width:120px}.fr-meta-colon{text-align:center;width:15px}.fr-meta-val{flex:1}.fr-bold{font-weight:700}.fr-large{font-size:16px}.fr-paid-by{margin-bottom:15px}.fr-table{border-collapse:collapse;border:1px solid #999;width:100%;margin-bottom:15px}.fr-table th,.fr-table td{border:1px solid #999;padding:10px;font-size:13px}.fr-table th{text-align:left;background-color:#f9fafb;font-weight:700}.fr-center{text-align:center}.fr-right{text-align:right}.fr-total-amt{font-size:15px}.fr-summary-grid{justify-content:space-between;margin-top:15px;display:flex}.fr-summary-left{flex:2}.fr-summary-right{flex:1}.mt-3{margin-top:12px}.fr-signatures{justify-content:space-between;align-items:flex-end;margin-top:20px;margin-bottom:15px;display:flex}.fr-sig-left{flex:1}.fr-sig-right{flex:1;justify-content:flex-end;align-items:flex-end;display:flex}.fr-sig-line{border-bottom:1px solid #333;width:200px}.fr-notes{color:#333;margin-bottom:20px;font-size:11px}.fr-notes-title{margin-bottom:5px;font-weight:700;display:block}.fr-notes ul{margin:0;padding-left:15px}.fr-notes li{margin-bottom:3px}.fr-footer{text-align:center;color:#666;margin-top:10px;font-size:11px}.fr-actions{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;justify-content:flex-end;gap:15px;padding:20px;display:flex}.fr-actions button{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.fr-btn-close{color:#334155;background:#e2e8f0}.fr-btn-close:hover{background:#cbd5e1}.fr-btn-print{color:#fff;background:#3b82f6}.fr-btn-print:hover{background:#2563eb}@media print{@page{margin:10mm}.fr-overlay{background:0 0;padding:0;position:static}.fr-modal{box-shadow:none;max-width:none}.fr-wrapper{border:1px solid #000}.fr-actions{display:none}}.fee-collection-page{--primary-color:#0b5fb5;--success-color:#10b981;--danger-color:#ef4444;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--bg-color:#f8fafc;color:var(--text-primary);background:var(--bg-color);box-sizing:border-box;min-height:100vh;padding:10px 12px;font-family:Inter,sans-serif;animation:.3s fadeIn}.page-header-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.page-title h2{color:#0f172a;margin:0 0 2px;font-size:1.05rem;font-weight:700}.breadcrumbs{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;display:flex}.breadcrumbs span{color:var(--text-primary);font-weight:500}.global-student-search{align-items:center;gap:12px;display:flex}.header-search-group{border:1px solid var(--border-color);background:#fff;border-radius:4px;align-items:center;width:140px;display:flex;overflow:hidden}.header-search-group input{border:none;outline:none;width:100%;padding:6px 8px;font-size:.75rem}.header-search-group .search-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:6px 10px;display:flex}.header-search-group .search-btn:hover{background:#094b91}.header-info-group{gap:8px;display:flex}.read-only{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.short{width:110px}.main-grid{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.card{border:1px solid var(--border-color);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.card-header{border-bottom:1px solid var(--border-color);background:#fafafa;align-items:center;gap:6px;padding:8px 10px;display:flex}.card-header h4{color:#1e293b;margin:0;font-size:.8rem;font-weight:600}.card-header.space-between{justify-content:space-between}.flex-center{align-items:center;display:flex}.subtext{color:var(--text-secondary);font-size:.65rem;font-weight:400}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.empty-state p{margin:0;font-size:.75rem}.req{color:var(--danger-color)}.form-control{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:4px;width:100%;padding:5px 8px;font-size:.75rem}.input-sm{padding:4px 6px}.split-payment-list{border:1px dashed var(--border-color);background:#f8fafc;border-radius:6px;padding:10px}.split-label{color:var(--primary-color);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.split-items{flex-direction:column;gap:6px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.split-item{border:1px solid var(--border-color);background:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.split-name{flex:1;font-size:.75rem;font-weight:500}.split-input-wrapper{align-items:center;gap:8px;display:flex}.split-max{color:var(--text-secondary);text-align:right;font-size:.6rem;line-height:1.2}.split-input-wrapper input{width:90px;font-weight:600}.form-grid-payment{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.toggle-group{gap:6px;display:flex}.toggle-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.toggle-btn.active{border-color:var(--success-color);color:var(--success-color);background:#ecfdf5}.dot{border-radius:50%;width:6px;height:6px}.dot.cash{background:var(--success-color)}.dot.upi{background:var(--primary-color)}.payment-footer-row{border:1px solid var(--border-color);background:#f8fafc;border-radius:6px;grid-template-columns:1fr 150px;align-items:center;gap:12px;padding:10px;display:grid}.remarks-box{flex-direction:column;gap:3px;display:flex}.remarks-box label{color:var(--text-secondary);font-size:.68rem;font-weight:500}.total-amount-box{flex-direction:column;gap:2px;display:flex}.total-amount-box label{color:var(--text-secondary);font-size:.68rem;font-weight:500}.total-amount-box h2{font-size:1.3rem}.modern-table th,.modern-table td{border-bottom:1px solid var(--border-color);text-align:left;padding:6px 10px;font-size:.75rem}.mb-12{margin-bottom:12px}.form-actions{justify-content:flex-end;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:500;display:flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:disabled{cursor:not-allowed;background:#94a3b8}.btn-block{flex:1}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:#fff}.btn-outline:hover{background:#f8fafc}.modern-table{border-collapse:collapse;width:100%}.modern-table th,.modern-table td{border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:6px 10px;font-size:.75rem}.modern-table th{color:var(--text-secondary);background:#f8fafc;font-weight:600}.modern-table tfoot td{background:#f8fafc;border-bottom:none}.modern-table.alternate tbody tr:nth-child(2n){background:#f8fafc}.text-right{text-align:right!important}.font-semibold{font-weight:600}.font-bold{font-weight:700}.py-2{padding-top:8px;padding-bottom:8px}.mt-12{margin-top:12px}.btn-link{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:.65rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.receipt-modal{background:#fff;border-radius:8px;width:350px;padding:20px;animation:.3s slideUp;box-shadow:0 10px 25px #0000001a}.receipt-header{text-align:center;border-bottom:1px dashed var(--border-color);margin-bottom:12px;padding-bottom:12px}.receipt-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.mx-auto{margin-left:auto;margin-right:auto}.receipt-body{flex-direction:column;gap:8px;margin-bottom:16px;font-size:.8rem;display:flex}.receipt-row{justify-content:space-between;display:flex}.receipt-breakdown{background:#f8fafc;border-radius:4px;margin-top:10px;padding:10px}.breakdown-title{color:var(--text-secondary);margin:0 0 8px;font-size:.75rem;font-weight:600}.total-row{border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.receipt-actions{justify-content:flex-end;gap:10px;display:flex}.fee-toast{border-left:4px solid var(--success-color);z-index:50;background:#fff;border-radius:4px;align-items:center;gap:8px;max-width:350px;padding:8px 12px;line-height:1.4;display:flex;position:fixed;top:10px;right:10px;box-shadow:0 2px 4px #0000001a}.fee-toast.danger{border-left-color:var(--danger-color)}.fee-toast.success{color:var(--success-color)}.mobile-text{display:none}@media (width<=768px){.fee-collection-page{width:auto;margin:-16px;padding:12px}.page-header-wrapper{border:1px solid var(--border-color);border-radius:6px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;padding:6px}.page-title h2{font-size:.95rem}.global-student-search{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;width:100%;display:grid}.header-search-group{width:100%}.header-info-group{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;width:100%;display:grid}.header-info-group .form-control{width:100%!important}.main-grid{grid-template-columns:1fr;gap:8px}.card{border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 2px #0000000d}.card-header{padding:8px}.card-body{padding:8px 2px}form{width:100%;margin:0}.summary-grid{grid-template-columns:1fr 1fr;gap:6px}.summary-card{padding:8px}.summary-label{font-size:.6rem}.summary-val{font-size:.85rem}.split-item{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 4px}.split-name{font-size:.7rem}.split-input-wrapper{justify-content:space-between;width:100%}.form-grid-payment,.payment-footer-row{grid-template-columns:1fr;gap:8px}.form-group{gap:4px}.form-control{box-sizing:border-box;width:100%;padding:8px;font-size:.85rem}.modal-content{width:95%;max-height:90vh;margin:10px;overflow-y:auto}.card-header h4 .subtext{display:none}.form-group.payment-type-group{border-bottom:1px dashed var(--border-color);margin-bottom:4px;padding-bottom:8px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.form-group.payment-type-group label{margin-bottom:0;font-size:.75rem}.toggle-group{flex:none;height:36px}.toggle-btn{padding:0 16px}.dot,.desktop-text{display:none}.mobile-text{font-size:1.2rem;display:inline}}.fee-records-page{flex-direction:column;gap:24px;max-width:1600px;margin:0 auto;padding:24px;animation:.4s fadeIn;display:flex}.glass-morphism{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px)}.kpi-dashboard{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.kpi-card{align-items:flex-start;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:before{content:"";background:var(--primary-color);width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-card.success:before{background:var(--success-color)}.kpi-card.warning:before{background:var(--warning-color)}.kpi-card.danger:before{background:var(--danger-color)}.kpi-icon{background:rgba(var(--primary-rgb), .1);color:var(--primary-color);border-radius:12px;padding:12px}.kpi-details{flex-direction:column;flex:1;gap:4px;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.kpi-value{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:700}.kpi-sub{color:var(--text-muted);font-size:.75rem}.progress-bar-container{background:var(--bg-hover);border-radius:4px;width:100%;height:6px;margin-top:4px;overflow:hidden}.progress-bar{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.fill-success{background:var(--success-color)}.fill-warning{background:var(--warning-color)}.graph-card{flex-direction:column;gap:8px;padding:16px;display:flex}.graph-header{flex-direction:column;gap:2px;display:flex}.sparkline-container{width:100%;margin-top:auto}.records-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.filters-bar{border-bottom:1px solid var(--border-light);background:var(--bg-card);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;display:flex}.filter-group{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;gap:8px;height:40px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.filter-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.filter-group .form-control{height:100%;color:var(--text-dark);background:0 0;border:none;padding:8px 0;font-size:.875rem}.filter-group .form-control:focus{box-shadow:none;outline:none}.search-group{flex:1;min-width:250px}.records-table{border-collapse:collapse;text-align:left;width:100%}.records-table th{background:var(--bg-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:14px 24px;font-size:.75rem;font-weight:600}.records-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 24px;font-size:.875rem}.row-even{background:#fafafa}.row-odd{background:#fff}.row-even:hover,.row-odd:hover{background:var(--bg-hover)}.student-info-cell{flex-direction:column;gap:4px;display:flex}.student-name{color:var(--text-dark);font-weight:600}.student-reg{font-size:.75rem}.breakdown-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--bg-body);border:1px solid var(--border-light);color:var(--text-dark);white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:.7rem;font-weight:500}.status-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-badge.cash{color:#0284c7;background:#e0f2fe}.status-badge.online{color:#16a34a;background:#dcfce7}.status-badge.cheque{color:#a16207;background:#fef08a}.remarks-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.loading-state,.empty-state{color:var(--text-muted);padding:48px!important}.pagination-bar{background:var(--bg-card);border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.rows-selector{align-items:center;gap:8px;font-size:.875rem;display:flex}.rows-selector select{width:70px;height:32px;padding:4px 8px}.page-btn{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-dark);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:500;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--bg-hover)}.page-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.icon-btn{justify-content:center;align-items:center;padding:6px;display:inline-flex}@media (width<=1024px){.kpi-dashboard{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.filters-bar{flex-direction:column;align-items:stretch}.search-group{width:100%}.pagination-bar{flex-direction:column;align-items:center}.kpi-dashboard{grid-template-columns:1fr}}.fee-records-page{font-size:.85rem}.records-table th{padding:10px 16px;font-size:.7rem}.records-table td{padding:10px 16px;font-size:.8rem}.kpi-label{font-size:.75rem}.kpi-dashboard{flex-wrap:nowrap;padding-bottom:8px;display:flex;overflow-x:auto}.kpi-card{flex:200px;min-width:200px}.graph-card{flex:1.5 250px;min-width:250px}.custom-tooltip-wrapper{cursor:help;display:inline-block;position:relative}.info-pill{background:rgba(var(--primary-rgb), .1);color:var(--primary-color);border-color:rgba(var(--primary-rgb), .2)}.custom-tooltip{visibility:hidden;opacity:0;background-color:var(--bg-card);width:220px;color:var(--text-dark);text-align:left;z-index:100;border:1px solid var(--border-light);border-radius:6px;flex-direction:column;gap:4px;margin-left:-110px;padding:8px 12px;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;bottom:125%;left:50%;box-shadow:0 4px 12px #00000026}.custom-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--border-light) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.custom-tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1}.tooltip-row{border-bottom:1px dashed var(--border-light);justify-content:space-between;padding-bottom:2px;display:flex}.tooltip-row:last-child{border-bottom:none}.date-range-group{padding:0 8px}.date-inputs{align-items:center;gap:4px;height:100%;display:flex}.date-inputs .form-control{width:110px}.date-separator{color:var(--text-muted);font-size:.75rem}.kpi-dashboard{gap:12px;flex-wrap:nowrap!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.kpi-card{border-radius:var(--radius-lg);align-items:flex-start;gap:12px;padding:12px 16px;display:flex;position:relative;background-color:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-dark)!important;flex:180px!important;min-width:180px!important}.kpi-card.graph-card{flex:1.2 200px!important;min-width:200px!important}.kpi-card:before{content:"";background-color:var(--primary-color);width:4px;position:absolute;top:0;bottom:0;left:0;display:block!important}.kpi-card.success:before{background-color:var(--success-color)}.kpi-card.warning:before{background-color:var(--warning-color)}.kpi-card.danger:before{background-color:var(--danger-color)}.kpi-icon{border-radius:8px;padding:8px;background:rgba(var(--primary-rgb), .1)!important;color:var(--primary-color)!important}.kpi-card.success .kpi-icon{background:rgba(var(--success-rgb), .1)!important;color:var(--success-color)!important}.kpi-card.warning .kpi-icon{background:rgba(var(--warning-rgb), .1)!important;color:var(--warning-color)!important}.kpi-card.danger .kpi-icon{background:rgba(var(--danger-rgb), .1)!important;color:var(--danger-color)!important}.kpi-label{letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:600;color:var(--text-muted)!important}.kpi-value{margin:2px 0;font-size:1.1rem;font-weight:700;color:var(--text-dark)!important}.kpi-sub{font-size:.65rem;color:var(--text-muted)!important}.progress-bar-container{height:4px;background:var(--bg-hover)!important}.progress-bar.fill-success{background:var(--success-color)!important}.progress-bar.fill-warning{background:var(--warning-color)!important}.graph-card .recharts-surface{filter:none!important}.graph-header{gap:0}.fee-records-page{gap:12px!important}.kpi-card.primary{background-color:#eff6ff!important;border-color:#bfdbfe!important}.kpi-card.success{background-color:#ecfdf5!important;border-color:#a7f3d0!important}.kpi-card.warning{background-color:#fffbeb!important;border-color:#fde68a!important}.kpi-card.danger{background-color:#fef2f2!important;border-color:#fecaca!important}.kpi-card.graph-card{background-color:#f5f3ff!important;border-color:#ddd6fe!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;display:flex!important}.graph-header{flex-direction:column;display:flex}.sparkline-container{flex:1;width:100%}.records-table th{text-transform:uppercase;letter-spacing:.5px;font-weight:600;background-color:var(--primary-color)!important;color:#fff!important;border-bottom:none!important}.records-table thead tr{border:none}.kpi-card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px #0000000f!important}.kpi-card.primary{border-left:4px solid var(--primary-color)!important}.kpi-card.success{border-left:4px solid var(--success-color)!important}.kpi-card.warning{border-left:4px solid var(--warning-color)!important}.kpi-card.danger{border-left:4px solid var(--danger-color)!important}.kpi-card.graph-card{border-left:4px solid var(--primary-color)!important}.kpi-card:before{display:none!important}.kpi-card{gap:10px!important;padding:10px 14px!important}.kpi-icon{padding:6px!important}.kpi-icon svg{width:20px;height:20px}.kpi-label{margin-bottom:-2px;font-size:.6rem!important}.kpi-value{font-size:1rem!important}.kpi-sub{font-size:.6rem!important}.records-table th{background-color:var(--bg-sidebar)!important;color:var(--text-white)!important;padding:8px 12px!important;font-size:.65rem!important}.filters-bar{gap:12px!important;padding:8px 16px!important}.filter-group{height:30px!important;padding:0 10px!important}.filter-group .form-control{padding:2px 0!important;font-size:.75rem!important}.filter-group svg{width:14px;height:14px}.date-inputs .form-control{height:26px!important}@media (width<=768px){.fee-records-page{width:auto;margin:-16px;padding:12px;gap:12px!important}.page-header-wrapper{border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px}.page-title{margin-bottom:0}.page-title h2{margin-bottom:2px!important;font-size:1.15rem!important}.breadcrumbs{margin-bottom:2px;font-size:.65rem!important}.header-info-group{gap:8px;width:100%;margin-top:4px;display:flex}.header-info-group .form-control,.header-info-group .btn{text-align:center;flex:1;justify-content:center;height:32px!important;padding:0 8px!important;font-size:.8rem!important}.kpi-dashboard{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:8px!important;padding-bottom:0!important;display:grid!important}.kpi-card{flex-direction:row!important;flex:none!important;align-items:center!important;gap:6px!important;min-width:0!important;padding:10px 8px!important;display:flex!important}.kpi-card .kpi-icon{background:0 0!important;padding:0!important}.kpi-card .kpi-icon svg{width:16px;height:16px}.kpi-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.kpi-card .kpi-value{font-weight:700;margin:0!important;font-size:.95rem!important}.kpi-card .kpi-label{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden;font-size:.55rem!important}.kpi-card .kpi-sub,.progress-bar-container{display:none!important}.graph-header .kpi-value{font-size:.95rem!important}.kpi-card.graph-card{grid-column:1/-1;flex-direction:column!important;align-items:stretch!important}.records-container{border-radius:6px;overflow:hidden;padding:0!important}.filters-bar{border-bottom:1px solid var(--border-color);background:#f8fafc;grid-template-columns:1fr 1fr;display:grid;gap:10px!important;padding:12px!important}.filter-group{flex-direction:column;width:100%;display:flex;height:auto!important;padding:0!important}.filter-group.search-group,.filter-group.date-range-group{grid-column:1/-1}.filter-group svg{display:none}.filter-group .form-control{box-sizing:border-box;width:100%;border:1px solid var(--border-color)!important;background:#fff!important;border-radius:6px!important;height:38px!important;padding:8px 12px!important;font-size:.85rem!important}.date-inputs{align-items:center;gap:8px;width:100%;display:flex}.date-inputs .form-control{width:45%}.date-separator{color:var(--text-muted);font-size:.8rem;font-weight:500}.table-responsive{padding-bottom:8px}.records-table th,.records-table td{white-space:nowrap;padding:12px!important}.empty-state{white-space:normal!important;padding:3rem!important}.pagination-bar{flex-flow:row!important;justify-content:space-between!important;gap:4px!important;padding:8px 4px!important}.rows-selector{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.rows-selector span{line-height:1;font-size:.55rem!important}.rows-selector select{width:45px!important;height:22px!important;padding:0 4px!important;font-size:.7rem!important}.pagination-info{text-align:center;line-height:1.1;font-size:.65rem!important}.pagination-controls{gap:4px!important}.page-btn{margin:0!important;padding:4px 8px!important;font-size:.75rem!important}.page-btn.icon-btn{padding:4px!important}.page-btn.icon-btn svg{width:14px;height:14px}}.empty-state{white-space:normal!important;padding:3rem!important}.exam-overview-page .stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.exam-overview-page .stat-icon-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.exam-overview-page .stat-icon-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.exam-overview-page .stat-icon-success{background-color:var(--color-success-light);color:var(--color-success)}.exam-overview-page .stat-icon-info{background-color:var(--color-info-light);color:var(--color-info)}.exam-overview-page .grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.exam-overview-page .timeline-list{flex-direction:column;gap:16px;display:flex}.exam-overview-page .timeline-date{min-width:60px}.exam-overview-page .card-body-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.exam-table{border-collapse:collapse;width:100%}.exam-table thead tr{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:2px solid #e2e8f0}.exam-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:600}.exam-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px}.exam-table tbody tr.row-even{background-color:#fff!important}.exam-table tbody tr.row-odd{background-color:#eff0f5!important}.exam-table tbody tr:hover{background-color:#bacde7!important}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin:2px;padding:1px;transition:all .2s;display:inline-flex}.action-btn-edit{color:#0284c7;background:#e0f2fe}.action-btn-edit:hover{color:#fff!important;background:#0284c7!important}.action-btn-users{color:#7c3aed;background:#ede9fe}.action-btn-users:hover{color:#fff!important;background:#7c3aed!important}.action-btn-delete{color:#e11d48;background:#fee2e2}.action-btn-delete:hover{color:#fff!important;background:#e11d48!important}.badge-Scheduled{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.badge-Completed{color:#166534;background:#dcfce3;border:1px solid #bbf7d0}.badge-Draft{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.exam-list-header{align-items:center!important;gap:16px!important;display:flex!important;overflow-x:auto!important}.exam-list-search-bar{box-sizing:border-box!important;background:#f3f4f6!important;border-radius:8px!important;flex:1!important;align-items:center!important;min-width:220px!important;height:38px!important;padding:0 16px!important;display:flex!important}.exam-list-search-input{color:#374151!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;margin-left:8px!important;font-size:14px!important}.exam-list-entries-wrapper{white-space:nowrap!important;align-items:center!important;gap:8px!important;height:38px!important;display:flex!important}.exam-list-select,.exam-list-filter-select,.exam-list-sort-select{color:#374151!important;box-sizing:border-box!important;height:38px!important;box-shadow:none!important;appearance:auto!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;outline:none!important;padding:6px 12px!important;font-size:14px!important}.exam-list-select{width:80px!important}.exam-list-filter-select,.exam-list-sort-select{width:150px!important}.exam-list-table{min-width:950px}.exam-list-col-info{width:25%}.exam-list-col-standards{width:15%}.exam-list-col-schedule{width:20%}.exam-list-col-status{width:12%}.exam-list-col-marks{width:13%}.exam-list-col-actions{text-align:center;width:15%}.exam-list-title{font-size:15px}.exam-list-badge{background:var(--bg-secondary);color:var(--text-secondary);font-size:13px}.exam-list-date-wrapper{color:#475569;font-weight:500}.exam-list-marks-cell{text-align:center}.exam-list-lock-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:4px}.exam-list-lock-btn.open{color:#166534}.exam-list-lock-btn.closed{color:#64748b}.exam-list-actions-wrapper{justify-content:center;gap:12px;display:flex}.exam-list-footer{border-bottom-right-radius:8px;border-bottom-left-radius:8px;justify-content:space-between;align-items:center;width:100%;background-color:#fff!important;display:flex!important}.exam-list-footer-spacer{flex:1;min-width:0}.exam-list-footer-text{color:#64748b;text-align:center;flex:1;min-width:0}.exam-list-footer-text span{color:#0f172a}.exam-list-pagination{flex:1;justify-content:flex-end;min-width:0;display:flex}.exam-list-page-btn{justify-content:center;align-items:center;display:flex;color:#475569!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;width:32px!important;height:32px!important;padding:6px!important;font-weight:500!important}.exam-list-page-btn:disabled{opacity:.5;cursor:not-allowed}.exam-list-page-num{justify-content:center;align-items:center;display:flex;border-radius:6px!important;min-width:32px!important;height:32px!important;padding:0!important;font-weight:500!important}.exam-list-page-num:not(.btn-primary){color:#475569!important;background-color:#fff!important;border:1px solid #e2e8f0!important}.exam-create-page .grid-1-2{grid-template-columns:1fr 2fr;gap:24px;display:grid}.exam-halls-page{padding:16px}.table-card{background:var(--surface-color,#fff);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.table-controls{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.entries-control{color:var(--text-secondary);align-items:center;gap:8px;font-size:.95rem;display:flex}.entries-select{border:1px solid var(--border-color);cursor:pointer;background-color:var(--surface-color);color:var(--text-primary);border-radius:6px;outline:none;padding:6px 32px 6px 12px}.search-control{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:20px;align-items:center;gap:12px;width:300px;padding:8px 16px;display:flex}.search-icon{color:var(--text-muted)}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.95rem}.table-responsive{width:100%;overflow-x:auto}.exam-halls-table{border-collapse:collapse;text-align:left;width:100%}.exam-halls-table th{color:#f8fafc;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);white-space:nowrap;background:#0f172a;padding:10px 16px;font-size:.8rem;font-weight:600}.exam-halls-table th.cursor-pointer,.exam-halls-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.exam-halls-table th.sortable:hover{background-color:#595c5e}.exam-halls-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:10px 16px;font-size:.875rem}.exam-halls-table tbody tr:nth-child(2n) td{background-color:#f8fafc}.exam-halls-table tbody tr:hover td{background-color:#e2e8f0;transition:background-color .2s}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.badge-success{color:#15803d;background-color:#dcfce7}.action-buttons{justify-content:center;gap:8px;display:flex}.btn-action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-action:hover{background-color:#e2e8f0}.btn-action.edit:hover{color:#0ba5bd;background-color:#f0f9ff}.btn-action.delete:hover{color:#ef4444;background-color:#fed7d7}.table-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-controls{gap:4px;display:flex}.btn-page{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:32px;padding:6px 12px;font-weight:500;transition:all .2s;display:flex}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page:not(:disabled):hover{color:var(--text-primary);background-color:#f1f5f9}.btn-page.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-state-row div{text-align:center;color:var(--text-muted);padding:32px}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.exam-allocate-page .card-center{max-width:600px;margin:0 auto}.exam-allocate-page .grid-1-3{grid-template-columns:1fr 3fr;gap:24px;display:grid}.exam-allocate-page .session-list{flex-direction:column;gap:8px;display:flex}.exam-allocate-page .session-radio{align-items:center;gap:12px;display:flex}.exam-allocate-page .card-body-scroll{max-height:400px;overflow-y:auto}.exam-allocate-page .text-large{font-size:1.1rem}.exam-allocate-page .info-icon{opacity:.8;color:var(--primary-color,#3b82f6);margin-bottom:16px;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.exam-allocate-page .allocations-container{flex-direction:column;gap:32px;display:flex}.exam-allocate-page .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.d-flex{display:flex}.align-center{align-items:center}.space-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:1rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.pb-2{padding-bottom:.5rem}.ml-2{margin-left:.5rem}.text-center{text-align:center}.bg-secondary{background-color:var(--bg-color,#f8fafc)}.bg-primary-light{background-color:#3b82f61a}.border{border:1px solid var(--border-color,#e2e8f0)}.border-bottom{border-bottom:1px solid var(--border-color,#e2e8f0)}.border-primary{border-color:var(--color-primary,#3b82f6)}.rounded{border-radius:8px}.cursor-pointer{cursor:pointer}.transition{transition:all .2s}.hall-checkbox{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:12px;display:flex}.hall-checkbox:hover{background-color:var(--bg-color,#f8fafc)}.marks-entry-page .filters-grid{grid-template-columns:repeat(4,1fr);align-items:flex-end;gap:16px;display:grid}.marks-entry-page .col-sm{width:100px}.marks-entry-page .col-md{width:120px}.departments-page-wrapper{background-color:#f8fafc;min-height:100vh;padding:24px}.departments-flex-between-2{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.departments-heading-3{color:#0f172a;margin:0;font-size:24px;font-weight:700}.departments-text-muted-4{color:#64748b;margin-top:8px}.departments-flex-row-5{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex;box-shadow:0 4px 6px -1px #3b82f633}.departments-flex-row-6{justify-content:center;padding:64px;display:flex}.departments-grid-container-7{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.departments-card-8{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.departments-flex-between-9{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.departments-heading-10{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:600}.departments-text-muted-11{color:#64748b;min-height:40px;margin:0;font-size:14px}.departments-flex-row-12{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-top:20px;padding-top:16px;display:flex}.departments-flex-row-13{align-items:center;gap:12px;display:flex}.departments-box-14{color:#3b82f6;background-color:#eff6ff;border-radius:8px;padding:8px}.departments-text-muted-15{color:#64748b;margin:0;font-size:12px}.departments-text-16{color:#334155;margin:0;font-size:14px;font-weight:500}.departments-box-17{color:#22c55e;background-color:#f0fdf4;border-radius:8px;padding:8px}.departments-box-18{text-align:center;color:#64748b;background-color:#fff;border:1px dashed #cbd5e1;border-radius:12px;grid-column:1/-1;padding:64px}.departments-flex-row-19{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.departments-card-20{background-color:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.departments-flex-between-21{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.departments-heading-22{color:#0f172a;margin:0;font-size:18px;font-weight:600}.departments-box-23{padding:24px}.departments-box-24{margin-bottom:20px}.departments-box-25{color:#334155;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.departments-card-26{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.departments-card-27{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.departments-box-28{margin-bottom:32px}.departments-card-29{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.departments-flex-row-30{justify-content:flex-end;gap:12px;display:flex}.departments-btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-weight:500}@media (width<=768px){.departments-page-wrapper{padding:12px}.departments-flex-between-2{flex-direction:row;align-items:center;gap:12px;margin-bottom:20px}.departments-heading-3{font-size:18px}.departments-text-muted-4{margin-top:4px;font-size:12px}.add-btn-text{display:none}.departments-flex-row-5{width:auto;padding:8px}.departments-grid-container-7{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.departments-card-8{padding:16px}.departments-heading-10{font-size:16px}.departments-text-muted-11{min-height:auto;font-size:13px}.departments-text-16{font-size:13px}.departments-text-muted-15{font-size:11px}.departments-card-20{max-height:90vh;margin:12px;overflow-y:auto}.departments-box-23{padding:16px}.departments-heading-22{font-size:16px}}.staffrecords-page-wrapper{background-color:#f4f7f6;min-height:100vh;padding:16px 24px;font-family:Inter,sans-serif}.staffrecords-flex-between-2{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.staffrecords-heading-3{color:#1e293b;margin:0;font-size:22px;font-weight:700}.staffrecords-text-muted-4{color:#64748b;margin:4px 0 0;font-size:13px}.staffrecords-grid-container-5{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.staffrecords-flex-row-6{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 1px 2px #00000005}.staffrecords-flex-row-7{color:#3b82f6;background-color:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.staffrecords-box-8{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600}.staffrecords-box-9{color:#0f172a;font-size:24px;font-weight:700}.staffrecords-flex-row-10{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:12px 16px;display:flex;box-shadow:0 1px 2px #00000005}.staffrecords-box-11{flex:1}.staffrecords-box-12{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.staffrecords-flex-row-13{flex-direction:column;gap:2px;font-size:11px;display:flex}.staffrecords-flex-row-14{align-items:center;gap:6px;display:flex}.staffrecords-box-15{width:60px;height:60px}.staffrecords-box-16{color:#ccc;text-align:center;margin-top:20px;font-size:10px}.staffrecords-card-17{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.staffrecords-flex-between-18{background-color:#fcfcfd;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.staffrecords-flex-row-19{align-items:center;gap:8px;display:flex}.staffrecords-text-muted-20{color:#64748b;font-size:13px;font-weight:500}.staffrecords-flex-row-21{flex-wrap:wrap;gap:12px;display:flex}.staffrecords-box-22{width:220px;position:relative}.staffrecords-box-23{color:#94a3b8;position:absolute;top:9px;left:10px}.staffrecords-box-24{overflow-x:auto}.staffrecords-box-25{border-collapse:collapse;text-align:left;width:100%;min-width:1000px}.staffrecords-box-26{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.staffrecords-box-27{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;font-size:11px;font-weight:700}.staffrecords-box-28{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:12px 16px;font-size:11px;font-weight:700}.staffrecords-box-29{text-align:center;color:#64748b;padding:32px;font-size:13px}.staffrecords-box-30{padding:8px 16px}.staffrecords-card-31{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:32px;height:32px}.staffrecords-box-32{color:#3b82f6;padding:8px 16px;font-size:12px;font-weight:600}.staffrecords-box-33{color:#1e293b;padding:8px 16px;font-size:13px;font-weight:500}.staffrecords-box-34{color:#475569;padding:8px 16px;font-size:12px}.staffrecords-box-35{text-align:center;padding:8px 16px}.staffrecords-flex-row-36{justify-content:center;gap:8px;display:flex}.staffrecords-flex-between-37{background-color:#fcfcfd;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.staffrecords-box-38{color:#64748b;font-size:12px}.staffrecords-flex-row-39{gap:4px;display:flex}.staffrecords-flex-row-40{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.staffrecords-flex-row-41{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:850px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.staffrecords-flex-between-42{background-color:#fcfcfd;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.staffrecords-flex-row-43{align-items:center;gap:16px;display:flex}.staffrecords-card-44{object-fit:cover;border:2px solid #fff;border-radius:50%;width:56px;height:56px;box-shadow:0 2px 4px #0000000d}.staffrecords-heading-45{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.staffrecords-text-muted-46{color:#94a3b8;font-weight:400}.staffrecords-flex-row-47{align-items:center;gap:12px;font-size:12px;display:flex}.staffrecords-text-muted-48{color:#64748b}.staffrecords-box-49{color:#3b82f6}.staffrecords-text-50{color:#cbd5e1}.staffrecords-flex-row-51{gap:8px;display:flex}.staffrecords-flex-row-52{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.staffrecords-box-53{flex:1;padding:24px;overflow-y:auto}.staffrecords-flex-row-54{border-bottom:1px solid #e2e8f0;gap:12px;margin-bottom:24px;display:flex}.staffrecords-box-55{animation:.3s ease-in-out fadeIn}.staffrecords-grid-container-56{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;font-size:13px;display:grid}.staffrecords-box-57{background-color:#f8fafc;border-radius:8px;padding:12px 16px}.staffrecords-box-58{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.staffrecords-box-59{color:#1e293b;font-weight:500}.staffrecords-box-60{background-color:#f8fafc;border-radius:8px;grid-column:1/-1;padding:12px 16px}.staffrecords-grid-container-61{grid-template-columns:1fr 1fr;gap:24px;display:grid}.staffrecords-heading-62{color:#1e293b;margin:0 0 16px;font-size:14px;font-weight:600}.staffrecords-flex-row-63{flex-direction:column;gap:12px;display:flex}.staffrecords-card-64{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;box-shadow:0 1px 2px #00000005}.staffrecords-box-65{color:#0f172a;font-size:13px;font-weight:600}.staffrecords-box-66{color:#64748b;margin-top:4px;font-size:12px}.staffrecords-box-67{color:#94a3b8;text-align:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;font-size:12px}.staffrecords-card-68{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:13px;box-shadow:0 1px 2px #00000005}.staffrecords-box-69{color:#0f172a}.staffrecords-box-70{color:#94a3b8;text-align:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;grid-column:1/-1;padding:24px;font-size:12px}.staffrecords-grid-container-71{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.staffrecords-box-72{color:#475569;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.staffrecords-text-73{color:#ef4444}.staffrecords-card-74{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.staffrecords-card-75{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.staffrecords-box-76{grid-column:1/-1}.staffrecords-card-77{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:60px;padding:10px 12px;font-size:13px}.staffrecords-grid-container-78{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.staffrecords-box-79{margin-bottom:24px}.staffrecords-box-80{color:#475569;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.staffrecords-flex-row-81{flex-wrap:wrap;gap:10px;display:flex}.staffrecords-box-82{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:16px}.staffrecords-box-83{color:#475569;margin-bottom:12px;font-size:12px;font-weight:500;display:block}.staffrecords-flex-row-84{flex-wrap:wrap;gap:12px;display:flex}.staffrecords-flex-between-85{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.staffrecords-heading-86{color:#1e293b;margin:0;font-size:14px;font-weight:600}.staffrecords-box-87{text-align:center;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;font-size:12px}.staffrecords-grid-container-88{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.staffrecords-card-89{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:13px}.staffrecords-flex-between-90{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:16px;padding-bottom:8px;display:flex}.staffrecords-grid-container-91{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:2fr 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.staffrecords-flex-row-92{background-color:#fcfcfd;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.staffrecords-page-wrapper{padding:10px!important}.staffrecords-flex-between-2{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}.staffrecords-heading-3{font-size:1.15rem!important}.staffrecords-grid-container-5{flex-wrap:nowrap!important;gap:6px!important;width:100%!important;margin-bottom:12px!important;display:flex!important;overflow-x:auto!important}.staffrecords-flex-row-6,.staffrecords-flex-row-10{text-align:center!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:0!important;padding:8px!important}.staffrecords-flex-row-7{width:28px!important;height:28px!important}.staffrecords-flex-row-7 svg{width:14px!important;height:14px!important}.staffrecords-box-9{margin:2px 0!important;font-size:1rem!important;line-height:1!important}.staffrecords-box-8,.staffrecords-box-12{white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:.65rem!important;overflow:hidden!important}.staffrecords-flex-row-13{align-items:center!important;gap:4px!important}.staffrecords-box-15{display:none!important}.staffrecords-flex-between-18{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px!important}.staffrecords-flex-row-19{justify-content:space-between!important}.staffrecords-flex-row-21{flex-direction:column!important;gap:8px!important;width:100%!important}.staffrecords-box-22{width:100%!important}.staffrecords-flex-row-40{padding:10px!important}.staffrecords-flex-row-41{border-radius:12px!important;max-height:95vh!important}.staffrecords-flex-between-42{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px!important}.staffrecords-flex-row-43{gap:10px!important;width:100%!important}.staffrecords-card-44{width:48px!important;height:48px!important}.staffrecords-heading-45{margin-bottom:2px!important;font-size:1rem!important}.staffrecords-flex-row-47{flex-wrap:wrap!important;gap:4px 8px!important;font-size:.75rem!important}.staffrecords-flex-row-51{justify-content:flex-end!important;width:100%!important;margin-top:-30px!important}.staffrecords-flex-row-52{padding:6px 10px!important;font-size:.75rem!important}.staffrecords-flex-row-54{white-space:nowrap!important;gap:4px!important;margin-bottom:12px!important;padding-bottom:4px!important;overflow-x:auto!important}.staffrecords-flex-row-54 button{padding:6px 10px!important;font-size:.75rem!important}.staffrecords-box-53{padding:12px!important}.staffrecords-grid-container-56{grid-template-columns:1fr!important;gap:10px!important}.staffrecords-grid-container-5{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;display:grid!important;overflow-x:visible!important}.staffrecords-flex-between-42{padding-right:60px!important;position:relative!important}.staffrecords-flex-row-51{align-items:center!important;gap:8px!important;width:auto!important;margin-top:0!important;position:absolute!important;top:12px!important;right:12px!important}}.staffrecords-flex-row-51 button:last-child{color:#ef4444!important;background-color:#fee2e2!important}.staffrecords-flex-row-51 button:last-child:hover{color:#dc2626!important;background-color:#fca5a5!important}@media (width<=768px){.staffrecords-flex-row-51{gap:6px!important;top:6px!important;right:6px!important}.edit-btn-text{display:none!important}.staffrecords-flex-row-52{justify-content:center!important;width:32px!important;height:32px!important;padding:8px!important}}.newstaff-page-wrapper{background-color:#f8fafc;min-height:100vh;padding:24px}.newstaff-flex-row-2{align-items:center;gap:12px;margin-bottom:24px;display:flex}.newstaff-box-3{color:#3b82f6;background-color:#eff6ff;border-radius:12px;padding:12px}.newstaff-heading-4{color:#0f172a;margin:0;font-size:24px;font-weight:700}.newstaff-text-muted-5{color:#64748b;margin-top:4px}.newstaff-flex-row-6{flex-direction:column;gap:24px;padding-bottom:60px;display:flex}.newstaff-card-7{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.newstaff-flex-row-8{color:#1e293b;align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.newstaff-flex-row-9{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.newstaff-grid-container-10{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.newstaff-box-11{position:relative}.newstaff-box-12{padding-right:60px}.newstaff-text-13{color:#3b82f6;background-color:#eff6ff;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;top:35px;right:12px}.newstaff-card-14{z-index:10;color:#b91c1c;background-color:#fef2f2;border:1px solid #f87171;border-radius:6px;width:250px;margin-top:4px;padding:8px;font-size:12px;position:absolute;box-shadow:0 4px 6px -1px #0000001a}.newstaff-box-15{vertical-align:text-bottom;margin-right:4px;display:inline}.newstaff-flex-row-16{color:#1f2937;cursor:pointer;align-items:center;margin-top:6px;display:flex}.newstaff-flex-row-17{align-items:center;gap:12px;display:flex}.newstaff-text-18{color:#3b82f6;font-size:12px}.newstaff-card-19{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:40px;height:40px}.newstaff-box-20{grid-column:1/-1}.newstaff-grid-container-21{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.newstaff-box-22{margin-bottom:12px}.newstaff-flex-row-23{color:#f59e0b;align-items:center;gap:8px;font-size:14px;display:flex}.newstaff-flex-row-24{flex-wrap:wrap;gap:12px;display:flex}.newstaff-text-muted-25{color:#64748b;margin-top:16px;font-size:13px}.newstaff-box-26{margin-top:24px}.newstaff-text-27{color:#334155;font-size:14px}.newstaff-flex-between-28{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.newstaff-flex-row-29{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.newstaff-flex-row-30{color:#3b82f6;cursor:pointer;background-color:#eff6ff;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.newstaff-text-muted-31{color:#94a3b8;margin:0;font-size:14px;font-style:italic}.newstaff-flex-row-32{flex-direction:column;gap:16px;display:flex}.newstaff-grid-container-33{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.newstaff-grid-container-34{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.newstaff-grid-container-35{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.newstaff-flex-row-36{justify-content:flex-end;gap:16px;display:flex}.newstaff-btn-37{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600}@media (width<=768px){.newstaff-page-wrapper{padding:10px!important}.newstaff-heading-4{font-size:1.15rem!important}.newstaff-text-muted-5{font-size:.75rem!important}.newstaff-card-7{padding:12px!important}.newstaff-flex-row-8{margin-bottom:12px!important;font-size:1rem!important}.newstaff-grid-container-10,.newstaff-grid-container-21,.newstaff-grid-container-35{grid-template-columns:1fr!important;gap:10px!important}.newstaff-grid-container-33,.newstaff-grid-container-34{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:8px!important;padding:10px!important}.staffrecords-box-72,.staffrecords-box-80,.staffrecords-box-83{margin-bottom:4px!important;font-size:.7rem!important}.staffrecords-card-74,.staffrecords-card-75,.staffrecords-card-77,.staffrecords-card-89{padding:8px 10px!important;font-size:.8rem!important}.newstaff-box-12{padding-right:40px!important}.newstaff-text-13{padding:2px 4px!important;font-size:.65rem!important;top:26px!important}.newstaff-flex-row-17{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.newstaff-card-19{width:32px!important;height:32px!important}.newstaff-text-18{font-size:.7rem!important}.newstaff-flex-row-36{flex-direction:row!important;gap:8px!important;margin-top:8px!important}.newstaff-btn-37,button[type=submit]{flex:1!important;justify-content:center!important;width:auto!important;padding:8px!important;font-size:.75rem!important}.newstaff-card-7>div[style*="display: flex"]{flex-direction:column-reverse!important;gap:16px!important}.newstaff-card-7>div>div{flex:100%!important;min-width:100%!important}div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}div[style*="gap: '32px'"]{flex-direction:column!important;gap:12px!important}div[style*="width: 160px"]{width:80px!important;height:80px!important;margin-bottom:8px!important}div[style*="gap: '10px'"],.newstaff-flex-row-24{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;gap:8px!important;padding:8px!important;display:grid!important}.newstaff-flex-row-24 label,div[style*="gap: '10px'"] label{justify-content:center!important;padding:6px!important;font-size:.7rem!important}label[style*="display: flex"]{flex-direction:row!important}.form-label{font-size:.75rem!important}.form-control{padding:6px 10px!important;font-size:.85rem!important}.newstaff-flex-row-30{justify-content:center!important;width:100%!important;padding:6px!important;font-size:.75rem!important}.newstaff-flex-row-6{gap:12px!important;padding-bottom:8px!important}.newstaff-flex-row-2{margin-bottom:12px!important}button[style*="padding: 10px"]{padding:8px!important}}.staffattendance-page-wrapper{background-color:#f8fafc;min-height:100vh;padding:24px}.staffattendance-flex-between-2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.staffattendance-heading-3{color:#0f172a;margin:0;font-size:24px;font-weight:700}.staffattendance-text-muted-4{color:#64748b;margin-top:8px}.staffattendance-flex-row-5{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 1px 2px #0000000d}.staffattendance-card-6{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.staffattendance-flex-between-7{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.staffattendance-flex-row-8{align-items:center;gap:12px;display:flex}.staffattendance-text-9{color:#475569;font-size:14px;font-weight:600}.staffattendance-box-10{overflow-x:auto}.staffattendance-box-11{border-collapse:collapse;text-align:left;width:100%}.staffattendance-box-12{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;font-size:13px}.staffattendance-box-13{padding:16px 24px;font-weight:600}.staffattendance-box-14{width:150px;padding:16px 24px;font-weight:600}.staffattendance-box-15{min-width:400px;padding:16px 24px;font-weight:600}.staffattendance-box-16{width:250px;padding:16px 24px;font-weight:600}.staffattendance-box-17{text-align:center;color:#64748b;padding:40px}.staffattendance-box-18{padding:16px 24px}.staffattendance-box-19{object-fit:cover;border-radius:50%;width:40px;height:40px}.staffattendance-box-20{color:#1e293b;font-size:14px;font-weight:600}.staffattendance-box-21{color:#64748b;font-size:12px}.staffattendance-box-22{color:#64748b;padding:16px 24px;font-size:14px}.staffattendance-flex-row-23{gap:8px;display:flex}.sa-overview-container{background-color:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,sans-serif}.sa-overview-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sa-overview-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.sa-overview-subtitle{color:#64748b;margin:0;font-size:14px}.sa-overview-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.sa-overview-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.sa-overview-kpi-icon-wrapper{border-radius:10px;padding:12px}.sa-overview-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.sa-overview-kpi-value{color:#0f172a;margin-top:4px;font-size:24px;font-weight:700}.sa-overview-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sa-overview-table-header-box{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px}.sa-overview-table-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.sa-overview-table-wrapper{overflow-x:auto}.sa-overview-table{border-collapse:collapse;text-align:left;width:100%}.sa-overview-table th{color:#475569;text-transform:uppercase;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:12px;font-weight:600}.sa-overview-table td{color:#475569;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:14px}.sa-overview-table tr:hover{background-color:#f8fafc}.sa-overview-progress-bar-wrapper{align-items:center;gap:8px;display:flex}.sa-overview-progress-bg{background-color:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.sa-overview-progress-fill{height:100%}.sa-overview-progress-text{color:#475569;min-width:35px;font-size:13px;font-weight:600}.sa-standard-container{background-color:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,sans-serif}.sa-standard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sa-standard-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.sa-standard-subtitle{color:#64748b;margin:0;font-size:14px}.sa-standard-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000000d}.sa-standard-selection-bar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.sa-standard-selection-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sa-standard-date-picker{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.sa-standard-date-input{color:#0f172a;background:0 0;border:none;outline:none;font-size:14px;font-weight:500}.sa-standard-dropdowns{align-items:center;gap:12px;display:flex}.sa-standard-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:150px;padding:9px 12px;font-size:14px;font-weight:500}.sa-standard-bulk-bar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.sa-standard-bulk-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sa-standard-bulk-label{color:#64748b;font-size:13px;font-weight:500}.sa-standard-bulk-btn{cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.sa-standard-save-btn{color:#fff;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;display:flex}.sa-standard-toolbar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.sa-standard-toolbar-left{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.sa-standard-toolbar-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sa-standard-entries-filter{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.sa-standard-select-small{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:13px}.sa-standard-search-filters{flex-wrap:wrap;gap:12px;display:flex}.sa-standard-search-box{position:relative}.sa-standard-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sa-standard-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:200px;padding:7px 10px 7px 32px;font-size:13px}.sa-standard-table-wrapper{overflow-x:auto}.sa-standard-table{border-collapse:collapse;text-align:left;width:100%}.sa-standard-table th{color:#475569;text-transform:uppercase;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:12px;font-weight:600}.sa-standard-table td{border-bottom:1px solid #e2e8f0;padding:14px 20px}.sa-standard-table tr:hover{background-color:#f8fafc}.sa-standard-empty{text-align:center;color:#64748b;padding:20px!important}.sa-standard-student-info{align-items:center;gap:12px;display:flex}.sa-standard-student-info img{object-fit:cover;border-radius:50%;width:40px;height:40px}.sa-standard-student-name{color:#0f172a;font-size:14px;font-weight:600}.sa-standard-student-id{color:#64748b;font-size:12px}.sa-standard-td-bold{color:#0f172a;font-size:14px;font-weight:500}.sa-standard-status-btns{flex-wrap:wrap;gap:8px;display:flex}.sa-standard-status-btn{cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.sa-standard-remark-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.sa-standard-absent-badge{border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.sa-standard-pagination{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sa-standard-pagination-info{color:#64748b;font-size:13px}.sa-standard-pagination-btns{gap:4px;display:flex}.sa-standard-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.sa-standard-page-btn.active{color:#fff;background-color:#3b82f6;border:none}.sa-standard-page-btn.disabled{cursor:not-allowed;background-color:#f1f5f9}.sa-standard-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sa-standard-modal{background-color:#fff;border-radius:16px;width:90%;max-width:480px;animation:.3s ease-out slideUp;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.sa-standard-modal-header{text-align:center;flex-direction:column;align-items:center;padding:24px 24px 0;display:flex}.sa-standard-modal-icon{background-color:#fef3c7;border-radius:50%;margin-bottom:16px;padding:16px}.sa-standard-modal-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.sa-standard-modal-content{text-align:center;padding:20px 24px}.sa-standard-modal-text{color:#475569;margin:0;font-size:14px;line-height:1.5}.sa-standard-modal-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.sa-standard-modal-stat-box{border:1px solid;border-radius:8px;padding:12px}.sa-standard-modal-stat-val{font-size:20px;font-weight:700}.sa-standard-modal-stat-lbl{text-transform:uppercase;color:#475569;margin-top:4px;font-size:12px;font-weight:600}.sa-standard-modal-actions{gap:12px;padding:16px 24px 24px;display:flex}.sa-standard-modal-cancel,.sa-standard-modal-confirm{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.sa-standard-modal-cancel{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.sa-standard-modal-cancel:hover{background-color:#f8fafc}.sa-standard-modal-confirm{color:#fff;background-color:#3b82f6;border:1px solid #3b82f6}.sa-standard-modal-confirm:hover{background-color:#2563eb}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.circulars-container{box-sizing:border-box;background-color:#f8fafc;width:100%;min-height:100vh;padding:24px}.circulars-container *{box-sizing:border-box}.circulars-header{margin-bottom:24px}.circulars-header h2{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700}.circulars-breadcrumb{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.circulars-breadcrumb .home-icon{color:#3b82f6}.stats-row{gap:16px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:180px;padding:12px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon svg{width:20px;height:20px}.stat-card.total .stat-icon{color:#3b82f6;background-color:#eff6ff}.stat-card.sent .stat-icon{color:#10b981;background-color:#ecfdf5}.stat-card.recipients .stat-icon{color:#f59e0b;background-color:#fffbeb}.stat-card.views .stat-icon{color:#8b5cf6;background-color:#f5f3ff}.stat-card.drafts .stat-icon{color:#ef4444;background-color:#fef2f2}.stat-info{flex-direction:column;display:flex}.stat-title{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600}.stat-value{color:#1e293b;margin:2px 0;font-size:20px;font-weight:700}.stat-subtitle{color:#94a3b8;font-size:12px}.circulars-content{grid-template-columns:1fr 1.2fr;gap:15px;display:grid}.circular-form-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:0;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.card-title{color:#1e293b;margin-bottom:24px;font-size:18px;font-weight:700}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.form-group input,.form-group select{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.btn-mobile-preview,.mobile-close-preview{display:none}.input-with-icon input,.input-with-icon select,input.input-with-icon,select.input-with-icon{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.input-with-icon select,select.input-with-icon{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px 20px;padding-right:32px}.input-with-icon input:focus,.input-with-icon select:focus,input.input-with-icon:focus,select.input-with-icon:focus{border-color:#3b82f6}.input-with-icon .icon{color:#94a3b8;pointer-events:none;position:absolute;right:12px}.form-hint{color:#94a3b8;margin-top:4px;font-size:12px}.link-text{color:#3b82f6;cursor:pointer;margin-top:auto;margin-bottom:12px;font-size:13px;font-weight:500}.editor-container{margin-top:16px;margin-bottom:24px}.editor-container .quill{background-color:#fff}.editor-container .ql-toolbar{background-color:#f8fafc;border-color:#e2e8f0;border-top-left-radius:6px;border-top-right-radius:6px}.editor-container .ql-container{border-color:#e2e8f0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;min-height:200px;font-size:14px}.ql-font-arial{font-family:Arial,Helvetica,sans-serif}.ql-font-courier{font-family:Courier New,Courier,monospace}.ql-font-garamond{font-family:Garamond,serif}.ql-font-tahoma{font-family:Tahoma,Geneva,sans-serif}.ql-font-times-new-roman{font-family:Times New Roman,Times,serif}.ql-font-verdana{font-family:Verdana,Geneva,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]:before{content:"Arial";font-family:Arial,Helvetica,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=courier]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=courier]:before{content:"Courier New";font-family:Courier New,Courier,monospace}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=garamond]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=garamond]:before{content:"Garamond";font-family:Garamond,serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=tahoma]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=tahoma]:before{content:"Tahoma";font-family:Tahoma,Geneva,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=times-new-roman]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=times-new-roman]:before{content:"Times New Roman";font-family:Times New Roman,Times,serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=verdana]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=verdana]:before{content:"Verdana";font-family:Verdana,Geneva,sans-serif}.editor-container .ql-editor{word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word}.char-count{color:#64748b;margin-top:8px;font-size:12px}.attachments-section{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.upload-dropzone{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100px;padding:16px 12px;transition:all .2s;display:flex}.upload-dropzone:hover{background-color:#eff6ff;border-color:#3b82f6}.upload-icon{color:#3b82f6;margin-bottom:8px}.upload-text{color:#475569;font-size:13px}.upload-text span{color:#3b82f6;font-weight:500}.upload-hint{color:#94a3b8;margin-top:8px;font-size:12px}.attached-files-list{flex-direction:column;flex:1;gap:8px;display:flex}.attached-file-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.attached-file-info{color:#3b82f6;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.delete-file-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.delete-file-btn:hover{background-color:#fef2f2}.btn-draft,.btn-reset{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-draft:hover,.btn-reset:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-send{color:#fff;background-color:#2563eb;border:none;border-radius:6px;align-items:center;margin-left:auto;display:flex;overflow:hidden}.btn-send-main{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:flex}.btn-send-main:hover{background-color:#1d4ed8}.btn-send-dropdown{color:#fff;cursor:pointer;background-color:#0000001a;border:none;border-left:1px solid #fff3;justify-content:center;align-items:center;padding:10px 12px;display:flex}.btn-send-dropdown:hover{background-color:#0003}.right-column{flex-direction:column;gap:24px;min-width:0;display:flex}.preview-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:24px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.btn-refresh{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.letterhead{background-color:#fff;border:1px solid #e2e8f0;padding:32px;box-shadow:0 4px 6px #00000005}.lh-header{border-bottom:2px solid #1e40af;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.lh-centered-header{text-align:center;flex-direction:column;align-items:center;gap:6px}.lh-logo-center{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.lh-logo-img{object-fit:contain;max-width:75px;max-height:75px}.lh-school-info.text-center{text-align:center}.lh-school-reg{font-size:12px;font-weight:600;color:#1e3a8a!important;margin:2px 0!important}.lh-school-contact{color:#64748b;font-size:11px;margin:3px 0 0!important}.lh-meta-divider{background-color:#cbd5e1;width:100%;height:1px;margin:8px 0}.lh-meta-row{color:#334155;justify-content:space-between;width:100%;font-size:12px;font-weight:500;display:flex}.lh-logo-section{align-items:center;gap:16px;display:flex}.lh-logo{color:#fff;background-color:#1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;display:flex}.lh-school-info h3{color:#1e3a8a;margin:0;font-size:20px}.lh-school-info p{color:#64748b;margin:0;font-size:12px}.lh-meta{text-align:right;color:#475569;font-size:13px}.lh-meta div{margin-bottom:4px}.lh-title{text-align:center;color:#dc2626;margin-bottom:24px;font-size:18px;font-weight:700;text-decoration:underline}.lh-content{color:#334155;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;min-height:200px;padding:32px;font-size:14px;line-height:1.6}.lh-footer{justify-content:flex-end;margin-top:48px;display:flex}.lh-signature{text-align:center}.lh-signature-img{color:#1e40af;margin-bottom:8px;font-family:Brush Script MT,cursive;font-size:24px}.lh-signature p{color:#475569;margin:0;font-size:13px}.previous-circulars-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:24px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.table-toolbar{gap:16px;margin-bottom:16px;display:flex}.search-box{flex:1;position:relative}.search-box input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:14px}.search-box .icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-box select{appearance:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 32px 8px 12px;font-size:14px}.date-range-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.circulars-table{border-collapse:collapse;width:100%}.circulars-table th{text-align:left;color:#f8fafc;background-color:#1e293b;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.circulars-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:14px}.circulars-table tbody tr:nth-child(2n){background-color:#f8fafc}.circulars-table tbody tr:hover{background-color:#f1f5f9}.status-badge.sent{color:#166534;background-color:#dcfce7}.status-badge.draft{color:#854d0e;background-color:#fef9c3}.action-buttons{gap:8px;display:flex}.action-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.action-btn:hover{background-color:#eff6ff}.table-footer{color:#64748b;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;display:flex}.pagination{gap:4px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.page-btn.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.page-btn:hover:not(.active){background-color:#f8fafc}@media (width<=1200px){.circulars-content{grid-template-columns:1fr}}@media (width<=768px){.circulars-container{padding:12px}.circulars-header h2{margin-bottom:4px;font-size:20px}.circulars-breadcrumb{font-size:12px}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;padding-bottom:0;overflow:hidden;display:grid!important}.stat-card{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0!important;padding:8px!important}.stat-icon{width:32px;height:32px}.stat-title{white-space:normal;word-break:break-word;font-size:10px}.stat-value{font-size:16px}.stat-subtitle{display:none}.previous-circulars-card,.circular-form-card{padding:16px}.card-title{margin-bottom:16px;font-size:16px}.form-grid{grid-template-columns:1fr!important}.form-group label{font-size:13px}.form-group input,.form-group select{padding:8px 10px;font-size:13px}.table-toolbar{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;max-width:100%;display:grid}.search-box{grid-column:1/-1;width:100%;min-width:0;max-width:100%}.filter-box{width:100%;min-width:0;max-width:100%}.search-box input{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;height:36px;padding:8px 12px 8px 36px;font-size:13px;overflow:hidden}.filter-box select{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;height:36px;padding:8px 28px 8px 8px;font-size:13px;overflow:hidden}.attachments-section{flex-direction:column}.form-actions{flex-wrap:wrap;justify-content:center}.btn-send{justify-content:center;width:100%;margin-left:0}.btn-mobile-preview{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:12px;font-weight:600;display:flex}.mobile-close-preview{display:flex!important}.preview-subtitle{display:none}.preview-card-inline{display:none!important}.preview-card.mobile-preview-open{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:16px;position:fixed;inset:0;display:flex!important}.preview-card.mobile-preview-open .letterhead{background:#fff;border-radius:8px;max-height:90vh;overflow-y:auto;width:100%!important}.circulars-table thead{display:none}.circulars-table,.circulars-table tbody,.circulars-table tr,.circulars-table td{width:100%;display:block}.circulars-table tr{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 16px;box-shadow:0 1px 3px #00000005}.circulars-table td{text-align:right;border:none;border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.circulars-table td:last-child{border-bottom:none;padding-bottom:0}.circulars-table td:before{content:attr(data-label);color:#64748b;text-align:left;margin-right:12px;font-size:12px;font-weight:600}.action-buttons{justify-content:flex-end;width:100%}.preview-card{padding:16px}.letterhead{box-sizing:border-box;padding:16px;overflow-x:hidden;width:100%!important;max-width:100%!important}.lh-header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px}.lh-logo-section{text-align:center;flex-direction:column;gap:8px}.lh-logo{width:40px;height:40px;font-size:14px}.lh-school-info h3{font-size:16px}.lh-meta{text-align:center;font-size:12px}.lh-title{margin-bottom:12px;font-size:14px}.lh-content{min-height:120px;padding:0;font-size:12px}.lh-footer-container{flex-direction:column;gap:24px;align-items:flex-start!important;margin-top:24px!important}.lh-signature{text-align:left}}.download-dropdown-container{position:relative}.download-dropdown-menu{z-index:50;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;min-width:200px;margin-top:4px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.download-dropdown-menu button{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:10px 16px;font-size:13px;transition:background-color .2s}.download-dropdown-menu button:last-child{border-bottom:none}.download-dropdown-menu button:hover{background-color:#f1f5f9}.lh-attachments-section{padding:0 32px 32px}.lh-attachment-chip{color:#3b82f6;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.lh-attachment-chip:hover{color:#2563eb;background-color:#e2e8f0;border-color:#94a3b8}.pdf-only{display:none}.pdf-export-mode .screen-only{display:none!important}.pdf-export-mode .pdf-only{display:inline-block!important}.cert-container{box-sizing:border-box;background-color:#f8fafc;width:100%;min-height:100vh;padding:16px}.cert-container *{box-sizing:border-box}.cert-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.recipient-pills{background:#e2e8f0;border-radius:8px;padding:4px;display:flex}.recipient-pill{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.recipient-pill.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #0000001a}.cert-header h2{color:#1e293b;margin-top:0;margin-bottom:8px;font-size:24px;font-weight:700}.cert-breadcrumb{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.cert-breadcrumb a{color:#3b82f6;text-decoration:none}.cert-breadcrumb span{color:#94a3b8}.cert-content-grid{grid-template-columns:1fr 1.1fr;gap:16px;display:grid}.cert-form-col{flex-direction:column;gap:16px;min-width:0;font-size:12px;display:flex}.recipient-toggle{grid-template-columns:1fr 1fr;gap:16px;display:grid}.recipient-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.recipient-card.active{background-color:#eff6ff;border-color:#3b82f6}.recipient-card .rc-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.recipient-card.active .rc-icon{color:#2563eb;background:#dbeafe}.rc-details h4{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:600}.rc-details p{color:#64748b;margin:0;font-size:12px}.cert-form-section{flex-direction:column;gap:16px;display:flex}.section-label{color:#1e293b;margin-bottom:8px;font-size:14px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;align-items:end;gap:16px;display:grid}.form-group label .required{color:#ef4444}.form-control{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 10px;font-size:13px;line-height:1.5;transition:border-color .2s}.form-control:focus{border-color:#3b82f6;outline:none}.form-control.readonly{color:#64748b;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.btn-search{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;height:45px;padding:0 16px;font-size:14px;font-weight:500}.btn-search:hover{background-color:#1d4ed8}.user-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:12px;padding:12px;display:flex}.user-photo{object-fit:cover;background:#f1f5f9;border-radius:50%;width:48px;height:48px}.user-info{flex:1}.user-info h3{color:#1e293b;margin:0 0 8px;font-size:14px;font-weight:600}.user-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.user-stat span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.user-stat strong{color:#1e293b;font-size:13px;font-weight:500;display:block}.details-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.details-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.details-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.toggle-switch{color:#64748b;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.toggle-slider{background:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:all .2s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-switch.small{font-size:11px}.toggle-switch.small .toggle-slider{width:28px;height:16px}.toggle-switch.small .toggle-slider:after{width:12px;height:12px}.toggle-switch.small input:checked+.toggle-slider:after{transform:translate(12px)}.toggle-switch input{display:none}.toggle-switch input:checked+.toggle-slider{background:#2563eb}.toggle-switch input:checked+.toggle-slider:after{transform:translate(16px)}.editor-wrapper{margin-top:16px}.editor-wrapper .quill{background:#fff}.editor-wrapper .ql-toolbar{background-color:#f8fafc;border-color:#e2e8f0;border-top-left-radius:6px;border-top-right-radius:6px}.editor-wrapper .ql-container{border-color:#e2e8f0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;min-height:100px;font-size:13px}.editor-wrapper.disabled .quill{opacity:.6;pointer-events:none}.form-actions{gap:12px;margin-top:12px;display:flex}.btn-preview-action,.btn-reset,.btn-generate{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-preview-action{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.btn-preview-action:hover{background-color:#f8fafc}.btn-reset{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.btn-reset:hover{background-color:#f8fafc}.btn-generate{color:#fff;background-color:#2563eb;flex:1}.btn-generate:hover{background-color:#1d4ed8}.btn-generate:disabled{cursor:not-allowed;background-color:#94a3b8}.cert-preview-col{flex-direction:column;min-width:0;display:flex}.preview-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-topbar h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.preview-actions{gap:8px;display:flex}.btn-action-small{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.btn-action-small:hover{background:#f8fafc}.btn-action-small.download{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.btn-action-small.download:hover{background:#dbeafe}.cert-preview-container{background:0 0;border:none;justify-content:center;align-items:flex-start;width:100%;padding:16px;display:flex;position:relative}.cert-scale-wrapper{justify-content:center;align-items:flex-start;display:flex;position:relative}.preview-watermark{color:#cbd5e133;pointer-events:none;z-index:0;letter-spacing:20px;text-transform:uppercase;font-size:140px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.certificate-paper{transform-origin:0 0;box-sizing:border-box;background:#fff;width:794px;height:1123px;padding:24px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.certificate-paper.printing{box-shadow:none;margin-bottom:0;transform:scale(1)}.certificate-border{border:4px solid #1e3a8a;border-radius:4px;height:100%;padding:4px}.certificate-inner{border:1px solid #1e3a8a;border-radius:4px;flex-direction:column;height:100%;padding:30px;display:flex;position:relative}.cert-head{text-align:center;margin-bottom:40px}.cert-logo{width:80px;height:80px;margin-bottom:16px}.cert-school-name{color:#1e3a8a;text-transform:uppercase;margin:0 0 8px;font-family:Times New Roman,Times,serif;font-size:32px;font-weight:700}.cert-school-moto{color:#dc2626;margin:0 0 12px;font-family:Times New Roman,Times,serif;font-size:16px;font-style:italic}.cert-school-address{color:#475569;margin:0;font-size:12px}.cert-title-box{text-align:center;margin-bottom:40px}.cert-title{color:#1e3a8a;text-transform:uppercase;border-bottom:2px solid #1e3a8a;margin:0;padding-bottom:8px;font-family:Times New Roman,Times,serif;font-size:28px;font-weight:700;display:inline-block}.cert-date{text-align:right;color:#1e293b;margin-bottom:40px;font-size:14px;font-weight:500}.cert-body-content{color:#1e293b;text-align:center;flex:1;margin-bottom:60px;font-size:16px;line-height:1.8}.cert-body-content p{margin-bottom:12px}.cert-body-content .highlight{color:#1e3a8a;font-family:Times New Roman,Times,serif;font-size:22px;font-style:italic;font-weight:700}.cert-footer-section{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.cert-footer-left{color:#475569;font-size:13px}.cert-footer-center{text-align:center}.cert-seal{opacity:.8;width:100px;height:100px}.cert-footer-right{text-align:center}.cert-signature-img{color:#1e3a8a;justify-content:center;align-items:center;height:60px;margin-bottom:8px;font-family:Brush Script MT,cursive;font-size:28px;display:flex}.cert-auth-name{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:600}.cert-auth-desig{color:#475569;margin:0;font-size:14px}.cert-system-note{text-align:center;color:#94a3b8;margin-top:40px;font-size:10px}.btn-mobile-preview,.mobile-close-preview{display:none}@media (width<=768px){.cert-header{flex-direction:column;align-items:flex-start;gap:12px}.cert-header .header-right{width:100%}.recipient-pills{text-align:center;grid-template-columns:1fr 1fr;width:100%;display:grid}.cert-content-grid,.recipient-toggle,.form-row,.user-grid{grid-template-columns:1fr}.btn-mobile-preview{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;display:flex}.mobile-close-preview{align-items:center;gap:6px;display:flex!important}.cert-preview-container{display:none!important}.cert-preview-container.mobile-preview-open{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;justify-content:center;align-items:flex-start;margin:0;padding:16px;position:fixed;inset:0;overflow:hidden auto;display:flex!important}.cert-preview-container.mobile-preview-open .cert-scale-wrapper{margin-top:40px}.form-group label,.form-control{font-size:13px}.cert-container{padding:10px!important}.cert-header{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important}.cert-header h2{color:#0f172a!important;margin:0 0 2px!important;font-size:1.15rem!important}.cert-breadcrumb{font-size:.7rem!important}.cert-header .header-right{width:100%!important;margin-top:4px!important}.recipient-pills{background:#f1f5f9!important;border-radius:8px!important;gap:4px!important;width:100%!important;padding:4px!important;display:flex!important}.recipient-pill{border-radius:6px!important;flex:1!important;padding:8px!important;font-size:.85rem!important;font-weight:600!important}.cert-content-grid{flex-direction:column!important;gap:12px!important;display:flex!important}.details-card{border-radius:10px!important;margin-bottom:12px!important;padding:14px!important;box-shadow:0 1px 3px #0000000d!important}.details-card h3{margin-bottom:12px!important;font-size:1rem!important}.form-group label,.section-label{color:#475569!important;margin-bottom:6px!important;font-size:.8rem!important}.form-control{border-radius:6px!important;height:auto!important;padding:8px 10px!important;font-size:.9rem!important}.btn-search{border-radius:6px!important;height:34px!important;padding:0 12px!important;font-size:.85rem!important}.form-grid,.form-row{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.recipient-card{gap:10px!important;padding:10px!important}.recipient-card .rc-icon{width:32px!important;height:32px!important}.rc-details h4{font-size:.9rem!important}.rc-details p{font-size:.75rem!important}.user-card{gap:12px!important;padding:10px!important}.user-photo{width:40px!important;height:40px!important}.user-info h3{margin-bottom:4px!important;font-size:.95rem!important}.editor-wrapper{border-radius:8px!important;padding:12px!important}.editor-wrapper select,.editor-wrapper button{padding:6px 8px!important;font-size:.8rem!important}.cert-textarea{min-height:120px!important;font-size:.9rem!important}.preview-topbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}.preview-topbar h3{text-align:center!important;margin:0!important;font-size:1.05rem!important}.preview-topbar>div{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;width:100%!important;display:flex!important}.btn-mobile-preview,.btn-reset{border-radius:8px!important;flex:1!important;justify-content:center!important;height:38px!important;padding:8px!important;font-size:.85rem!important}.btn-generate{border-radius:8px!important;justify-content:center!important;width:100%!important;height:auto!important;padding:10px!important;font-size:.9rem!important}}.mobile-icon{display:none}@media (width<=768px){.mobile-icon{font-size:1.25rem!important;display:inline-block!important}.pill-text{display:none!important}.recipient-pill{justify-content:center!important;align-items:center!important;padding:6px 0!important;display:flex!important}.form-grid,.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.form-control{box-sizing:border-box!important;width:100%!important;min-width:0!important}.cert-container{width:100%!important;overflow-x:hidden!important}.preview-topbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;display:flex!important}.preview-topbar h3{text-align:left!important;margin-bottom:4px!important}.preview-topbar>div{flex-flow:row!important;gap:8px!important;width:100%!important;display:flex!important}.btn-mobile-preview,.btn-reset{border-radius:8px!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;font-size:0!important;display:flex!important}.btn-mobile-preview svg,.btn-reset svg{width:18px!important;height:18px!important;margin:0!important}.btn-generate{white-space:nowrap!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:auto!important;height:40px!important;padding:0 16px!important;font-size:.9rem!important;display:flex!important}.btn-generate svg{margin:0!important}}.history-container{box-sizing:border-box;background-color:#f8fafc;max-width:100%;min-height:calc(100vh - 70px);padding:24px;font-family:Inter,sans-serif;overflow-x:hidden}.history-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.history-header h2{color:#1e293b;margin:0;font-size:24px;font-weight:600}.type-toggle{background:#e2e8f0;border-radius:8px;padding:4px;display:flex}.type-toggle.custom-toggle button{justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.emoji-icon{font-size:16px;line-height:1}.tab-label{display:inline}.type-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.type-toggle button.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}.history-container .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px;display:grid}.history-container .kpi-card{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0000000d}.history-container .kpi-card:hover{transform:translateY(-2px)}.history-container .kpi-icon{color:#475569;justify-content:center;align-items:center;display:flex}.history-container .kpi-content{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.history-container .kpi-content h3{color:#0f172a;margin:0;font-size:28px;font-weight:700;line-height:1}.history-container .kpi-content p{color:#64748b;white-space:normal;margin:0;font-size:14px;font-weight:500}.history-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{flex:1;min-width:300px;max-width:450px;position:relative}.search-box input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:border-color .2s}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-box{position:relative}.filter-box select{color:#334155;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%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%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 36px 10px 16px;font-size:14px;transition:all .2s}.filter-box select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.table-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.history-table{border-collapse:collapse;width:100%}.history-table th,.history-table td{text-align:left;padding:14px 16px;font-size:14px}.history-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600}.history-table tr{border-bottom:1px solid #e2e8f0}.history-table tr:nth-child(2n){background-color:#f8fafc}.history-table tr:hover{background-color:#f1f5f9}.history-table td{color:#1e293b}.badge{color:#4f46e5;background:#e0e7ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.btn-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.btn-icon:hover{color:#0f172a;background:#e2e8f0}.pagination-container{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.page-info{color:#64748b;font-size:14px}.page-controls{align-items:center;gap:16px;display:flex}.page-size select{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:13px}.page-buttons{gap:4px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1100px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.certificate-modal{max-width:1100px;height:95vh!important;max-height:95vh!important}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.modal-close:hover{color:#0f172a;background:#f1f5f9}.certificate-modal .modal-body{flex:1;display:flex;overflow:hidden}.modal-preview-section{background:#f8fafc;border-right:1px solid #e2e8f0;flex:1.5;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow-y:auto}.mini-cert-wrapper{transform-origin:top;box-sizing:border-box;background:#fff;width:794px;height:1123px;padding:24px;box-shadow:0 4px 12px #0000001a}.modal-details-section{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.detail-group h4{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:600}.detail-group p{color:#1e293b;margin:0;font-size:15px;font-weight:500}.detail-desc{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;font-size:14px;line-height:1.6}.modal-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:auto;padding-top:24px;display:flex}.btn-download{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:background .2s;display:flex}.btn-download:hover{background:#059669}.btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:background .2s;display:flex}.btn-delete:hover{background:#dc2626}.delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:16px}.delete-warning h4{color:#b91c1c;align-items:center;gap:8px;margin:0 0 8px;display:flex}.delete-warning p{color:#991b1b;margin:0 0 16px;font-size:13px;line-height:1.5}.delete-actions{gap:12px;display:flex}.btn-confirm-del{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.btn-confirm-del:hover{background:#dc2626}.btn-cancel-del{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:500}.btn-cancel-del:hover{background:#f8fafc}@media (width<=768px){.history-container{padding:12px}.history-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px}.history-header h2{font-size:18px}.type-toggle{width:auto}.type-toggle button{flex:none;padding:8px 12px}.tab-label{display:none}.history-container .kpi-grid{box-sizing:border-box!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:100%!important;display:grid!important}.history-container .kpi-card{box-sizing:border-box!important;gap:2px!important;width:100%!important;min-width:0!important;padding:8px 2px!important;overflow:hidden!important}.history-container .kpi-content{width:100%;min-width:0}.history-container .kpi-content h3{font-size:16px}.history-container .kpi-content p{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;text-align:center!important;width:100%!important;margin:0!important;font-size:9px!important;line-height:1.1!important}.history-controls{flex-direction:row;align-items:center;gap:8px;padding:12px!important}.search-box{flex:1;min-width:0}.search-box input{box-sizing:border-box;width:100%;padding:8px 12px 8px 32px;font-size:13px}.search-icon{width:16px;height:16px;left:10px}.filter-box,.filter-box select{box-sizing:border-box;flex:1.2;width:100%;min-width:0}.filter-box select{padding:8px 30px 8px 12px;font-size:13px}.history-table th,.history-table td{white-space:nowrap;padding:12px 10px;font-size:12px}.pagination-container{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px}.page-info{text-align:center;order:3;width:100%;margin-top:4px;font-size:12px}.page-size{order:1}.page-controls{order:2}.modal-overlay{padding:8px}.certificate-modal{height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important}.certificate-modal .modal-body{flex-direction:column}.modal-preview-section{border-bottom:1px solid #e2e8f0;border-right:none;flex:none;height:45vh;padding:12px}.modal-details-section{flex:1;padding:16px;overflow-y:auto}}.transport-overview-page{background-color:#f8fafc;min-height:100vh;padding:24px}.transport-header{margin-bottom:24px}.transport-header h2{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:700}.transport-header p{color:#64748b;margin:0}.kpi-card{background:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.kpi-card-top{align-items:center;gap:16px;display:flex}.kpi-card-bottom{width:100%;height:48px;margin-top:auto}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.kpi-icon.blue{color:#3b82f6;background:#eff6ff}.kpi-icon.green{color:#10b981;background:#ecfdf5}.kpi-icon.purple{color:#8b5cf6;background:#f5f3ff}.kpi-icon.orange{color:#f97316;background:#fff7ed}.kpi-info h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:13px}.kpi-info h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}.chart-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-header h3{color:#1e293b;margin:0;font-size:18px}.bus-filter{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:8px 16px;font-size:14px}.bus-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.chart-container{margin-top:16px}.transport-loading{color:#64748b;justify-content:center;align-items:center;height:50vh;font-size:18px;display:flex}.transport-page{background-color:#f4f7f8;min-height:calc(100vh - 64px);padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.top-banner{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex;position:relative;overflow:hidden}.banner-content{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.banner-icon-circle{background-color:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.banner-content h2{color:#1e293b;margin:0 0 4px;font-size:24px;font-weight:700}.banner-content p{color:#64748b;margin:0;font-size:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-box{background-color:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.kpi-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-details{flex-direction:column;min-width:0;display:flex;overflow:hidden}.kpi-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;font-weight:500;overflow:hidden}.kpi-value{margin-bottom:4px;font-size:24px;font-weight:700;line-height:1}.kpi-subtitle{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-primary:hover{background-color:#1d4ed8}.table-container-card{background-color:#fff;border-radius:8px;padding:20px}.filters-bar-single{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.search-box-sm{flex-shrink:0;width:220px;position:relative}.search-box-sm .search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box-sm input{color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:9px 10px 9px 32px;font-size:13px;transition:border-color .2s}.search-box-sm input:focus{background:#fff;border-color:#94a3b8}.filter-inline{flex-direction:column;gap:3px;display:flex}.filter-inline label{color:#64748b;letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.filter-inline select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;min-width:100px;padding:7px 10px;font-size:13px;transition:border-color .2s}.filter-inline select:focus{border-color:#3b82f6}.vehicle-count-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:500}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background-color:#1e293b}.filters-right{gap:12px;display:flex}.filter-group{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.filter-icon{color:#94a3b8}.filter-group-v2{flex-direction:column;gap:4px;display:flex}.filter-group-v2 label{color:#64748b;font-size:12px;font-weight:500}.filter-group-v2 select{color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;min-width:120px;padding:8px 32px 8px 12px;font-size:14px}.btn-clear{color:#64748b;cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:13px;font-weight:500}.btn-filter-icon{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;margin-top:20px;display:flex}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;padding:16px}.data-table th{color:#fff;background-color:#0f172a;border:none;font-size:13px;font-weight:600}.data-table td{color:#334155;border-bottom:1px solid #f1f5f9;font-size:14px}.data-table tbody tr{cursor:pointer;transition:background-color .2s}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr:nth-child(2n){background-color:#f8fafc}.data-table tbody tr:hover{background-color:#dbeafe}.fw-600{font-weight:600}.color-blue{color:#1e293b}.vehicle-icon-circle{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 2px #0000000d}.type-badge{white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.type-bus{color:#0284c7;background-color:#e0f2fe}.type-van{color:#0f766e;background-color:#ccfbf1}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.maintenance{color:#854d0e;background:#fef9c3}.status-badge.inactive{color:#991b1b;background:#fee2e2}.action-buttons{align-items:center;gap:12px;display:flex}.btn-icon{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.btn-icon:hover{color:#334155}.pagination-controls{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pagination-entries{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.pagination-entries select{color:#334155;border:1px solid #e2e8f0;border-radius:4px;outline:none;padding:6px}.pagination-info{color:#64748b;font-size:14px}.pagination-buttons{gap:8px;display:flex}.btn-page{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.btn-page:hover:not(:disabled){color:#334155;background-color:#f1f5f9}.btn-page:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc}.transport-page .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transport-page .modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;animation:.3s ease-out forwards modalIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.transport-page .modal-header{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.transport-page .modal-header h3{color:#0f172a;margin:0;font-size:20px;font-weight:600}.transport-page .close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.transport-page .close-btn:hover{color:#0f172a;background:#e2e8f0}.transport-page .modal-body{background-color:#fff;padding:24px}.transport-page .form-row{gap:20px;margin-bottom:20px;display:flex}.transport-page .form-group{flex-direction:column;flex:1;gap:8px;display:flex}.transport-page .form-group label{color:#334155;font-size:13px;font-weight:600}.transport-page .form-group input,.transport-page .form-group select{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:all .2s}.transport-page .form-group input:focus,.transport-page .form-group select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transport-page .modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 16px;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:#f1f5f9}.bd-page{color:#1e293b;background-color:#f8fafc;max-width:1400px;margin:0 auto;padding:8px 24px 24px;font-family:Inter,sans-serif}.bd-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-size:14px;font-weight:500;display:flex}.bd-back-btn:hover{color:#0f172a}.bd-hero{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.bd-hero-bg{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#e0f2fe66);width:50%;position:absolute;top:0;bottom:0;right:0}.bd-hero-left{z-index:1;align-items:center;gap:24px;display:flex}.bd-vehicle-img{object-fit:contain;width:140px;height:90px}.bd-hero-info{flex-direction:column;gap:8px;display:flex}.bd-hero-title-row{align-items:center;gap:16px;display:flex}.bd-hero-title-row h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.bd-status-badge{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.bd-status-active{color:#16a34a;background:#dcfce7}.bd-status-maintenance{color:#d97706;background:#fef3c7}.bd-status-inactive{color:#dc2626;background:#fee2e2}.bd-hero-sub{color:#64748b;margin:0;font-size:14px;font-weight:500}.bd-edit-btn{color:#475569;cursor:pointer;z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.bd-edit-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bd-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.bd-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex;box-shadow:0 1px 3px #0000000d}.bd-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bd-kpi-body{flex-direction:column;display:flex}.bd-kpi-label{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:500}.bd-kpi-value{margin-bottom:2px;font-size:18px;font-weight:700}.bd-kpi-sub{color:#94a3b8;font-size:11px}.bd-info-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.bd-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000d}.bd-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.bd-card-title{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.bd-link-btn{color:#2563eb;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.bd-link-btn:hover{background:#e2e8f0}.bd-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.bd-info-table{border-collapse:collapse;width:100%}.bd-info-table td{padding:6px 0;font-size:13px}.bd-info-table td:first-child{color:#64748b;width:45%}.bd-info-table td:last-child{color:#1e293b;font-weight:500}.bd-docs-table{border-collapse:collapse;width:100%}.bd-docs-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding-bottom:12px;font-size:12px;font-weight:600}.bd-docs-table td{border-bottom:1px solid #f1f5f9;padding:10px 0;font-size:13px}.bd-doc-name{color:#1e293b;align-items:center;gap:8px;font-weight:500;display:flex}.bd-doc-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.bd-doc-valid{color:#16a34a;background:#dcfce7}.bd-doc-soon{color:#d97706;background:#fef3c7}.bd-doc-expired{color:#dc2626;background:#fee2e2}.bd-doc-na{color:#64748b;background:#f1f5f9}.bd-safety-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:12px;margin-top:16px;padding:12px;display:flex}.bd-safety-banner strong{color:#166534;margin-bottom:4px;display:block}.bd-safety-banner p{color:#15803d;margin:0;font-size:13px;line-height:1.4}.bd-right-col{flex-direction:column;display:flex}.bd-status-block{background:#f8fafc;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.bd-status-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bd-status-rows{flex-direction:column;gap:12px;display:flex}.bd-status-row{align-items:center;font-size:14px;display:flex}.bd-sr-label{color:#64748b;flex:1;margin-left:8px}.bd-sr-val{color:#1e293b;font-weight:600}.bd-quick-actions{flex-direction:column;gap:12px;display:flex}.bd-quick-btn{color:#1e293b;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bd-quick-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bd-qa-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bd-tabs-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.bd-tabs-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.bd-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bd-tab:hover{color:#0f172a}.bd-tab-active{color:#2563eb;background:#fff;border-bottom-color:#2563eb}.bd-tab-body{padding:16px 20px}.bd-tab-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bd-section-title{color:#0f172a;margin:0;font-size:16px}.bd-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.bd-btn-primary:hover{background:#1d4ed8}.bd-mini-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.bd-mini-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.bd-mki-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bd-mki-label{color:#64748b;margin-bottom:2px;font-size:12px}.bd-mki-val{color:#0f172a;font-size:14px;font-weight:700}.bd-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.bd-table{border-collapse:collapse;width:100%}.bd-table th{text-align:left;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.bd-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.bd-table tr:last-child td{border-bottom:none}.bd-table tr:hover{background:#f8fafc}.bd-rec-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.bd-rec-completed{color:#16a34a;background:#dcfce7}.bd-rec-scheduled{color:#0284c7;background:#e0f2fe}.bd-mileage-chip{color:#475569;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600}.bd-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:48px 0}.brm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.brm-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1050px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.brm-header-top{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.brm-header-left{align-items:center;gap:16px;display:flex}.brm-icon-circle{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brm-header-left h2{color:#0f172a;margin:0 0 4px;font-size:20px}.brm-header-left p{color:#64748b;margin:0;font-size:14px}.brm-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px}.brm-close-btn:hover{color:#0f172a;background:#f1f5f9}.brm-body{flex:1;display:flex;overflow:hidden}.brm-left-col{flex:2;padding:0 24px 24px;overflow-y:auto}.brm-right-col{background:#f8fafc;border-left:1px solid #e2e8f0;flex:1;padding:24px;overflow-y:auto}.brm-tabs{z-index:10;background:#fff;border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-top:24px;display:flex;position:sticky;top:0}.brm-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:14px;font-weight:600;display:flex}.brm-tab-active{color:#2563eb;border-bottom-color:#2563eb}.brm-section{margin-bottom:32px}.brm-section-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.brm-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brm-form-group{flex-direction:column;gap:6px;display:flex}.brm-full{grid-column:span 2}.brm-form-group label{color:#475569;font-size:13px;font-weight:600}.brm-form-group label span{color:#ef4444}.brm-form-group input,.brm-form-group select,.brm-form-group textarea{color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.brm-form-group input:focus,.brm-form-group select:focus,.brm-form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.brm-upload-box{text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.brm-upload-box:hover{background:#f1f5f9;border-color:#94a3b8}.brm-upload-box p{color:#475569;margin:0;font-size:14px;font-weight:500}.brm-upload-box span{color:#94a3b8;font-size:12px}.brm-hint{color:#64748b;margin-top:8px;font-size:12px}.brm-vehicle-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.brm-vehicle-img{width:80px;height:auto}.brm-v-title{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.brm-v-title h3{color:#0f172a;margin:0;font-size:18px}.brm-badge{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.brm-badge-active{color:#166534;background:#dcfce7}.brm-badge-maintenance{color:#92400e;background:#fef3c7}.brm-badge-inactive{color:#b91c1c;background:#fee2e2}.brm-v-sub{color:#64748b;margin:0;font-size:13px}.brm-quick-info h4{color:#0f172a;margin:0 0 12px;font-size:14px}.brm-info-table{border-collapse:collapse;width:100%}.brm-info-table td{border-bottom:1px solid #e2e8f0;padding:10px 0;font-size:13px}.brm-info-table td:first-child{color:#64748b;align-items:center;gap:8px;display:flex}.brm-info-table td:last-child{color:#0f172a;text-align:right;font-weight:500}.brm-info-table tr:last-child td{border-bottom:none}.brm-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.brm-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600}.brm-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.brm-btn-cancel:hover{background:#f1f5f9}.brm-btn-save:hover{background:#1d4ed8}.bd-alert-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bd-alert-modal{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px}.bd-alert-header{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.bd-alert-header h3{color:#0f172a;margin:0;font-size:18px}.bd-alert-box{border-radius:8px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:500}.bd-alert-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.bd-alert-warning{color:#a16207;background:#fef9c3;border:1px solid #fef08a}@media (width<=1024px){.bd-kpi-row,.bd-info-grid,.bd-mini-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bd-hero{flex-direction:column;align-items:flex-start;gap:16px}.bd-kpi-row,.bd-info-grid,.bd-mini-kpi-row,.brm-grid{grid-template-columns:1fr}.brm-body{flex-direction:column;overflow-y:auto}.brm-left-col,.brm-right-col{overflow-y:visible}}.bd-table th{color:#f8fafc;cursor:pointer;background:#1e293b;border-bottom:none}.bd-table th:hover{background:#0f172a}.bd-th-inner{align-items:center;gap:6px;display:flex}.bd-table tbody tr:nth-child(2n){background:#f8fafc}.bd-table tbody tr:hover{background:#f1f5f9}.bd-tab-actions{align-items:center;gap:12px;display:flex}.bd-rows-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:13px}.bd-rows-select:focus{border-color:#2563eb;outline:none}.bd-pagination{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.bd-page-info{color:#64748b;font-size:13px}.bd-page-controls{align-items:center;gap:12px;display:flex}.bd-page-controls button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bd-page-controls button:disabled{opacity:.5;cursor:not-allowed}.bd-page-controls button:not(:disabled):hover{background:#f1f5f9}.bd-page-current{color:#0f172a;font-size:13px;font-weight:600}.route-modal{max-width:800px}.bus-tag{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500}.unassigned-tag{color:#64748b;background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500}.stops-section{border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;overflow:hidden}.stops-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stops-header h4{color:#334155;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.btn-small{padding:6px 12px;font-size:13px}.no-stops{text-align:center;color:#94a3b8;background:#fff;margin:0;padding:32px;font-size:14px}.stops-list{background:#fff;max-height:300px;overflow-y:auto}.stop-item{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.stop-item:nth-child(2n){background-color:#f8fafc}.stop-item[draggable=true]{cursor:grab}.stop-item[draggable=true]:active{cursor:grabbing}.drag-handle{color:#94a3b8;cursor:grab;align-items:center;margin-right:4px;display:flex}.drag-handle:active{cursor:grabbing}.stops-table-header{color:#475569;text-transform:uppercase;background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:8px 16px 8px 36px;font-size:12px;font-weight:600;display:flex}.col-num{text-align:center;flex-shrink:0;width:24px}.col-name{flex:2;min-width:150px}.col-dist{flex:1;min-width:70px}.col-time{flex:1;min-width:130px}.col-fee{flex:1;min-width:100px}.col-action{flex-shrink:0;width:32px}.stop-item:last-child{border-bottom:none}.stop-number{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.stop-fields{flex:1;gap:12px;display:flex}.stop-input{border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:8px;font-size:13px}.stop-input:focus{border-color:#3b82f6}.stop-input.fee{color:#10b981;font-weight:500}.custom-time-picker{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:2px;width:100%;padding:2px 4px;font-size:13px;display:flex}.custom-time-picker:focus-within{border-color:#3b82f6}.custom-time-picker input{text-align:center;background:0 0;border:none;outline:none;width:32px;padding:4px 0;font-size:13px}.custom-time-picker input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-time-picker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-time-picker select{cursor:pointer;color:#334155;background:0 0;border:none;outline:none;padding:0;font-size:13px;font-weight:500}.custom-time-picker span{color:#94a3b8;font-weight:700}.mt-4{margin-top:24px}.ts-page{color:#0f172a;max-width:1200px;margin:0 auto;padding:16px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ts-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ts-header-content h2{color:#1e293b;margin:0 0 4px;font-size:24px;font-weight:700}.ts-header-content p{color:#64748b;margin:0;font-size:14px}.ts-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #2563eb33}.ts-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.ts-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.ts-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0000000d}.ts-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ts-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ts-kpi-content{flex-direction:column;display:flex}.ts-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.ts-kpi-val{color:#0f172a;font-size:24px;font-weight:700}.ts-kpi-sub{color:#94a3b8;margin-top:2px;font-size:12px}.ts-filters{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.ts-search{flex:1;min-width:250px;position:relative}.ts-search svg{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ts-search input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.ts-search input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ts-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:flex}.ts-filter-select select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:14px}.ts-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ts-table{border-collapse:collapse;width:100%}.ts-table th{color:#f8fafc;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293b;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s}.ts-table th:hover{background:#0f172a}.ts-th-inner{align-items:center;gap:6px;display:flex}.ts-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-size:13px}.ts-table tbody tr:nth-child(2n){background:#f8fafc}.ts-table tbody tr:hover{background:#f1f5f9}.ts-table tbody tr:last-child td{border-bottom:none}.ts-name-role{flex-direction:column;display:flex}.ts-name{color:#0f172a;font-weight:600}.ts-role{color:#64748b;margin-top:2px;font-size:12px}.ts-bus-tag{color:#1d4ed8;background:#eff6ff;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ts-unassigned-tag{color:#64748b;background:#f1f5f9;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.ts-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ts-status-active{color:#166534;background:#dcfce7}.ts-status-inactive{color:#991b1b;background:#fee2e2}.ts-status-onleave{color:#92400e;background:#fef3c7}.ts-actions{gap:8px;display:flex}.ts-btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ts-btn-edit{color:#3b82f6}.ts-btn-edit:hover{background:#eff6ff}.ts-btn-delete{color:#ef4444}.ts-btn-delete:hover{background:#fef2f2}.ts-pagination{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.ts-rows-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:13px}.ts-rows-select:focus{border-color:#3b82f6;outline:none}.ts-page-info{color:#64748b;font-size:13px}.ts-page-controls{align-items:center;gap:12px;display:flex}.ts-page-controls button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ts-page-controls button:disabled{opacity:.5;cursor:not-allowed}.ts-page-controls button:not(:disabled):hover{background:#f1f5f9}.ts-page-current{color:#0f172a;font-size:13px;font-weight:600}.ts-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ts-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ts-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ts-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.ts-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.ts-modal-close:hover{color:#0f172a;background:#f1f5f9}.ts-modal-body{padding:24px;overflow-y:auto}.ts-form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.ts-form-group{flex-direction:column;gap:8px;display:flex}.ts-form-group.full{grid-column:1/-1}.ts-form-group label{color:#475569;font-size:13px;font-weight:600}.ts-form-group label span{color:#ef4444}.ts-form-group input,.ts-form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.ts-form-group input:focus,.ts-form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ts-license-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.ts-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.ts-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.ts-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.tstu-page{color:#0f172a;max-width:1200px;margin:0 auto;padding:16px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tstu-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.tstu-header-content h2{color:#1e293b;align-items:center;gap:12px;margin:0 0 4px;font-size:24px;font-weight:700;display:flex}.tstu-header-content p{color:#64748b;margin:0;font-size:14px}.tstu-btn-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tstu-btn-back:hover{color:#0f172a;background:#f1f5f9}.tstu-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #2563eb33}.tstu-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.tstu-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.tstu-kpi-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.tstu-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.tstu-kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.tstu-kpi-content{flex-direction:column;display:flex}.tstu-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.tstu-kpi-val{color:#0f172a;font-size:24px;font-weight:700}.tstu-kpi-sub{color:#94a3b8;margin-top:2px;font-size:12px}.tstu-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.tstu-search{flex:1;min-width:250px;position:relative}.tstu-search svg{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tstu-search input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.tstu-search input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tstu-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:flex}.tstu-filter-select select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:14px}.tstu-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.tstu-table{border-collapse:collapse;width:100%}.tstu-table th{color:#f8fafc;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:3px solid #3b82f6;padding:14px 20px;font-size:13px;font-weight:600;transition:background .2s}.tstu-table th:hover{background:#0f172a}.tstu-th-inner{align-items:center;gap:8px;display:flex}.tstu-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:14px}.tstu-table tbody tr:nth-child(2n){background:#f8fafc}.tstu-table tbody tr:hover{background:#f1f5f9}.tstu-table.clickable-rows tbody tr{cursor:pointer;transition:background-color .2s,transform .1s}.tstu-table.clickable-rows tbody tr:hover{background:#eff6ff;transform:scale(1.002);box-shadow:inset 2px 0 #3b82f6}.tstu-table tbody tr:last-child td{border-bottom:none}.tstu-bus-tag{color:#1d4ed8;background:#eff6ff;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tstu-capacity{align-items:center;gap:8px;display:flex}.tstu-capacity-bar{background:#e2e8f0;border-radius:3px;flex:1;max-width:100px;height:6px;overflow:hidden}.tstu-capacity-fill{border-radius:3px;height:100%}.tstu-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tstu-status-paid{color:#166534;background:#dcfce7}.tstu-status-pending{color:#991b1b;background:#fee2e2}.tstu-pagination{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.tstu-rows-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:13px}.tstu-rows-select:focus{border-color:#3b82f6;outline:none}.tstu-page-info{color:#64748b;font-size:13px}.tstu-page-controls{align-items:center;gap:12px;display:flex}.tstu-page-controls button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.tstu-page-controls button:disabled{opacity:.5;cursor:not-allowed}.tstu-page-controls button:not(:disabled):hover{background:#f1f5f9}.tstu-page-current{color:#0f172a;font-size:13px;font-weight:600}.access-mgmt-container{max-width:1400px;margin:0 auto;padding:24px}.access-mgmt-header{margin-bottom:24px}.access-mgmt-header h1{color:#1e293b;margin:0;font-size:20px;font-weight:700}.access-mgmt-layout{grid-template-columns:350px 1fr;align-items:start;gap:24px;display:grid}.staff-list-column{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;height:calc(100vh - 140px);padding:16px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.search-bar input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13px}.staff-grid{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.staff-card{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:10px 12px;transition:all .2s}.staff-card:hover{background:#f8fafc}.staff-card.selected{background:#eff6ff;border-color:#bfdbfe}.staff-card-header{align-items:center;gap:10px;display:flex}.staff-avatar{color:#475569;background:#e2e8f0;border-radius:50%}.staff-card-header h3{color:#1e293b;margin:0 0 2px}.staff-card-header span{color:#64748b}.permission-config-column{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.badge.auto{color:#166534;background:#dcfce7}.btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb}.section-desc{color:#64748b;margin-top:4px;margin-bottom:20px;font-size:13px}.config-section h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.accordion-group{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;overflow:hidden}.accordion-header{cursor:pointer;color:#334155;background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.accordion-header:hover{background:#f1f5f9}.accordion-body{background:#fff;padding:8px}.dept-accordion{border-left:2px solid #e2e8f0;margin-bottom:8px;margin-left:8px}.dept-header{cursor:pointer;color:#475569;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.dept-header:hover{background:#f8fafc}.dept-body{flex-direction:column;gap:4px;padding:4px 8px;display:flex}.stepper-container{align-items:center;margin-bottom:24px;font-size:13px;display:flex}.step{cursor:pointer;opacity:.5;align-items:center;gap:8px;transition:all .2s;display:flex}.step.active{opacity:1;color:#3b82f6;font-weight:600}.step-number{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.step.active .step-number{color:#fff;background:#3b82f6}.stepper-line{background:#e2e8f0;flex:1;height:2px;margin:0 16px}.stage-content{animation:.3s ease-in-out fadeIn}.responsibilities-grid input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:14px;height:14px}.resp-checkbox:hover{border-color:#cbd5e1!important}@media (width<=768px){.access-mgmt-container{padding:6px!important}.access-mgmt-header{margin-bottom:8px!important}.access-mgmt-header h1{margin-bottom:2px!important;font-size:1rem!important}.access-mgmt-header>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.access-mgmt-header>div:first-child>div{border-left:none!important;flex-wrap:wrap!important;gap:4px!important;padding-left:0!important}.access-mgmt-header>div:first-child>div>span:first-child{font-size:11px!important}.badge{padding:2px 6px!important;font-size:9px!important}.access-mgmt-layout{grid-template-columns:1fr!important;gap:12px!important}.staff-list-column{gap:8px!important;padding:8px!important}.search-bar{padding:8px 12px!important}.search-bar input{font-size:.8rem!important}.staff-card{padding:8px 10px!important}.staff-card-header h3{font-size:.9rem!important}.staff-card-header span{font-size:.75rem!important}.staff-avatar{width:32px!important;height:32px!important}.permission-config-column{padding:8px!important}.config-section h3{font-size:1rem!important}.section-desc{margin-bottom:12px!important;font-size:.75rem!important}.stepper-container{overflow-x:auto;flex-wrap:nowrap!important;justify-content:space-between!important;gap:4px!important;margin-bottom:8px!important;padding:6px!important}.stepper-line{display:none!important}.step{white-space:nowrap;flex:1;justify-content:center;display:flex;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:6px!important;font-size:.65rem!important}.step.active{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.step.completed{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.step.completed .step-number{color:#fff!important;background:#166534!important}.overrides-table th{padding:6px 4px!important;font-size:.65rem!important}.overrides-table td{padding:8px 4px!important}.overrides-table th:first-child,.overrides-table td:first-child{padding-left:0!important;font-size:.7rem!important}.overrides-table input[type=checkbox]{width:14px!important;height:14px!important}.accordion-header{padding:10px!important;font-size:.85rem!important}.dept-header{padding:8px 10px!important;font-size:.8rem!important}.btn-save{width:100%!important;margin-top:4px!important;padding:8px!important;font-size:.8rem!important}}.general-settings-page{box-sizing:border-box;color:#0f172a;width:100%;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.gs-page-header{margin-bottom:16px}.gs-header-title-block h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:1.65rem;font-weight:800}.gs-header-title-block p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.gs-nav-wrapper{box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:20px;padding:6px}.gs-tabs-track{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;width:100%;display:flex;overflow-x:auto}.gs-tabs-track::-webkit-scrollbar{display:none}.gs-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:fit-content;padding:11px 18px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.gs-tab-btn:hover:not(.active){color:#0f172a;background:#fff9}.gs-tab-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a}.gs-tab-icon-box{color:inherit;justify-content:center;align-items:center;display:flex}.gs-tab-text-wrap{align-items:center;display:flex}.gs-tab-label-short{display:none}.gs-tab-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;margin-left:2px;padding:2px 7px;font-size:.68rem;font-weight:700}.gs-tag-academic{color:#2563eb;background:#eff6ff}.gs-tag-house{color:#059669;background:#ecfdf5}.gs-tag-documents{color:#7c3aed;background:#faf5ff}.gs-tag-school{color:#475569;background:#f1f5f9}.gs-tab-panel-container{min-height:480px}.gs-panel{animation:.25s cubic-bezier(.4,0,.2,1) gsFadeIn;display:none}.gs-panel.active{display:block}@keyframes gsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gs-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005}.gs-section-header{background:#fcfdfd;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding:22px 30px;display:flex}.gs-sec-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gs-icon-blue{color:#2563eb;background:#eff6ff}.gs-icon-emerald{color:#059669;background:#ecfdf5}.gs-icon-purple{color:#7c3aed;background:#faf5ff}.gs-icon-indigo{color:#4f46e5;background:#eef2ff}.gs-sec-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:1.18rem;font-weight:700}.gs-sec-desc{color:#64748b;margin:0;font-size:.88rem;line-height:1.45}.gs-title-badge-flex{align-items:center;gap:10px;display:flex}.gs-panel-body{padding:28px 30px}.gs-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.gs-col-span-2{grid-column:span 2}.gs-form-row{gap:18px;margin-bottom:20px;display:flex}.gs-form-group{margin-bottom:20px}.gs-form-grid .gs-form-group{margin-bottom:0}.gs-form-group label{color:#334155;margin-bottom:7px;font-size:.85rem;font-weight:600;display:block}.gs-label-row{justify-content:space-between;align-items:center;display:flex}.gs-required{color:#ef4444;font-weight:700}.gs-form-control{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:11px 14px;font-size:.92rem;transition:all .2s}.gs-form-control:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.gs-form-control::placeholder{color:#94a3b8}.gs-input-with-hint{flex-direction:column;gap:6px;display:flex}.gs-input-hint{color:#64748b;font-size:.78rem}.gs-help-note{color:#64748b;margin-top:6px;font-size:.8rem;line-height:1.4;display:block}.gs-input-with-icon{align-items:center;display:flex;position:relative}.gs-field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:13px}.gs-icon-padded{padding-left:38px}.gs-time-input-wrap{align-items:center;max-width:220px;display:inline-flex;position:relative}.gs-time-input{width:auto;min-width:180px}.gs-badge-pill{border-radius:12px;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.gs-badge-slate{color:#475569;background:#f1f5f9}.gs-badge-blue{color:#1d4ed8;background:#dbeafe}.gs-badge-emerald{color:#15803d;background:#dcfce7}.gs-badge-amber{color:#b45309;background:#fef3c7}.gs-badge-red{color:#b91c1c;background:#fee2e2}.gs-toggles-stack{flex-direction:column;gap:14px;display:flex}.gs-toggle-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:14px;padding:16px;transition:all .2s;display:flex}.gs-toggle-card:hover:not(.disabled){background:#f1f5f9;border-color:#cbd5e1}.gs-toggle-card.disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}.gs-toggle-card.gs-toggle-danger{background:#fef2f2;border-color:#fca5a5}.gs-toggle-card.gs-toggle-active{background:#eff6ff;border-color:#93c5fd}.gs-toggle-checkbox{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:3px}.gs-toggle-card.gs-toggle-danger .gs-toggle-checkbox{accent-color:#dc2626}.gs-toggle-info{flex:1}.gs-toggle-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:3px;font-size:.95rem;font-weight:700;display:flex}.gs-title-with-icon{align-items:center;gap:8px;display:flex}.gs-toggle-sub{color:#64748b;font-size:.84rem;line-height:1.45}.gs-info-tooltip-wrap{cursor:help;align-items:center;display:inline-flex}.gs-tooltip-icon{color:#94a3b8}.gs-access-card{flex-direction:column;gap:14px;display:flex}.gs-access-badge-row{color:#475569;align-items:center;gap:10px;font-size:.88rem;display:flex}.gs-access-label{font-weight:600}.gs-logo-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:22px;margin-bottom:24px;padding:18px;display:flex}.gs-logo-thumb-box{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.gs-logo-preview-img{object-fit:contain;width:100%;height:100%;padding:6px}.gs-logo-missing-state{color:#94a3b8;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.gs-logo-details{flex:1}.gs-logo-badge-row{color:#15803d;background:#dcfce7;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.gs-filepath-code{color:#334155;margin-bottom:6px;font-size:.82rem}.gs-filepath-code span{margin-right:6px;font-weight:600}.gs-filepath-code code{color:#0f172a;background:#e2e8f0;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.8rem}.gs-logo-instruction-text{color:#64748b;margin:0 0 10px;font-size:.82rem;line-height:1.4}.gs-logo-instruction-text code{color:#1e293b;background:#e2e8f0;border-radius:3px;padding:1px 5px;font-size:.8rem}.gs-btn-ghost-sm{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.gs-btn-ghost-sm:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.gs-panel-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 30px;display:flex}.gs-footer-status{color:#64748b;align-items:center;gap:8px;font-size:.85rem;display:flex}.gs-status-indicator{background-color:#10b981;border-radius:50%;width:8px;height:8px}.gs-save-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #2563eb33}.gs-btn-primary{color:#fff;background:#2563eb}.gs-btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb4d}.gs-btn-primary:active:not(:disabled){transform:translateY(0)}.gs-btn-primary:disabled{opacity:.7;cursor:not-allowed}.gs-loading-card{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;font-size:.95rem;display:flex}.gs-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite gsSpin}@keyframes gsSpin{to{transform:rotate(360deg)}}@media (width<=768px){.general-settings-page{padding:0}.gs-header-title-block h1{font-size:1.35rem}.gs-header-title-block p{font-size:.85rem}.gs-nav-wrapper{border-radius:10px;padding:4px}.gs-tab-btn{gap:6px;padding:8px 12px;font-size:.82rem}.gs-tab-label-full{display:none}.gs-tab-label-short{display:inline}.gs-tab-tag{display:none}.gs-section-header{gap:12px;padding:16px}.gs-sec-icon-circle{width:38px;height:38px}.gs-sec-title{font-size:1.05rem}.gs-panel-body{padding:16px}.gs-form-grid{grid-template-columns:1fr;gap:14px}.gs-col-span-2{grid-column:span 1}.gs-form-row{flex-direction:column;gap:14px;margin-bottom:14px}.gs-time-input-wrap{width:100%;max-width:100%}.gs-time-input{width:100%}.gs-logo-banner{text-align:center;flex-direction:column;gap:14px;padding:16px}.gs-logo-details{flex-direction:column;align-items:center;display:flex}.gs-panel-footer{flex-direction:column-reverse;align-items:stretch;gap:14px;padding:16px}.gs-footer-status{justify-content:center}.gs-save-btn{width:100%;padding:12px}}.tt-overview-container{background-color:var(--bg-primary);min-height:calc(100vh - 64px);padding:24px}.tt-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.tt-filters{align-items:flex-end;gap:16px;display:flex}.tt-filter-group{flex-direction:column;gap:6px;display:flex}.tt-filter-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.tt-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);min-width:150px;padding:10px 16px;font-size:.9rem}.tt-header-actions{gap:12px;display:flex}.tt-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.tt-stat-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 16px;display:flex}.tt-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tt-stat-icon.blue{background-color:var(--color-primary-light);color:var(--color-primary)}.tt-stat-icon.green{background-color:var(--color-success-light);color:var(--color-success)}.tt-stat-icon.orange{background-color:var(--color-warning-light);color:var(--color-warning)}.tt-stat-icon.red{background-color:var(--color-danger-light);color:var(--color-danger)}.tt-stat-info h4{color:var(--text-secondary);font-size:.85rem;font-weight:600}.tt-stat-info h2{color:var(--text-primary);margin-top:2px;margin-bottom:2px;font-size:1.4rem;font-weight:700}.tt-stat-info p{color:var(--text-muted);margin-top:2px;font-size:.75rem}.tt-grid-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;overflow-x:auto}.tt-grid-table{border-collapse:collapse;width:100%;min-width:800px}.tt-grid-table th{background:var(--bg-primary);color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-align:center;padding:12px;font-size:.85rem;font-weight:600}.tt-grid-table td{border:1px solid var(--border-color);text-align:center;vertical-align:middle;height:80px;padding:12px}.tt-day-col{color:var(--text-primary);background:var(--bg-primary);font-weight:600}.tt-cell-filled{background-color:var(--color-primary-light);cursor:pointer;transition:all .2s}.tt-cell-filled:hover{box-shadow:var(--shadow-sm);background-color:#dbeafe;transform:translateY(-2px)}.tt-cell-empty{color:var(--text-muted);background-color:#0000}.tt-cell-content{flex-direction:column;gap:4px;display:flex}.tt-cell-content strong{color:var(--color-primary);font-size:.9rem}.tt-cell-content span{color:var(--text-secondary);font-size:.75rem}.tt-side-panel-overlay{z-index:999;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.tt-side-panel-overlay.open{opacity:1;pointer-events:auto}.tt-side-panel{background:var(--bg-card);z-index:1000;flex-direction:column;width:400px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 15px #0000001a}.tt-side-panel.open{right:0}.tt-sp-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.tt-sp-header h3{margin:0;font-size:1.1rem}.tt-sp-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.2rem}.tt-sp-content{flex:1;overflow-y:auto}.tt-sp-info{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:24px 20px}.tt-sp-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:12px;margin-bottom:12px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.tt-sp-info h2{color:var(--text-primary);margin:0 0 4px;font-size:1.5rem}.tt-sp-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.tt-sp-tabs{border-bottom:1px solid var(--border-color);display:flex}.tt-sp-tab{text-align:center;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:.9rem;font-weight:600}.tt-sp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-light)}.tt-sp-tab-content{padding:20px}.tt-sp-help{color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:16px;padding:10px;font-size:.85rem}.tt-current-faculty{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);align-items:center;gap:16px;padding:20px;display:flex}.tt-cf-avatar{background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.tt-cf-avatar img{object-fit:cover;width:100%;height:100%}.tt-cf-details h4{margin:0 0 4px;font-size:1.1rem}.tt-cf-details p{color:var(--text-secondary);margin:0 0 8px;font-size:.85rem}.tt-status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.tt-status-badge.present{background:var(--color-success-light);color:var(--color-success)}.tt-subs-list{flex-direction:column;gap:12px;display:flex}.tt-sub-card{border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.tt-sub-card:nth-child(2n){background-color:var(--bg-primary)}.tt-sub-card:nth-child(odd){background-color:var(--bg-card)}.tt-sub-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tt-sub-avatar{background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.tt-sub-avatar img{object-fit:cover;width:100%;height:100%}.tt-sub-info h5{margin:0 0 2px;font-size:.95rem}.tt-sub-info span{color:var(--text-muted);font-size:.75rem}.tt-sub-card .btn{margin-left:auto;padding:6px 12px;font-size:.8rem}.search-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-wrapper .search-icon{color:var(--text-muted);position:absolute;left:10px}.tt-input.search{border-radius:20px!important;padding-left:36px!important}.tt-empty-state{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.tt-empty-state h3{color:var(--text-primary);margin:16px 0 8px;font-size:1.2rem}.tt-empty-state p{color:var(--text-secondary);max-width:400px;margin-bottom:24px;font-size:.9rem}@keyframes activePulse{0%{box-shadow:inset 0 0 0 2px #f59e0b,0 0 #f59e0b66}70%{box-shadow:inset 0 0 0 2px #f59e0b,0 0 0 8px #f59e0b00}to{box-shadow:inset 0 0 0 2px #f59e0b,0 0 #f59e0b00}}.tt-overview-auto-btn{background:var(--color-primary)}.tt-overview-empty-state{text-align:center;background:var(--bg-card);border-radius:12px;margin-top:20px;padding:60px 20px}.tt-overview-calendar-icon{opacity:.5;margin-bottom:20px}.tt-overview-empty-text{color:var(--text-muted);margin-bottom:24px}.tt-overview-allocate-btn{padding:12px 24px;font-size:1.05rem}.tt-overview-grid-wrapper{margin-top:24px}.tt-loading-faculties{text-align:center;padding:20px}.tt-no-faculty{text-align:center;color:var(--text-muted);padding:20px}.tt-page-header{flex-direction:column;gap:8px;display:flex}.advisor-filter{align-items:center;gap:8px;display:flex;position:relative}.advisor-dropdown-container{min-width:200px;position:relative}.advisor-select-box{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-width:200px;padding:8px 12px;font-size:.9rem;display:flex}.advisor-select-box.locked{background-color:var(--bg-secondary);cursor:not-allowed;color:var(--text-secondary);opacity:.8}.advisor-dropdown-menu{border:1px solid var(--border-color);z-index:1000;background-color:#fff;border-radius:6px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.advisor-dept-group{padding:4px 0}.advisor-dept-header{text-transform:uppercase;color:var(--text-secondary);background-color:var(--bg-secondary);letter-spacing:.05em;padding:6px 12px;font-size:.75rem;font-weight:700}.advisor-option{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;transition:background-color .2s;display:flex}.advisor-option:hover:not(.occupied){background-color:var(--color-primary-light);color:var(--color-primary)}.advisor-option.selected{background-color:var(--color-primary);color:#fff}.advisor-option.occupied{color:#ef4444;cursor:not-allowed;background-color:#fee2e2}.advisor-swap-btn{color:#7f1d1d;cursor:pointer;background-color:#fca5a5;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.advisor-swap-btn:hover{color:#fff;background-color:#ef4444}.advisor-lock-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#fff;border-radius:6px;justify-content:center;align-self:flex-end;align-items:center;padding:8px;transition:all .2s;display:flex}.advisor-lock-btn.locked{color:#d97706;background-color:#fef3c7;border-color:#f59e0b}.advisor-lock-btn:hover{background-color:var(--bg-secondary)}.advisor-lock-btn.locked:hover{background-color:#fde68a}.tt-page-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.tt-breadcrumb{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.tt-breadcrumb a{color:var(--color-primary);font-weight:500;text-decoration:none}.tt-breadcrumb a:hover{text-decoration:underline}.tt-gen-container{background-color:var(--bg-primary);min-height:calc(100vh - 64px);padding:24px;position:relative}.tt-gen-header{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:20px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 20px #0000000d}.tt-gen-header h2{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.tt-stepper{justify-content:space-between;width:100%;display:flex;position:relative}.tt-stepper-bg-line{background-color:var(--border-color);z-index:1;border-radius:2px;height:2px;position:absolute;top:16px;left:50px;right:50px}.tt-stepper-progress-line{background-color:var(--color-success);z-index:2;border-radius:2px;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:16px;left:50px}.tt-step{z-index:3;cursor:pointer;flex-direction:column;align-items:center;gap:12px;width:100px;display:flex;position:relative}.tt-step-icon{background-color:var(--bg-card);width:34px;height:34px;color:var(--text-muted);border:3px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.tt-step-text{text-align:center;color:var(--text-muted);white-space:pre-wrap;font-size:.8rem;font-weight:600;line-height:1.3;transition:all .3s}.tt-step.active .tt-step-icon{color:var(--color-primary);border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 4px #4f46e526}.tt-step.active .tt-step-text{color:var(--color-primary);font-weight:700}.tt-step.completed .tt-step-icon{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.tt-step.completed .tt-step-text{color:var(--color-success)}.tt-gen-content{gap:24px;display:flex}.tt-gen-main{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex:1;min-height:500px;padding:24px}.tt-gen-sidebar{flex-direction:column;align-self:flex-start;gap:16px;width:320px;height:fit-content;display:flex;position:sticky;top:24px}.tt-mapping-grid{grid-template-columns:140px 1fr;gap:24px;height:100%;display:grid}.tt-class-list{border-right:1px solid var(--border-color);padding-right:24px}.tt-class-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;font-size:.95rem;font-weight:500;display:flex}.tt-class-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.tt-subject-mapping-table{border-collapse:collapse;width:100%}.tt-subject-mapping-table th,.tt-subject-mapping-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px}.tt-subject-mapping-table th{color:var(--text-muted);font-size:.85rem;font-weight:600}.tt-constraint-section{margin-bottom:32px}.tt-constraint-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:1.1rem}.tt-timing-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.tt-rule-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.tt-rule-card:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.tt-compact-input{border:1px solid var(--border-color);color:var(--text-primary);background-color:var(--bg-primary);border-radius:6px;outline:none;padding:4px 10px;font-size:.9rem;transition:border-color .2s}.tt-validation-alert{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;font-size:.9rem;display:flex}.tt-validation-alert.warning{background-color:var(--color-warning-light);color:#9a3412;border:1px solid #fed7aa}.tt-validation-alert.error{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid #fecaca}.tt-validation-alert.success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid #bbf7d0}.tt-health-widget{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:#1e293b;padding:20px}.tt-health-header{color:#94a3b8;margin-bottom:16px;font-size:.9rem;font-weight:600}.tt-health-status{align-items:center;gap:12px;margin-bottom:24px;font-size:1.25rem;font-weight:700;display:flex}.tt-health-status .indicator{background-color:#22c55e;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #22c55e}.tt-health-metric{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.tt-health-metric span:last-child{color:#cbd5e1;font-weight:600}.tt-loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.tt-loading-spinner{border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;width:64px;height:64px;margin-bottom:24px;animation:1s linear infinite spin}.tt-loading-text{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:600}.tt-loading-subtext{color:var(--text-muted)}.tt-comparison-container{gap:32px;padding-bottom:16px;display:flex;overflow-x:auto}.tt-solution-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:900px;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;display:flex}.tt-solution-card.best{border-color:var(--color-primary);box-shadow:0 4px 12px #4f46e526}.tt-solution-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.tt-solution-title h3{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem}.tt-solution-title p{color:var(--text-muted);font-size:.85rem}.tt-score-badge{background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);padding:8px 16px;font-size:1.25rem;font-weight:700}.tt-score-table{border-collapse:collapse;width:100%;margin-bottom:32px}.tt-score-table td{border-bottom:1px solid var(--border-color);padding:10px 0;font-size:.9rem}.tt-score-table td:last-child{text-align:right;color:var(--text-primary);font-weight:600}.tt-mini-grid-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fafbfc;max-height:450px;margin-bottom:16px;padding:16px;overflow-y:auto}.tt-class-grid-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:32px;overflow:hidden}.tt-class-grid-title{color:#fff;background-color:var(--color-primary);padding:10px 16px;font-size:1.1rem;font-weight:700}.tt-mini-grid{border-collapse:collapse;width:100%}.tt-mini-grid th,.tt-mini-grid td{border:1px solid var(--border-color);text-align:center;padding:10px;font-size:.85rem}.tt-mini-grid th{z-index:10;color:var(--text-secondary);background-color:#f1f5f9;position:sticky;top:0}.tt-day-col{color:var(--text-primary);background-color:#f8fafc;width:100px;font-weight:700}.tt-cell-content{flex-direction:column;align-items:center;gap:6px;min-width:110px;display:flex}.tt-cell-subject{color:var(--text-primary);font-size:.9rem;font-weight:700}.tt-cell-staff{background-color:#e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;display:flex}.tt-cell-staff img{object-fit:cover;border-radius:50%;width:20px;height:20px}.tt-cell-staff span{color:var(--text-secondary);font-size:.75rem;font-weight:600}.tt-gen-footer{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:24px;padding-top:24px;display:flex}.tt-grid-preview-title{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;font-weight:600}.new-tt-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.new-tt-table{border-collapse:collapse;width:100%;min-width:1100px;font-family:Inter,sans-serif}.new-tt-table th{background:var(--bg-primary);color:var(--text-secondary);text-align:center;border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:12px 8px;font-size:.75rem;font-weight:600}.new-tt-table td{border:1px solid var(--border-color);vertical-align:middle;background:var(--bg-card);height:1px;padding:12px 8px;transition:background-color .2s}.new-tt-table tbody tr:nth-child(2n):not(.tt-active-row)>td:not(.tt-break-col-vertical):not(.tt-active-cell){background-color:var(--bg-primary)}.new-tt-table tbody tr:hover>td:not(.tt-break-col-vertical):not(.tt-active-cell){background-color:var(--color-primary-light)}.tt-break-col{text-align:center;padding:4px 2px;font-weight:600;background-color:var(--color-primary-light)!important;color:var(--color-primary)!important;vertical-align:middle!important;border:1px solid var(--border-color)!important}.tt-break-time{font-size:.7rem;font-weight:400}.tt-active-row td{background-color:var(--color-warning-light)}.tt-active-row td:hover{background-color:var(--color-warning-light);filter:brightness(.98)}.tt-active-cell{z-index:10;border-radius:4px;animation:2s infinite activePulse;position:relative;transform:none;border:2px solid var(--color-warning)!important;background-color:var(--color-warning-light)!important}.tt-time-col{white-space:nowrap;width:80px;position:relative;border:1px solid var(--border-color)!important;border-right:2px solid var(--border-color)!important;vertical-align:middle!important}.tt-active-indicator{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:6px solid var(--color-warning);width:0;height:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tt-cell-content-new{flex-direction:column;align-items:flex-start;gap:0;display:flex}.tt-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:16px;height:16px}.tt-avatar-placeholder{background:var(--color-primary-light);width:16px;height:16px;color:var(--color-primary);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.tt-subject-name{color:var(--text-primary);margin-bottom:0;font-size:.75rem;font-weight:600;line-height:1.2}.tt-teacher-name{color:var(--text-secondary);font-size:.65rem;font-weight:500}.tt-cell-empty{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.tt-period-name-active{color:var(--color-warning-text);font-size:.7rem}.tt-period-name-inactive{color:inherit;font-size:.7rem}.tt-period-time-active{color:var(--color-warning-text);font-size:.6rem;font-weight:400}.tt-period-time-inactive{color:var(--text-muted);font-size:.6rem;font-weight:400}.tt-day-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.tt-active-day-text{color:var(--color-warning-text);margin-left:4px;font-size:.8rem;font-weight:600}.tt-day-text{color:var(--text-primary);margin-left:0;font-size:.8rem;font-weight:600}.tt-teacher-info{align-items:center;gap:4px;display:flex}.tt-gen-style-1{margin-bottom:20px;font-size:1.1rem}.tt-gen-style-2{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.tt-gen-style-3{color:var(--color-warning);margin-left:auto;font-size:.8rem}.tt-gen-style-4{border-radius:var(--radius-md);background:#fef3c7;border:1px solid #d97706;margin-bottom:16px;padding:16px}.tt-gen-style-5{align-items:flex-start;gap:12px;display:flex}.tt-gen-style-6{flex-shrink:0}.tt-gen-style-7{color:#b45309;margin:0 0 8px}.tt-gen-style-8{color:#92400e;margin:0 0 12px;font-size:.9rem}.tt-gen-style-9{gap:8px;display:flex}.tt-gen-style-10{width:150px}.tt-gen-style-11{width:60px}.tt-gen-style-12{text-align:center;color:var(--text-muted);padding:32px}.tt-gen-style-13{font-weight:600}.tt-gen-style-14{width:80px;padding:6px 12px}.tt-gen-style-15{color:var(--color-danger);border:1px solid var(--color-danger-light);background:0 0;padding:4px 8px}.tt-gen-style-16{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:16px;padding:16px}.tt-gen-style-17{margin-bottom:12px;font-size:.9rem}.tt-gen-style-18{align-items:flex-start;gap:12px;display:flex}.tt-gen-style-19{flex:1}.tt-gen-style-20{flex-direction:column;flex:1.5;gap:8px;display:flex}.tt-gen-style-21,.tt-gen-style-22{width:100%}.tt-gen-style-23{color:var(--color-primary);font-weight:700}.tt-gen-style-24{color:var(--color-primary);cursor:pointer;font-size:.75rem}.tt-gen-style-25{align-items:center;gap:8px;display:flex}.tt-gen-style-26{color:var(--text-secondary);font-size:.8rem}.tt-gen-style-27{width:70px}.tt-gen-style-28{justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;display:flex}.tt-gen-style-29{color:var(--color-warning);font-size:.9rem;font-weight:500}.tt-gen-style-30{min-width:150px}.tt-gen-style-31{margin-right:8px}.tt-gen-style-32{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-33{width:100%}.tt-gen-style-34{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-35{width:100%}.tt-gen-style-36{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-37{width:100%}.tt-gen-style-38{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-39{width:100%}.tt-gen-style-40{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-41{width:100%}.tt-gen-style-42{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-43{border-color:var(--color-primary);width:100%}.tt-gen-style-44{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.tt-gen-style-45{width:100%}.tt-gen-style-46{justify-content:space-between;align-items:center;padding:16px;display:flex}.tt-gen-style-47{color:var(--text-primary);margin-bottom:4px;font-weight:600;display:block}.tt-gen-style-48{color:var(--text-secondary);margin:0;font-size:.8rem}.tt-gen-style-49{text-align:center;color:var(--text-secondary);padding:24px}.tt-gen-style-50{color:#b91c1c;background:#fee2e2;border:1px solid #ef4444}.tt-gen-style-51{color:#991b1b}.tt-gen-style-52{text-align:center;color:var(--text-secondary);padding:24px}.tt-gen-style-53,.tt-gen-style-54{color:var(--text-secondary);font-size:.85rem}.tt-gen-style-55{display:block}.tt-gen-style-56{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.tt-gen-style-57{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-danger-light);max-width:600px;padding:24px}.tt-gen-style-58{justify-content:center;margin-bottom:16px;display:flex}.tt-gen-style-59{color:var(--color-danger);margin-bottom:16px}.tt-gen-style-60{color:var(--text-secondary);margin-bottom:16px}.tt-gen-style-61{text-align:left;color:var(--color-danger);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:24px;padding:16px 16px 16px 32px}.tt-gen-style-62{margin-bottom:8px}.tt-gen-style-63{border:4px solid var(--bg-secondary);border-top-color:var(--color-primary);border-radius:50%;width:64px;height:64px;margin-bottom:32px;animation:1s linear infinite spin}.tt-gen-style-64{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:1.8rem;font-weight:700}.tt-gen-style-65{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.6}.tt-gen-style-66{width:100%;max-width:450px}.tt-gen-style-67{color:var(--text-muted);justify-content:space-between;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.tt-gen-style-68{color:var(--color-primary)}.tt-gen-style-69{display:block}.tt-gen-style-70{margin-bottom:16px}.tt-gen-style-71{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.tt-gen-style-72{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;font-weight:600}.tt-gen-style-73{color:#1d4ed8;background-color:#eff6ff;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:16px}.tt-gen-style-74{font-size:.75rem;font-weight:400}.tt-gen-style-75{align-items:center;display:flex}.tt-gen-style-76{text-align:center;color:#1d4ed8;background-color:#eff6ff;font-weight:700}.tt-gen-style-77{align-items:center;gap:8px;display:flex}.tt-gen-style-78{width:100%;margin-top:auto}.tt-text-danger{color:#ef4444}.tt-text-success{color:#4ade80}.tt-gen-loading-wrapper{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:650px;margin:60px auto;padding:60px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.tt-gen-loading-glow{background:var(--color-primary);opacity:.1;filter:blur(80px);border-radius:50%;width:300px;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.tt-gen-progress-bar-container{background-color:var(--bg-secondary);border-radius:4px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.tt-gen-progress-bar-fill{background-color:var(--color-primary);height:100%;box-shadow:0 0 10px var(--color-primary-light);transition:width .8s cubic-bezier(.4,0,.2,1)}.tt-class-grid-primary{background-color:#0ea5e9}.tt-class-grid-secondary{background-color:#64748b}.tt-class-grid-default{background-color:var(--color-primary)}.tt-break-col-vertical{background-color:var(--color-primary-light);text-align:center;width:30px;color:var(--color-primary)!important;vertical-align:middle!important;border:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;padding:0!important}.tt-break-vertical-text{writing-mode:vertical-rl;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;height:100%;margin:0 auto;font-size:.75rem;font-weight:600;display:flex;transform:rotate(180deg)}.tt-break-col-header{background:var(--color-primary-light)!important;color:var(--color-primary)!important;border:1px solid var(--border-color)!important;padding:4px 2px!important}.tt-break-col-time{color:var(--color-primary);margin-top:2px;font-size:.6rem;font-weight:400}.tt-break-col-active{box-shadow:inset 0 0 0 1px var(--color-warning);border:2px solid var(--color-warning)!important;background-color:var(--color-warning-light)!important;color:var(--color-warning-text)!important}.tt-subject-mapping-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;margin-bottom:0;overflow:hidden}.tt-subject-mapping-table th{background-color:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-color);padding:10px 16px;font-size:.75rem;font-weight:600}.tt-subject-mapping-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:8px 16px;font-size:.85rem}.tt-subject-mapping-table tbody tr:nth-child(2n){background-color:#00000005}.tt-subject-mapping-table tbody tr:last-child td{border-bottom:none}.tt-compact-input{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:70px;height:28px;color:var(--text-primary);outline:none;padding:4px 8px;font-size:.85rem}.tt-compact-input:focus{border-color:var(--color-primary)}.tt-compact-btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:1rem;display:flex}.tt-add-subject-row{border:1px dashed var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);background-color:#6366f10d;border-top:none;align-items:center;gap:12px;margin-top:-1px;padding:12px 16px;display:flex}.tt-add-subject-row select,.tt-add-subject-row input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);height:32px;color:var(--text-primary);outline:none;padding:4px 12px;font-size:.85rem}.tt-add-subject-row select:focus,.tt-add-subject-row input:focus{border-color:var(--color-primary)}.tt-add-subject-row .btn{align-items:center;gap:6px;height:32px;padding:0 16px;font-size:.85rem;display:flex}.tt-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tt-modal{background-color:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:500px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tt-modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.tt-modal-body{color:var(--text-primary);padding:24px;font-size:.95rem;line-height:1.5}.tt-modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.tt-risk-modal{border:1px solid var(--color-danger)}@keyframes shake-animation{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.shake-animation{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake-animation}@media (width<=768px){.tt-gen-container{height:auto;min-height:calc(100vh - 60px);padding:10px}.tt-gen-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.tt-gen-header h2{font-size:1.25rem}.tt-stepper{gap:4px;margin:16px 0;padding-bottom:8px;overflow-x:auto}.tt-step-icon{width:24px;height:24px;font-size:.8rem}.tt-step-text{white-space:normal;font-size:.65rem}.tt-gen-content{flex-direction:column;gap:16px;height:auto}.tt-gen-sidebar{width:100%;position:static}.tt-mapping-grid{grid-template-columns:1fr;gap:16px}.tt-timing-grid{grid-template-columns:1fr;gap:12px}.new-tt-table th,.new-tt-table td{padding:6px 4px;font-size:11px}.new-tt-table th{font-size:10px}.tt-cell-content-new{gap:4px;min-height:45px;padding:4px}.tt-subject-name{font-size:10px}.tt-teacher-name{font-size:9px}.tt-avatar,.tt-avatar-placeholder{width:18px;height:18px;font-size:9px}.tt-gen-footer{flex-direction:row;gap:12px;padding:16px}.tt-gen-footer .btn{justify-content:center;width:100%}.tt-solution-card{padding:12px}.tt-solution-header{flex-direction:column;align-items:flex-start;gap:8px}div[style*="padding: 60px 40px"],div[style*="padding: 24px 32px"]{padding:16px!important}.tt-subject-mapping-table th,.tt-subject-mapping-table td{padding:8px 6px;font-size:12px}.tt-gen-container{gap:12px!important;padding:0!important}.tt-gen-header{border-radius:0!important;padding:12px!important}.tt-gen-main{border-left:none!important;border-right:none!important;border-radius:0!important}.tt-gen-content{gap:12px!important}.tt-mapping-grid,.tt-gen-style-56,.tt-gen-content[style],div[style*="padding: 24px 32px"],div[style*="padding: 24px"],div[style*="padding: 60px 40px"]{padding:12px!important}.tt-rule-card{padding:10px!important}.tt-timing-grid{gap:8px!important}.tt-constraint-section{margin-bottom:20px!important}div[style*="padding: 24px 32px"]{flex-direction:column!important;align-items:stretch!important;gap:12px!important}div[style*="padding: 24px 32px"]>div:last-child,div[style*="padding: 24px 32px"]>div:last-child>div{justify-content:space-between;width:100%}.tt-gen-footer{flex-direction:row!important;justify-content:space-between!important;gap:8px!important}.tt-gen-footer .btn{flex:1;padding:8px;font-size:14px}.tt-gen-footer{margin-top:8px!important;padding-top:12px!important;padding-bottom:12px!important}.tt-class-list{scrollbar-width:none;white-space:nowrap!important;border-radius:8px!important;flex-direction:row!important;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.tt-class-list::-webkit-scrollbar{display:none}.tt-class-item{border:1px solid var(--border-color)!important;background:#fff!important;border-radius:20px!important;flex-shrink:0!important;justify-content:center!important;padding:8px 16px!important}.tt-class-item.active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.tt-class-item svg{display:none!important}select,.tt-compact-input{text-overflow:ellipsis!important;white-space:nowrap!important;background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;max-width:100%!important;overflow:hidden!important}table.tt-subject-mapping-table{white-space:nowrap!important;width:100%!important;display:block!important;overflow-x:auto!important}.tt-add-subject-row{flex-wrap:wrap!important;gap:8px!important}.tt-add-subject-row>select,.tt-add-subject-row>input,.tt-add-subject-row>div{flex:calc(50% - 8px)!important;width:auto!important}.tt-add-subject-row .btn{justify-content:center!important;width:100%!important;margin-top:4px!important}}.tt-class-list-mobile{display:none}@media (width<=768px){.tt-class-list-desktop{display:none!important}.tt-class-list-mobile{display:block!important}.tt-class-list-mobile select{border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px!important;height:44px!important}.tt-mapping-grid>*{min-width:0!important}.tt-subject-mapping{width:100%!important;min-width:0!important}.tt-table-responsive{min-width:0!important;max-width:100vw!important}}.tt-mapping-grid>*{min-width:0}.tt-subject-mapping{width:100%;min-width:0}.tt-table-responsive{width:100%;min-width:0;overflow-x:auto}.tt-add-subject-row{flex-wrap:wrap}.tt-mobile-solution-selector{display:none}@media (width<=768px){.tt-mobile-solution-selector{margin-bottom:16px;display:block}.tt-comparison-container{display:block!important;overflow-x:hidden!important}.tt-comparison-container.mobile-active-0 .tt-solution-card:not(:first-child),.tt-comparison-container.mobile-active-1 .tt-solution-card:not(:nth-child(2)),.tt-comparison-container.mobile-active-2 .tt-solution-card:not(:nth-child(3)),.tt-comparison-container.mobile-active-3 .tt-solution-card:not(:nth-child(4)),.tt-comparison-container.mobile-active-4 .tt-solution-card:not(:nth-child(5)){display:none!important}.tt-solution-card{width:100%!important;min-width:0!important;padding:12px!important}.new-tt-table{min-width:100%!important}.new-tt-table th,.new-tt-table td{padding:3px 2px!important;font-size:8px!important}.new-tt-table th{padding:4px 2px!important;font-size:8px!important}.tt-cell-content-new{gap:2px!important;min-height:35px!important;padding:2px!important}.tt-subject-title-new{font-size:8px!important;line-height:1!important}.tt-staff-name-new,.tt-room-name-new{font-size:7px!important;line-height:1!important}.tt-active-indicator{width:3px!important;height:12px!important}.tt-day-text,.tt-active-day-text,.tt-period-name-inactive,.tt-period-name-active{font-size:8px!important}.tt-period-time-inactive,.tt-period-time-active,.tt-break-time{font-size:7px!important}.tt-break-vertical-text{letter-spacing:2px!important;font-size:9px!important}.tt-avatar,.tt-avatar-placeholder{width:12px!important;height:12px!important;font-size:7px!important}.tt-mini-grid-container{max-height:none!important;overflow-y:visible!important}}.staff-dashboard{padding:20px;animation:.4s ease-in-out fadeIn}.congrats-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.congrats-modal{text-align:center;background:#fff;border-radius:16px;max-width:500px;padding:40px;animation:.4s ease-out slideUp;position:relative;box-shadow:0 20px 40px #0003}.congrats-modal .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:15px;right:15px}.congrats-modal .close-btn:hover{color:#1e293b}.congrats-icon-wrap{color:#ca8a04;background:#fef08a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;box-shadow:0 0 20px #fef08a99}.congrats-modal h2{color:#1e293b;margin:0 0 15px;font-size:24px}.congrats-modal p{color:#475569;margin-bottom:25px;line-height:1.6}.btn-primary-modal{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 30px;font-weight:600;transition:all .2s}.btn-primary-modal:hover{background:#2563eb;transform:translateY(-2px)}.welcome-banner{color:#fff;background-position:50%;background-size:cover;border-radius:12px;margin-bottom:30px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.welcome-banner:before{content:"";z-index:1;background:#0000004d;position:absolute;inset:0}.welcome-banner.tod-morning{background-image:url(/images/dashboard/morning.png)}.welcome-banner.tod-afternoon{background-image:url(/images/dashboard/afternoon.png)}.welcome-banner.tod-evening{background-image:url(/images/dashboard/evening.png)}.welcome-banner.tod-night{background-image:url(/images/dashboard/night.png)}.banner-content{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.banner-text h1{text-shadow:1px 1px 3px #0006;margin:0 0 10px;font-size:32px;font-weight:700}.banner-text p{opacity:.9;margin:0;font-size:16px}.banner-time h2{letter-spacing:2px;text-shadow:1px 1px 3px #0006;margin:0;font-size:42px;font-weight:300}.dashboard-grid{flex-direction:column;gap:20px;display:flex}.stats-container{gap:20px;margin-bottom:10px;display:grid}.stats-container.teaching{grid-template-columns:repeat(4,1fr)}.stats-container.non-teaching{grid-template-columns:repeat(3,1fr)}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-icon-wrapper{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-icon-wrapper.classes{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon-wrapper.tasks{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-wrapper.exams{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-wrapper.circulars{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-info h3{color:#1e293b;margin:0 0 5px;font-size:24px}.stat-info p{color:#64748b;margin:0;font-size:13px;font-weight:500}.dashboard-main-cols{gap:20px;display:grid}.dashboard-main-cols.two-cols{grid-template-columns:1fr 1fr}.dashboard-main-cols.three-cols{grid-template-columns:350px 1fr 350px}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.card-body.p-0{padding:0}.card-body.p-20{padding:20px}.no-allocations-banner{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 2px 5px #00000005}.no-allocations-banner h3{color:#b45309;margin:0 0 5px;font-size:16px}.no-allocations-banner p{color:#92400e;margin:0;font-size:14px}.task-list,.circular-feed{margin:0;padding:0;list-style:none}.task-item{border-bottom:1px solid #f1f5f9;padding:12px 0}.task-item:last-child{border-bottom:none}.task-meta{justify-content:space-between;align-items:center;display:flex}.task-title{color:#334155;align-items:center;font-weight:500;display:flex}.task-period-badge{color:#1d4ed8;background:#eff6ff;border-radius:6px;margin-right:10px;padding:2px 8px;font-size:11px;font-weight:700}.task-time{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:4px 8px;font-size:12px}.circular-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:15px;padding:15px 20px;transition:background .2s;display:flex}.circular-item:hover{background:#f8fafc}.circ-icon{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.circ-details{flex:1}.circ-title{color:#1e293b;margin:0 0 5px;font-size:14px}.circ-date{color:#64748b;font-size:12px}.no-data{color:#94a3b8;margin:0;font-style:italic}.next-class-body{flex-direction:column;align-items:center;display:flex;padding:20px 15px!important}.time-remaining{margin-bottom:15px}.countdown{color:#ef4444;text-shadow:2px 2px 4px #ef44441a;font-size:32px;font-weight:700;line-height:1;display:block}.countdown-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:5px 0 0;font-size:12px}.class-details-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:15px}.class-sentence{color:#334155;margin:0 0 15px;font-size:14px;line-height:1.5}.class-sentence strong{color:#0f172a}.class-meta-grid{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:20px;display:grid}.meta-item{flex-direction:column;gap:5px;display:flex}.meta-label{color:#64748b;text-transform:uppercase;font-size:12px}.meta-value{color:#1e293b;font-size:14px;font-weight:600}.quick-actions-grid{flex-direction:column;gap:10px;padding:10px;display:flex}.qa-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;width:100%;padding:15px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.qa-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.qa-btn:hover:after{transform:translate(100%)}.qa-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.qa-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.qa-btn:hover .qa-icon{transform:scale(1.1)}.attendance-icon{color:#2563eb;background:#dbeafe}.marks-icon{color:#16a34a;background:#dcfce7}.timetable-icon{color:#ea580c;background:#ffedd5}.animated-placeholder{flex-direction:column;justify-content:center;align-items:center;padding:30px 10px;display:flex}.floating-book-icon{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;animation:3s ease-in-out infinite float;display:flex;position:relative}.glow-effect{z-index:-1;background:radial-gradient(circle,#3b82f64d 0%,#3b82f600 70%);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite pulse-glow;position:absolute}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.animated-placeholder h2{color:#1e293b;margin:0 0 10px;font-size:18px}.animated-placeholder .placeholder-text{color:#64748b;margin:0;font-size:13px;line-height:1.5}@media (width<=1024px){.dashboard-main-cols,.dashboard-main-cols.three-cols{grid-template-columns:1fr 1fr}}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{color:#3b82f6;background:#e2e8f0}.card-footer{text-align:center;border-top:1px solid #f1f5f9;padding:10px 20px}.view-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;transition:color .2s}.view-all-btn:hover{color:#1d4ed8;text-decoration:underline}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.close-btn:hover{color:#ef4444;background:#f1f5f9}.modal-body{padding:25px}.circular-meta{gap:15px;margin-bottom:20px;display:flex}.circular-type{color:#4338ca;text-transform:uppercase;background:#e0e7ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.circular-date{color:#64748b;align-items:center;font-size:13px;display:flex}.circular-content-text{color:#334155;white-space:pre-wrap;font-size:15px;line-height:1.6}@media (width<=768px){.stats-container{grid-template-columns:repeat(2,1fr)}.banner-content{text-align:center;flex-direction:column;gap:15px}}@media (width<=480px){.stats-container,.class-meta-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-card{border-radius:8px!important;margin-bottom:12px!important;padding:12px!important}.welcome-banner{border-radius:8px!important;margin-bottom:12px!important;padding:16px 12px!important}.banner-text p{font-size:.85rem!important}.banner-time{font-size:.8rem!important}.banner-time svg{width:14px!important;height:14px!important}.stats-container{gap:10px!important;margin-bottom:12px!important}.stats-container.teaching,.stats-container.non-teaching{grid-template-columns:repeat(2,1fr)!important}.stat-card{border-radius:8px!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px!important}.stat-info p{font-size:.75rem!important}.dashboard-main-cols,.dashboard-main-cols.three-cols,.dashboard-main-cols.two-cols{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}.card-header{border-bottom:1px solid #e2e8f0!important;margin-bottom:8px!important;padding:12px!important}.card-header h3{font-size:.95rem!important}.card-header svg{width:16px!important;height:16px!important}.task-list,.circular-feed{padding:0 10px!important}.task-item,.circular-item{padding:8px 0!important}.task-meta,.circ-details{gap:4px!important}.task-title,.circ-title{font-size:.85rem!important}.task-time,.circ-date{font-size:.75rem!important}.task-period-badge{padding:2px 6px!important;font-size:.65rem!important}.circ-icon{width:32px!important;height:32px!important}.next-class-widget .card-body{padding:12px!important}.time-remaining .countdown{font-size:1.5rem!important}.time-remaining .countdown-label{font-size:.75rem!important}.class-details-box{border-radius:6px!important;margin-top:10px!important;padding:10px!important}.class-sentence{font-size:.85rem!important}.class-meta-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.meta-label{font-size:.7rem!important}.meta-value{font-size:.85rem!important}.quick-actions-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:12px!important;display:grid!important}.qa-btn{border-radius:8px!important;padding:10px 4px!important}.qa-icon{width:36px!important;height:36px!important;margin-bottom:6px!important}.qa-icon svg{width:18px!important;height:18px!important}.qa-btn span{font-size:.7rem!important}.staff-dashboard{padding:4px 6px!important}.dashboard-card,.welcome-banner{border-radius:6px!important;margin-bottom:8px!important}.stats-container,.stats-container.teaching,.stats-container.non-teaching{flex-wrap:nowrap!important;justify-content:space-between!important;gap:6px!important;width:100%!important;margin-bottom:10px!important;display:flex!important}.stat-card{text-align:center!important;border-radius:6px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:0!important;padding:8px 4px!important}.stat-icon-wrapper{width:28px!important;height:28px!important;padding:4px!important}.stat-icon-wrapper svg{width:16px!important;height:16px!important}.stat-info{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.stat-info h3{margin-bottom:0!important;font-size:.95rem!important}.stat-info p{white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:.65rem!important;overflow:hidden!important}.welcome-banner{margin-bottom:8px!important;padding:8px 10px!important}.banner-content{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.banner-text h1{margin-bottom:2px!important;font-size:1rem!important}.banner-text p{margin:0!important;font-size:.75rem!important}.banner-time{border-radius:8px!important;gap:4px!important;padding:4px 8px!important;font-size:.8rem!important}.stats-container{box-sizing:border-box!important;flex-wrap:nowrap!important;gap:4px!important;width:100%!important;display:flex!important}.stat-card{box-sizing:border-box!important;border-radius:6px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:auto!important;min-height:0!important;padding:6px 2px!important;display:flex!important;overflow:hidden!important}.stat-icon-wrapper{border-radius:6px!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;margin:0 auto 2px!important;padding:4px!important;display:flex!important}.stat-info h3{margin:2px 0!important;font-size:.9rem!important;line-height:1!important}.stat-info p{margin:0!important;line-height:1.1!important}}.staff-profile-page{padding:20px;animation:.4s ease-in-out fadeIn}.profile-header{margin-bottom:20px}.profile-header h1{color:#1e293b;margin:0;font-size:24px}.profile-warning-banner{color:#b45309;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:4px;align-items:center;gap:15px;margin-bottom:25px;padding:15px 20px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000000d}.profile-layout{grid-template-columns:2fr 1fr;gap:25px;display:grid}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.mb-15{margin-bottom:15px}.card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:15px 20px}.card-header h3{color:#334155;align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.highlight-header{background:#eff6ff;border-bottom:1px solid #bfdbfe}.highlight-header h3{color:#1d4ed8}.card-body{padding:25px}.p-0{padding:0!important}.p-20{padding:20px!important}.details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.detail-item{flex-direction:column;gap:5px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:13px;display:flex}.detail-item p{color:#1e293b;margin:0;font-size:15px;font-weight:500}.highlight-text{color:#4f46e5!important;font-weight:600!important}.account-info-box{flex-direction:column;gap:15px;display:flex}.info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#64748b;flex-shrink:0;font-weight:500}.info-value{color:#1e293b;font-weight:600}.text-right{text-align:right;word-break:break-word;max-width:60%}.reset-initial-view{text-align:center}.password-form{flex-direction:column;gap:15px;display:flex}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px}.eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .2s;display:flex;position:absolute;right:10px}.eye-btn:hover{color:#4f46e5}.form-actions{gap:10px;display:flex}.flex-1{flex:1}.w-100{width:100%}.text-muted{color:#64748b}.text-sm{font-size:13px}.qualifications-list{margin:0;padding:0;list-style:none}.qual-item{border-bottom:1px solid #f1f5f9;padding:15px 20px}.qual-item:last-child{border-bottom:none}.qual-degree{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:600}.qual-meta{color:#64748b;font-size:13px}.tags-container{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.tag-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:15px;padding:4px 10px;font-size:13px;font-weight:500}.no-data-text{color:#94a3b8;font-size:14px;font-style:italic}@media (width<=1024px){.profile-layout{grid-template-columns:1fr}}@media (width<=600px){.details-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (width<=768px){.staff-profile-page{padding:10px!important}.profile-header{margin-bottom:12px!important}.profile-header h1{text-align:center!important;font-size:1.25rem!important}.profile-warning-banner{gap:8px!important;margin-bottom:12px!important;padding:10px!important;font-size:.8rem!important}.profile-warning-banner svg{flex-shrink:0!important;width:18px!important;height:18px!important}.profile-layout{flex-direction:column!important;gap:12px!important;display:flex!important}.profile-card{border-radius:8px!important;padding:12px!important}.profile-card.mt-20{margin-top:0!important}.card-header{border-bottom:1px solid #e2e8f0!important;margin-bottom:10px!important;padding-bottom:8px!important}.card-header h3{gap:6px!important;font-size:1.05rem!important}.card-header h3 svg{width:16px!important;height:16px!important}.details-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;display:grid!important}.detail-item{flex-direction:column!important;margin-bottom:0!important;display:flex!important}.detail-item.full-width{grid-column:span 2!important}.detail-item label{color:#64748b!important;align-items:center!important;gap:4px!important;margin-bottom:2px!important;font-size:.75rem!important;display:flex!important}.detail-item label svg{width:12px!important;height:12px!important}.detail-item p{color:#1e293b!important;margin:0!important;font-size:.85rem!important;font-weight:500!important}.tags-container{gap:4px!important;margin-top:4px!important}.tag-pill{border-radius:4px!important;padding:4px 8px!important;font-size:.75rem!important}.qualifications-list{padding:0!important}.qual-item{padding:10px 0!important}.qual-degree{margin-bottom:4px!important;font-size:.9rem!important}.qual-meta{flex-direction:column!important;gap:2px!important;font-size:.75rem!important}.qual-meta span{display:block!important}.qual-meta span:before{content:none!important}.account-settings-form{flex-direction:column!important;gap:10px!important;display:flex!important}.form-group{margin-bottom:0!important}.form-group label{margin-bottom:4px!important;font-size:.8rem!important}.form-control{border-radius:6px!important;padding:8px 10px!important;font-size:.9rem!important}.btn-primary{justify-content:center!important;width:100%!important;margin-top:8px!important;padding:10px!important;font-size:.95rem!important}.badge{padding:4px 8px!important;font-size:.75rem!important}}.staff-timetable-page{padding:20px;animation:.4s ease-in-out fadeIn}.timetable-header{margin-bottom:20px}.timetable-header h1{color:#1e293b;margin:0;font-size:24px}.timetable-header .subtitle{color:#64748b;margin:5px 0 0}.timetable-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.staff-tt-table{border-collapse:separate;border-spacing:4px;width:100%}.staff-tt-table th,.staff-tt-table td{text-align:center;vertical-align:middle;border-radius:8px;padding:6px 8px}.staff-tt-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border:1px solid #e2e8f0;font-size:13px;font-weight:600}.day-col{width:12%;min-width:100px}.period-col{width:11%;min-width:100px}.day-cell{color:#334155;background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:55px;padding:8px 4px;font-size:13.5px;font-weight:600;display:flex}.empty-timetable-container{justify-content:center;align-items:center;min-height:50vh;padding:40px 20px;display:flex}.animated-placeholder{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;max-width:600px;padding:50px 40px;animation:.6s ease-out forwards floatUp;display:flex;box-shadow:0 10px 30px #0000000d}.pulse-icon{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:25px;display:flex;position:relative}.pulse-icon:after{content:"";border:2px solid #3b82f6;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:0}.animated-placeholder h2{color:#1e293b;margin-bottom:15px;font-size:24px;font-weight:600}.placeholder-text{color:#64748b;margin:0;font-size:16px;line-height:1.6}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.today-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#3b82f6;border-radius:10px;padding:2px 6px;font-size:10px}.current-day-row .day-cell{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.tt-cell{border:1px solid #e2e8f0;min-height:55px;transition:all .2s;position:relative}.tt-cell.free-period{background:#f8fafc}.tt-cell.free-period .free-text{color:#cbd5e1;font-size:24px}.tt-cell.has-class{cursor:pointer;background:linear-gradient(135deg,#f0fdf4 0%,#e8f9ed 100%);border-color:#bbf7d0;box-shadow:inset 0 1px #ffffffb3}.tt-cell.has-class:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 4px 10px #15803d14}.class-card{flex-direction:column;align-items:center;gap:3px;padding:2px 0;display:flex}.subject-name{color:#166534;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;font-size:13px;font-weight:600;display:flex;overflow:hidden}.class-location{background:#fff9;border:1px solid #bbf7d080;border-radius:8px;padding:1px 6px;display:inline-block}.std-sec{color:#15803d;font-size:11px;font-weight:600}@media (width<=1024px){.staff-tt-table th,.staff-tt-table td{padding:8px}.day-cell,.tt-cell{height:70px}.subject-name{font-size:12px}}@media (width<=768px){.staff-timetable-page{padding:10px!important}.timetable-header{margin-bottom:12px!important}.timetable-header h1{font-size:1.25rem!important}.timetable-header .subtitle{margin-top:2px!important;font-size:.8rem!important}.timetable-container{border-radius:8px!important;padding:10px!important}.table-responsive{-webkit-overflow-scrolling:touch;margin-left:-5px!important;margin-right:-5px!important;padding-bottom:8px!important}.staff-tt-table th{padding:4px!important;font-size:10px!important}.staff-tt-table td{padding:4px!important}.day-cell{min-height:45px!important;padding:4px 2px!important;font-size:11px!important}.tt-cell{min-height:45px!important}.tt-cell.free-period .free-text{font-size:16px!important}.subject-name{gap:2px!important;font-size:10px!important}.subject-name svg{width:10px!important;height:10px!important}.std-sec{font-size:9px!important}.today-badge{padding:2px 4px!important;font-size:8px!important}}.my-class-attendance-page{background-color:#f1f5f9;min-height:calc(100vh - 60px);padding:20px}.header-actions{align-items:center;gap:15px;display:flex}.date-picker-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 15px;display:flex}.date-input{color:#334155;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;font-weight:500}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.attendance-split-layout{align-items:flex-start;gap:24px;display:flex}.attendance-left-panel{background:#fff;border-radius:12px;flex:1;overflow:hidden;box-shadow:0 4px 15px #00000005}.attendance-right-panel{flex-direction:column;flex-shrink:0;gap:16px;width:320px;height:fit-content;display:flex;position:sticky;top:20px}.table-responsive{overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:15px 20px;font-weight:600}.bulk-actions{gap:5px;margin-left:15px;display:inline-flex}.bulk-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.bulk-btn.present{color:#10b981}.bulk-btn.present:hover{background:#d1fae5}.bulk-btn.absent{color:#ef4444}.bulk-btn.absent:hover{background:#fee2e2}.attendance-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 16px}.student-info{color:#1e293b;align-items:center;gap:15px;font-weight:500;display:flex}.student-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px}.icon-toggle{cursor:pointer;background-color:#f1f5f9;border-radius:14px;flex-shrink:0;width:54px;height:28px;transition:background-color .3s;position:relative}.icon-toggle.is-present{background-color:#dcfce7}.icon-toggle.is-absent{background-color:#fee2e2}.toggle-slider{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.icon-toggle.is-absent .toggle-slider{transform:translate(26px)}.attendance-stats-container{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 15px #00000005}.attendance-stats-container h3{color:#1e293b;margin:0 0 16px;font-size:16px}.attendance-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.attendance-stat-box{text-align:center;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.attendance-stat-box.present{background:#f0fdf4;border-color:#bbf7d0}.attendance-stat-box.absent{background:#fef2f2;border-color:#fecaca}.attendance-stat-label{color:#64748b;font-size:12px;font-weight:500;display:block}.perfect-attendance-msg{text-align:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #bbf7d0;border-radius:12px;margin-top:10px;padding:24px 20px}.perfect-attendance-msg h4{color:#15803d;margin:0 0 10px;font-size:16px;font-weight:700}.perfect-attendance-msg p{color:#166534;margin:0;font-size:14px;line-height:1.5}.attendance-stat-value{color:#1e293b;margin-top:6px;font-size:24px;font-weight:700;display:block}.right-panel-actions{margin-top:16px}.bulk-save-btn{justify-content:center;width:100%;padding:10px;font-size:15px}.student-list-container{background:#fff;border-radius:12px;flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000005}.student-list-container h3{color:#1e293b;margin:0 0 12px;font-size:16px}.simple-student-list{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.simple-student-list li{border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 0;display:flex}.simple-student-list li:last-child{border-bottom:none}.list-roll-no{color:#94a3b8;flex-shrink:0;width:25px;font-weight:600}.list-name{color:#334155;font-weight:500}.no-data{text-align:center;color:#64748b;font-style:italic;padding:40px!important}.attendance-loading-overlay{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:60vh;animation:.5s ease-out fadeIn;display:flex}.attendance-loading-overlay h3{color:#1e293b;margin:0 0 12px;font-size:22px;font-weight:600}.loading-quote{color:#64748b;max-width:420px;margin:0;font-size:15px;font-style:italic;line-height:1.6}@media (width<=768px){.my-class-attendance-page{min-height:auto;padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 16px}.header-content h1{font-size:18px}.header-content p{font-size:12px}.attendance-split-layout{flex-direction:column;gap:12px}.attendance-right-panel{width:100%;position:static}.attendance-table th,.attendance-table td{padding:8px 6px;font-size:12px}.attendance-table th{white-space:normal;text-align:center;font-size:11px}.attendance-table td:first-child,.attendance-table th:first-child,.attendance-table td:nth-child(2),.attendance-table th:nth-child(2){text-align:left}.student-avatar{width:28px;height:28px}.student-info{gap:8px;font-size:13px}.icon-toggle{width:44px;height:24px;margin:0 auto}.toggle-slider{width:20px;height:20px;top:2px;left:2px}.icon-toggle.is-absent .toggle-slider{transform:translate(20px)}.bulk-actions{justify-content:center;gap:2px;margin-top:4px;margin-left:0;display:flex}.bulk-btn{padding:2px}.attendance-stats-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.attendance-stat-box{padding:8px 4px}.attendance-stat-label{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.attendance-stat-value{margin-top:4px;font-size:16px}.attendance-stats-container,.student-list-container{padding:12px}.bulk-save-btn{padding:10px;font-size:14px}.perfect-attendance-msg{padding:16px 12px}.perfect-attendance-msg h4{font-size:14px}.perfect-attendance-msg p{font-size:12px}.simple-student-list li{padding:6px 0;font-size:13px}}.my-class-marks-page{background-color:#f1f5f9;min-height:calc(100vh - 60px);padding:20px}.view-toggle{background:#f1f5f9;border-radius:8px;padding:4px;display:flex}.view-toggle .toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.view-toggle .toggle-btn.active{color:#3b82f6;background:#fff;box-shadow:0 2px 4px #0000000d}.marks-card{background:#fff;border-radius:12px;padding:20px;overflow:hidden;box-shadow:0 4px 15px #00000005}.filter-bar{border-bottom:1px solid #f1f5f9;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.filter-group{align-items:center;gap:10px;display:flex}.filter-group label{color:#475569;font-weight:500}.filter-group select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 15px;font-family:inherit}.marks-table{border-collapse:collapse;width:100%}.marks-table th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:15px 20px;font-weight:600}.marks-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-weight:500}.marks-table td.low-mark{color:#ef4444;font-weight:600}.fw-600{color:#1e293b;font-weight:600}.loading-state,.no-data{text-align:center;color:#64748b;font-style:italic;padding:40px!important}.no-exams-state{justify-content:center;align-items:center;min-height:50vh;padding:40px;display:flex}.no-exams-content{text-align:center;background:#fff;border-radius:16px;max-width:600px;padding:48px;animation:.6s ease-out fadeUpIn;box-shadow:0 10px 30px #0000000d}.no-exams-icon-wrapper{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;box-shadow:0 4px 15px #16a34a1a}.no-exams-icon{font-size:40px;line-height:1}.no-exams-content h2{color:#1e293b;margin:0 0 16px;font-size:24px;font-weight:700}.no-exams-content p{color:#64748b;margin:0;font-size:16px;line-height:1.6}.my-class-timetable-page{background-color:#f1f5f9;min-height:calc(100vh - 60px);padding:20px}.page-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 30px;display:flex;box-shadow:0 4px 15px #00000005}.header-content h1{color:#1e293b;align-items:center;gap:12px;margin:0 0 5px;font-size:24px;display:flex}.header-content p{color:#64748b;margin:0;font-size:14px}.timetable-container{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;box-shadow:0 4px 15px #00000005}.timetable-grid{flex-direction:column;min-width:1000px;display:flex}.timetable-header-row{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex}.timetable-cell-header{text-align:center;color:#475569;text-transform:uppercase;flex:1;padding:15px 10px;font-size:13px;font-weight:600}.empty-cell{background:0 0;flex:.8}.lunch-header{color:#d97706;background:#fef3c7;flex:.5}.timetable-row{border-bottom:1px solid #f1f5f9;display:flex}.timetable-row:last-child{border-bottom:none}.timetable-day-label{color:#1e293b;background:#f8fafc;border-right:1px solid #e2e8f0;flex:.8;align-items:center;padding:15px;font-weight:600;display:flex}.timetable-cell{text-align:center;border-right:1px solid #f1f5f9;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:80px;padding:10px;display:flex}.timetable-cell:last-child{border-right:none}.lunch-cell{opacity:.5;background-color:#fffbeb;background-image:repeating-linear-gradient(45deg,#fffbeb 25%,#0000 25% 75%,#fffbeb 75%,#fffbeb),repeating-linear-gradient(45deg,#fffbeb 25%,#fef3c7 25% 75%,#fffbeb 75%,#fffbeb);background-position:0 0,10px 10px;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:.5}.active-cell{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin:4px;padding:8px;transition:all .2s}.active-cell:hover{background:#dbeafe;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.subject-name{color:#1d4ed8;margin-bottom:4px;font-size:14px;font-weight:700}.teacher-name{color:#475569;font-size:12px;font-weight:500}.time-slot{color:#64748b;background:#fff;border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:2px 6px;font-size:11px;display:flex}.empty-slot{background:0 0}.no-class-text{color:#cbd5e1;font-weight:300}.loading-state{text-align:center;color:#64748b;padding:60px;font-weight:500}.mch-page{max-width:1440px;margin:0 auto;padding:24px}.mch-loading-container,.mch-empty-page{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:55vh;display:flex}.mch-spinner{color:#3b82f6;animation:1s linear infinite mch-spin}@keyframes mch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mch-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mch-header-badge{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.mch-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.mch-subtitle{color:#64748b;margin:0;font-size:14px}.mch-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mch-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.mch-btn-primary{color:#fff;background:#2563eb;box-shadow:0 2px 4px #2563eb40}.mch-btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.mch-btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.mch-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.mch-btn-accent{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 2px 6px #4f46e54d}.mch-btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#2563eb);transform:translateY(-1px)}.mch-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.mch-lock-banner{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:14px 18px;font-size:14px;display:flex}.mch-lock-banner strong{font-weight:700}.mch-house-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.mch-house-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.mch-house-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.mch-house-card.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6,0 6px 16px #3b82f626}.mch-card-stripe{background:var(--house-color,#3b82f6);width:100%;height:6px}.mch-card-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.mch-card-top{justify-content:space-between;align-items:center;display:flex}.mch-house-identity{align-items:center;gap:10px;display:flex}.mch-house-badge-icon{background:color-mix(in srgb, var(--house-color,#3b82f6) 12%, transparent);width:36px;height:36px;color:var(--house-color,#3b82f6);border-radius:10px;justify-content:center;align-items:center;display:flex}.mch-house-name{color:#1e293b;margin:0;font-size:15px;font-weight:700}.mch-house-count{color:#0f172a;font-size:20px;font-weight:800}.mch-progress-wrap{flex-direction:column;gap:4px;display:flex}.mch-progress-meta{color:#64748b;justify-content:space-between;font-size:11px;font-weight:500;display:flex}.mch-progress-track{background:#f1f5f9;border-radius:4px;height:6px;overflow:hidden}.mch-progress-fill{background:var(--house-color,#3b82f6);border-radius:4px;height:100%;transition:width .4s}.mch-gender-split{color:#64748b;border-top:1px dashed #f1f5f9;gap:8px;padding-top:4px;font-size:11px;display:flex}.mch-house-card.unassigned .mch-card-stripe{background:#f59e0b}.mch-house-card.unassigned .mch-house-badge-icon{color:#d97706;background:#fffbeb}.mch-bulk-bar{color:#fff;background:#0f172a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:12px 20px;animation:.25s ease-out mch-slide-down;display:flex;box-shadow:0 8px 24px #0f172a40}@keyframes mch-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mch-bulk-left{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.mch-bulk-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mch-bulk-select{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;padding:7px 12px;font-size:13px}.mch-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 20px -2px #0000000d,0 2px 6px -1px #00000005}.mch-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.mch-search{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;width:320px;padding:7px 14px;transition:border-color .2s;display:flex}.mch-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.mch-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.mch-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mch-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.mch-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.mch-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a2e}.mch-pill-dot{background:var(--dot-color,#3b82f6);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 1.5px #00000014}.mch-pill.active .mch-pill-dot{box-shadow:0 0 0 2px #ffffff59}.mch-pill-badge{background:#00000014;border-radius:10px;padding:1px 6px;font-size:11px}.mch-pill.active .mch-pill-badge{color:#fff;background:#fff3}.mch-sort-bar{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 18px;font-size:12px;display:flex}.mch-sort-chip{color:#f8fafc;background:#0f172a;border-radius:6px;align-items:center;gap:5px;padding:2.5px 9px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000001f}.mch-sort-clear-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin-left:6px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:background-color .15s;display:inline-flex}.mch-sort-clear-btn:hover{background:#fee2e2}.mch-table-wrap{overflow-x:auto}.mch-table{border-collapse:collapse;text-align:left;width:100%}.mch-table th{text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:11.5px;font-weight:700;transition:background-color .15s,color .15s;color:#f8fafc!important;background:#0f172a!important;border-bottom:2px solid #334155!important}.mch-table th.mch-th-sortable{cursor:pointer}.mch-table th.mch-th-sortable:hover{color:#fff!important;background:#1e293b!important}.mch-table th.sorted-active{color:#38bdf8!important;background:#1e293b!important}.mch-th-content{align-items:center;gap:6px;display:inline-flex}.mch-sort-icon{opacity:.45;align-items:center;gap:2px;transition:opacity .15s;display:inline-flex}.mch-th-sortable:hover .mch-sort-icon{opacity:.85}.mch-sort-icon.active{opacity:1;color:#38bdf8}.mch-sort-priority{color:#0f172a;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9.5px;font-weight:800;line-height:1;display:inline-flex}.mch-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:11px 16px;font-size:13px;transition:background-color .15s}.mch-table tbody tr:nth-child(odd) td{background-color:#fff}.mch-table tbody tr:nth-child(2n) td{background-color:#f8fafc}.mch-table tbody tr:hover td{background-color:#f0f7ff!important}.mch-table tbody tr.selected td{background-color:#e0f2fe!important}.mch-checkbox{accent-color:#2563eb;cursor:pointer;vertical-align:middle;border-radius:4px;width:16px;height:16px}.mch-roll-badge{color:#334155;letter-spacing:.2px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2.5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;display:inline-block}.mch-cell-empty{color:#94a3b8;font-size:14px}.mch-cell-na{color:#cbd5e1;font-size:14px}.mch-student-flex{align-items:center;gap:12px;display:flex}.mch-avatar{letter-spacing:.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:flex}.mch-avatar.male{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1.5px solid #93c5fd;box-shadow:0 2px 4px #3b82f61f}.mch-avatar.female{color:#be185d;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border:1.5px solid #f472b6;box-shadow:0 2px 4px #ec48991f}.mch-student-info{flex-direction:column;display:flex}.mch-student-name{color:#0f172a;letter-spacing:-.01em;font-size:13.5px;font-weight:600}.mch-adm-no{color:#475569;letter-spacing:.3px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2.5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600;display:inline-block}.mch-gender-badge{text-transform:capitalize;letter-spacing:.2px;border-radius:12px;align-items:center;padding:2.5px 9px;font-size:11px;font-weight:600;display:inline-flex}.mch-gender-badge.male{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.mch-gender-badge.female{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.mch-gender-badge.other{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.mch-house-dropdown-cell{align-items:center;gap:8px;display:inline-flex}.mch-select-container{align-items:center;display:inline-flex;position:relative}.mch-select-compact{appearance:none;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;text-align:left;border-style:solid;border-width:1.5px;border-radius:20px;outline:none;min-width:145px;padding:6px 28px 6px 14px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.mch-select-compact:hover{filter:brightness(1.05);transform:translateY(-1px)}.mch-select-compact:focus{outline:none;box-shadow:0 0 0 3px #3b82f659!important}.mch-select-compact.unassigned{font-weight:600;color:#64748b!important;background:#fff!important;border:1.5px dashed #cbd5e1!important;box-shadow:0 1px 2px #0000000a!important}.mch-select-compact.unassigned:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 2px 6px #3b82f626!important}.mch-select-arrow{pointer-events:none;transition:transform .2s;position:absolute;right:10px}.mch-select-container:focus-within .mch-select-arrow{transform:rotate(180deg)}.mch-locked-cell{align-items:center;display:inline-flex}.mch-house-pill{letter-spacing:.4px;text-transform:uppercase;text-align:center;border-style:solid;border-width:1.5px;border-radius:20px;justify-content:center;align-items:center;min-width:135px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.mch-unassigned-pill{color:#64748b;text-align:center;background:#fff;border:1.5px dashed #cbd5e1;border-radius:20px;justify-content:center;align-items:center;min-width:135px;padding:6px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.mch-cell-na{color:#94a3b8;font-weight:500}.mch-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mch-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;animation:.2s cubic-bezier(.16,1,.3,1) mch-pop;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes mch-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mch-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mch-modal-header h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.mch-modal-body{color:#475569;padding:24px;font-size:14px;line-height:1.6}.mch-balance-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;margin-top:14px;padding:14px;display:flex}.mch-preview-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.mch-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.mch-empty-title{color:#1e293b;margin-top:16px}.mch-empty-desc{color:#64748b;max-width:480px;line-height:1.5}.mch-empty-actions{margin-top:20px}.mch-link-btn{text-decoration:none}.mch-lock-banner svg{flex-shrink:0}.mch-stripe-blue{background:#3b82f6}.mch-badge-blue{color:#2563eb;background:#eff6ff}.mch-fill-blue{background:#2563eb}.mch-count-warning{color:#d97706}.mch-dot-warning{background:#f59e0b}.mch-btn-clear{color:#cbd5e1!important;background:0 0!important;border-color:#475569!important}.mch-btn-clear:hover{color:#fff!important;background:#ffffff14!important}.mch-sort-title{color:#334155;font-weight:600}.mch-col-check{text-align:center;width:44px}.mch-col-roll{width:80px}.mch-col-student{width:auto}.mch-col-admissionNo{width:150px}.mch-col-gender{width:110px}.mch-col-house{width:220px}.mch-empty-cell{text-align:center;color:#94a3b8;padding:48px}.mch-td-check{text-align:center}.mch-modal-wand-icon{color:#4f46e5;vertical-align:middle;margin-right:8px;display:inline}.mch-modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px 8px}.mch-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.mch-target-dist-title{color:#1e293b;margin-bottom:4px;font-weight:600}.mch-preview-house{align-items:center;gap:6px;display:flex}.mch-preview-dot{background:var(--dot-color,#3b82f6);border-radius:50%;width:8px;height:8px}.mch-select-compact.assigned{background-color:var(--house-bg,#3b82f6);color:var(--house-color,#fff);border-color:var(--house-bg,#3b82f6);box-shadow:0 2px 8px -1px #0000002e,0 1px 3px #0000000f}.mch-select-compact.unassigned{color:#64748b;background-color:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000a}.mch-select-arrow{color:var(--arrow-color,#64748b)}.mch-select-option{color:#0f172a;background-color:#fff}.mch-select-option.unassigned-opt{color:#64748b}.mch-house-pill{background-color:var(--house-bg,#3b82f6);border-color:var(--house-bg,#3b82f6);color:var(--house-color,#fff);box-shadow:0 2px 8px -1px #00000026}.mch-fill-amber{background:#f59e0b}.mcs-page{max-width:1440px;margin:0 auto;padding:24px}.mcs-loading-container,.mcs-empty-page{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:55vh;display:flex}.mcs-spinner{color:#3b82f6;animation:1s linear infinite mcs-spin}@keyframes mcs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mcs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mcs-header-badge{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.mcs-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.mcs-subtitle{color:#64748b;margin:0;font-size:14px}.mcs-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mcs-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.mcs-btn-primary{color:#fff;background:#2563eb;box-shadow:0 2px 4px #2563eb40}.mcs-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.mcs-btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.mcs-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.mcs-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:flex}.mcs-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.mcs-toggle-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.mcs-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.mcs-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:transform .2s;display:flex;box-shadow:0 1px 4px #0000000a}.mcs-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mcs-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mcs-kpi-icon.blue{color:#2563eb;background:#eff6ff}.mcs-kpi-icon.cyan{color:#0891b2;background:#ecfeff}.mcs-kpi-icon.pink{color:#db2777;background:#fdf2f8}.mcs-kpi-icon.indigo{color:#4f46e5;background:#eef2ff}.mcs-kpi-details{flex-direction:column;display:flex}.mcs-kpi-val{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800}.mcs-kpi-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.mcs-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;box-shadow:0 1px 4px #0000000a}.mcs-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.mcs-search-box{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:320px;max-width:440px;padding:7px 14px;transition:border-color .2s;display:flex}.mcs-search-box:focus-within{background:#fff;border-color:#3b82f6}.mcs-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.mcs-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mcs-select-wrapper{align-items:center;gap:6px;display:flex}.mcs-filter-label{color:#64748b;font-size:12px;font-weight:600}.mcs-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.mcs-table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mcs-table-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:700}.mcs-table-wrap{overflow-x:auto}.mcs-table{border-collapse:collapse;text-align:left;width:100%}.mcs-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:12px;font-weight:600}.mcs-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 18px;font-size:13px}.mcs-table tr:hover td{background:#f8fafc}.mcs-roll-pill{color:#334155;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.mcs-student-flex{align-items:center;gap:12px;display:flex}.mcs-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.mcs-avatar.male{color:#1d4ed8;background:#eff6ff;border:1.5px solid #bfdbfe}.mcs-avatar.female{color:#be185d;background:#fdf2f8;border:1.5px solid #fbcfe8}.mcs-student-name{color:#0f172a;font-weight:600}.mcs-blood-badge{color:#991b1b;background:#fee2e2;border-radius:4px;margin-top:2px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.mcs-adm-no{color:#64748b;font-family:monospace;font-size:12px}.mcs-gender-tag{text-transform:capitalize;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.mcs-gender-tag.male{color:#2563eb;background:#eff6ff}.mcs-gender-tag.female{color:#db2777;background:#fdf2f8}.mcs-house-pill{border:1px solid;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.mcs-house-dot{border-radius:50%;width:7px;height:7px}.mcs-house-unassigned{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.mcs-parent-info{flex-direction:column;gap:2px;display:flex}.mcs-parent-name{color:#1e293b;font-weight:600}.mcs-parent-sub{color:#64748b;font-size:11px}.mcs-phone-btn{color:#2563eb;background:#eff6ff;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.mcs-phone-btn:hover{background:#dbeafe}.mcs-action-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.mcs-action-btn:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.mcs-grid-container{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;padding:20px;display:grid}.mcs-student-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000a}.mcs-student-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.mcs-card-header-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.mcs-card-content{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex}.mcs-card-avatar-row{align-items:center;gap:14px;display:flex}.mcs-card-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex}.mcs-card-avatar.male{color:#1d4ed8;background:#eff6ff;border:2px solid #bfdbfe}.mcs-card-avatar.female{color:#be185d;background:#fdf2f8;border:2px solid #fbcfe8}.mcs-card-info-main{flex-direction:column;gap:2px;display:flex}.mcs-card-name{color:#0f172a;margin:0;font-size:16px;font-weight:700}.mcs-card-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mcs-details-list{background:#f8fafc;border-radius:10px;flex-direction:column;gap:8px;padding:12px;font-size:12px;display:flex}.mcs-detail-item{justify-content:space-between;align-items:center;display:flex}.mcs-detail-label{color:#64748b;font-weight:500}.mcs-detail-val{color:#1e293b;text-align:right;font-weight:600}.mcs-card-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mcs-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mcs-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) mcs-pop;display:flex;overflow-y:auto;box-shadow:0 24px 48px #00000040}@keyframes mcs-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.mcs-modal-hero{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:relative}.mcs-hero-left{align-items:center;gap:18px;display:flex}.mcs-hero-avatar{color:#fff;background:#3b82f6;border:3px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:flex}.mcs-hero-meta h2{margin:0 0 6px;font-size:20px;font-weight:800}.mcs-hero-chips{flex-wrap:wrap;gap:8px;display:flex}.mcs-hero-chip{color:#cbd5e1;background:#ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.mcs-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.mcs-close-btn:hover{background:#ffffff40}.mcs-modal-body{flex-direction:column;gap:24px;padding:24px;display:flex}.mcs-section-title{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.mcs-info-grid{grid-template-columns:repeat(2,1fr);gap:14px 20px;display:grid}.mcs-info-block{flex-direction:column;gap:3px;display:flex}.mcs-info-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mcs-info-val{color:#1e293b;font-size:14px;font-weight:600}.mcs-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.manage-exams-page{flex-direction:column;gap:1rem;padding:1rem;display:flex}.creation-header h2,.grid-header h2{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:600;display:flex}.grid-header p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.toggle-group{background:var(--bg-color);border-radius:8px;width:fit-content;margin-bottom:1.5rem;padding:.25rem;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.toggle-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #0000001a}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.form-group label{color:var(--text-color);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);border-radius:6px;padding:.4rem .5rem;font-size:.85rem}.form-actions{justify-content:flex-end;display:flex}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:500;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.9}.master-exam-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}.master-exam-table th,.master-exam-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap;padding:.3rem .5rem}.master-exam-table thead th{color:#f8fafc;text-align:center;background:#1e293b;font-weight:600}.master-exam-table th.sticky-col,.master-exam-table td.sticky-col{background:var(--bg-card,#fff);z-index:2;border-right:2px solid var(--border-color);text-align:left;position:sticky;left:0}.master-exam-table th.sticky-col-2,.master-exam-table td.sticky-col-2{background:var(--bg-card,#fff);z-index:2;border-right:2px solid var(--border-color);text-align:left;position:sticky;left:180px}.master-exam-table thead th.sticky-col,.master-exam-table thead th.sticky-col-2{color:#f8fafc;z-index:3;background:#0f172a}.master-exam-table tbody tr:nth-child(2n) td{background-color:#f8fafc}.master-exam-table tbody tr:nth-child(2n) td.sticky-col,.master-exam-table tbody tr:nth-child(2n) td.sticky-col-2{background-color:#f1f5f9}.master-exam-table tbody tr:hover td{background-color:#e2e8f0}.master-exam-table tbody tr:hover td.sticky-col,.master-exam-table tbody tr:hover td.sticky-col-2{background-color:#cbd5e1}.relative-header{position:relative}.exam-actions-dropdown{position:absolute;top:4px;right:4px}.exam-actions-trigger{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,background-color .2s;display:flex}.relative-header:hover .exam-actions-trigger{opacity:1}.exam-actions-trigger:hover,.exam-actions-dropdown:hover .exam-actions-trigger{color:#fff;background-color:#ffffff1a}.exam-actions-menu{border:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:10;background:#fff;border-radius:8px;flex-direction:column;min-width:140px;padding:4px;transition:all .2s;display:flex;position:absolute;top:100%;right:0;transform:translateY(-5px);box-shadow:0 4px 6px -1px #0000001a}.exam-actions-dropdown:hover .exam-actions-menu{opacity:1;visibility:visible;transform:translateY(0)}.exam-action-item{color:#334155;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.exam-action-item:hover{background-color:#f1f5f9}.exam-action-item.delete{color:var(--color-danger,red)}.exam-action-item.delete:hover{background-color:#ef44441a}.exam-th .exam-name{font-size:.9rem;font-weight:600}.exam-th .exam-meta{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;font-weight:400}.grid-subject{color:var(--primary-color);font-weight:600}.grid-standard{color:var(--text-muted);background:var(--bg-color);border-radius:4px;margin-top:2px;padding:2px 6px;font-size:.75rem;display:inline-block}.grid-faculty{color:var(--text-color);font-weight:500}.exam-td{text-align:center;vertical-align:middle}.score-block{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:.25rem .5rem;display:inline-block}.score-avg{color:#10b981;font-size:1.1rem;font-weight:700}.score-max{color:var(--text-muted);font-size:.8rem}.score-meta{color:#10b981;margin-top:.25rem;font-size:.75rem}.score-empty{color:var(--border-color);font-size:1.5rem}.subjects-preview{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin-top:1rem;padding:1rem}.subjects-preview label{color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.subject-chips{flex-wrap:wrap;gap:.5rem;display:flex}.subject-chip{color:#4338ca;background:#e0e7ff;border-radius:99px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card,#fff);border-radius:12px;width:100%;max-width:500px;animation:.3s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:var(--text-color);margin:0;font-size:1.15rem;font-weight:600}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s}.close-btn:hover{color:#ef4444}.modal-form{padding:1.5rem}.form-group-row{grid-column:span 2;grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=600px){.form-group-row{grid-column:1/-1;grid-template-columns:1fr}}.warning-alert{color:#b45309;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:4px;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.25rem;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1.25rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#f1f5f9}.global-filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.25rem 1rem;display:flex}.global-filter-header .page-header{align-items:center;margin-bottom:0;display:flex}.global-filter-header .page-header h1{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:700}.global-filter-controls{align-items:center;gap:1rem;display:flex}.global-filter-controls label{color:var(--text-color);margin-bottom:0;font-weight:600}.standard-select{border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);border-radius:6px;min-width:150px;margin-right:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.95rem}.creation-header-actions{justify-content:space-between;display:flex}.cancel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.cancel-btn:hover{color:var(--text-color)}.required-star{color:var(--color-danger,red)}.form-group-checkbox{grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.form-group-checkbox.edit-mode{margin-top:.5rem}.checkbox-input{cursor:pointer;width:16px;height:16px}.checkbox-label{cursor:pointer;margin:0;font-weight:500}.warning-alert{color:var(--color-danger,red);background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.warning-alert.no-margin-top{margin-top:0}.delete-exam-btn{color:var(--color-danger,red)}.delete-exam-btn:hover{color:#dc2626;background:#ef44441a}.modal-content-small{max-width:400px}.modal-header-danger h3{color:var(--color-danger,red)}.modal-body-text{padding:1.5rem;font-size:.95rem;line-height:1.6}.modal-body-text p{margin:0}.modal-body-text p.mt-1{margin-top:1rem}.modal-actions-bordered{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.btn-danger{background:var(--color-danger,red);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:500}.btn-danger:hover{background:#dc2626}.empty-state-container{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.empty-state-icon{color:var(--primary-color,#3b82f6);opacity:.8;animation:3s ease-in-out infinite float}.empty-state-container h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.5rem}.empty-state-container p{max-width:400px;line-height:1.5}@media (width<=768px){.manage-exams-page{padding:10px!important}.card{border-radius:8px!important;margin-bottom:12px!important;padding:12px!important}.global-filter-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;display:flex!important}.page-header h1{text-align:center!important;margin:0!important;font-size:1.2rem!important}.global-filter-controls{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.global-filter-controls label{align-self:flex-start!important;margin-bottom:4px!important;font-size:.85rem!important}.standard-select{border-radius:6px!important;width:100%!important;padding:8px!important;font-size:.9rem!important}.global-filter-controls .btn-primary{justify-content:center!important;width:100%!important;margin-top:4px!important;padding:10px!important;font-size:.9rem!important}.exam-creation-section{padding:12px!important}.creation-header h2{font-size:1.05rem!important}.creation-header svg{width:16px!important;height:16px!important}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;display:grid!important}.form-group:first-child{grid-column:span 2!important}.form-group label{margin-bottom:4px!important;font-size:.75rem!important}.form-group input{box-sizing:border-box!important;border-radius:4px!important;width:100%!important;min-width:0!important;padding:6px 8px!important;font-size:.85rem!important}.subject-chips{gap:4px!important}.subject-chip{padding:4px 8px!important;font-size:.75rem!important}.form-actions{margin-top:12px!important}.form-actions .btn-primary{justify-content:center!important;width:100%!important;padding:10px!important;font-size:.9rem!important}.grid-header{margin-bottom:12px!important}.grid-header h2{font-size:1.05rem!important}.grid-header p{margin-top:2px!important;font-size:.8rem!important}.table-responsive{border-radius:6px!important}.master-exam-table th,.master-exam-table td{padding:8px!important;font-size:.8rem!important}.exam-name{font-size:.85rem!important}.exam-meta{font-size:.7rem!important}.grid-subject{font-size:.85rem!important}.grid-standard{font-size:.7rem!important}.teacher-name{font-size:.8rem!important}.global-filter-controls{grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px 12px!important;display:grid!important}.global-filter-controls label{margin:0!important;font-size:.9rem!important;font-weight:600!important}.standard-select{border-radius:6px!important;width:100%!important;margin:0!important;padding:8px 10px!important;font-size:.9rem!important}.global-filter-controls .btn-primary{grid-column:span 2!important;width:100%!important;margin-top:2px!important}}.subject-marks-page,.subject-marks-workspace{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.page-header h1{color:var(--text-color);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-header p{color:var(--text-muted);font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.empty-state{text-align:center;color:var(--text-muted);padding:3rem;font-size:1.1rem}.subject-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.subject-card{border-top:4px solid var(--primary-color);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.subject-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.subject-icon{background:rgba(var(--primary-rgb), .1);width:48px;height:48px;color:var(--primary-color);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.subject-card h3{color:var(--text-color);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.subject-card h4{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.exam-actions{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.exam-actions p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.exam-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-exam{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-exam:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.workspace-header{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:1.5rem;display:flex}.btn-back{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.btn-back:hover{background:var(--bg-color)}.workspace-title h1{color:var(--text-color);margin-bottom:.2rem;font-size:1.35rem;font-weight:700}.workspace-title p{color:var(--text-muted);font-size:.9rem}.btn-save{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;transition:opacity .2s;display:flex}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.6;cursor:not-allowed}.workspace-toolbar{padding:1rem 1.5rem;display:flex}.search-bar{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;width:100%;max-width:400px;padding:.5rem 1rem;display:flex}.search-icon{color:var(--text-muted);margin-right:.5rem}.search-bar input{width:100%;color:var(--text-color);background:0 0;border:none;outline:none;font-size:.95rem}.excel-table{border-collapse:collapse;width:100%;font-size:.95rem}.excel-table th,.excel-table td{border:1px solid var(--border-color);padding:0}.excel-table th{background:var(--bg-color);color:var(--text-color);text-align:left;padding:.75rem 1rem;font-weight:600}.excel-table td.text-center{text-align:center;color:var(--text-muted);padding:.75rem 1rem}.excel-table td.student-name{color:var(--text-color);padding:.75rem 1rem;font-weight:500}.excel-table .input-cell{position:relative}.excel-table .input-cell input{width:100%;height:100%;min-height:48px;color:var(--text-color);background:0 0;border:none;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:background .2s}.excel-table .input-cell input:focus{background:rgba(var(--primary-rgb), .05);box-shadow:inset 0 0 0 2px var(--primary-color)}.excel-table .input-cell input[type=number]{text-align:center;font-size:1rem;font-weight:600}.excel-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.excel-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.parent-dashboard-container{color:#1e293b;max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,sans-serif}.parent-dashboard-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 100px);display:flex}.spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.pd-greeting{margin-bottom:24px}.pd-greeting h1{color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:700}.pd-greeting p{color:#64748b;font-size:15px}.pd-child-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:32px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 20px -5px #0000000d}.pd-child-profile{align-items:center;gap:16px;min-width:300px;display:flex}.pd-child-avatar{color:#94a3b8;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.pd-child-avatar img{object-fit:cover;width:100%;height:100%}.pd-child-info h2{margin-bottom:2px;font-size:18px;font-weight:600}.pd-child-info p{color:#475569;margin-bottom:4px;font-size:14px}.pd-admin-no{color:#94a3b8;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:12px}.pd-child-stats-divider{background:#e2e8f0;width:1px;height:60px}.pd-child-today,.pd-child-teacher{flex:1;align-items:center;gap:16px;display:flex}.pd-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pd-stat-info{flex-direction:column;display:flex}.pd-stat-label{color:#64748b;margin-bottom:2px;font-size:13px}.pd-stat-value{color:#0f172a;font-size:16px;font-weight:600}.pd-stat-date{color:#94a3b8;font-size:12px}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-warning{color:#f59e0b!important}.text-primary{color:#3b82f6!important}.pd-metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.pd-metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px -5px #0000000d}.pd-card-header{border-bottom:1px solid #f1f5f9;padding:16px 20px}.pd-card-header h3{color:#1e293b;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.pd-card-header h3 span{color:#94a3b8;margin-left:auto;font-size:12px;font-weight:400}.pd-card-header .view-all-link{color:#3b82f6;cursor:pointer}.pd-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;margin-top:auto;padding:12px 20px}.pd-action-btn{cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;padding:8px;font-size:13px;font-weight:500;transition:all .2s}.pd-action-btn.success{color:#10b981;border:1px solid #d1fae5}.pd-action-btn.success:hover{background:#d1fae5}.pd-action-btn.purple{color:#8b5cf6;border:1px solid #ede9fe}.pd-action-btn.purple:hover{background:#ede9fe}.pd-action-btn.warning{color:#f59e0b;border:1px solid #fef3c7}.pd-action-btn.warning:hover{background:#fef3c7}.pd-attendance-body{flex-direction:column;align-items:center;padding:20px;display:flex}.pd-donut-chart{width:120px;height:120px;margin-bottom:16px}.circular-chart{max-width:100%;max-height:250px;margin:0 auto;display:block}.circle{fill:none;stroke-width:2.8px;stroke-linecap:round;stroke:#10b981;animation:1s ease-out forwards progress}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage{fill:#1e293b;text-anchor:middle;font-family:sans-serif;font-size:8px;font-weight:700}.percentage-label{fill:#64748b;text-anchor:middle;font-size:4px}.pd-attendance-stats{width:100%}.stat-row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.stat-row.total-row{border-top:1px dashed #e2e8f0;margin-top:4px;padding-top:10px;font-weight:600}.pd-marks-body{padding:0}.pd-marks-table{border-collapse:collapse;width:100%}.pd-marks-table th{color:#64748b;text-align:left;background:#f8fafc;padding:10px 20px;font-size:12px;font-weight:500}.pd-marks-table td{border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:14px}.grade-badge{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.grade-aplus,.grade-a{color:#10b981;background:#d1fae5}.grade-bplus,.grade-b{color:#3b82f6;background:#dbeafe}.grade-c{color:#f59e0b;background:#fef3c7}.grade-d,.grade-e,.grade-f{color:#ef4444;background:#fee2e2}.pd-marks-placeholder{text-align:center;color:#64748b;padding:24px;font-size:14px;font-style:italic}.pd-circulars-body{padding:16px 20px}.pd-circular-list{margin:0;padding:0;list-style:none}.pd-circular-list li{border-bottom:1px dashed #e2e8f0;margin-bottom:16px;padding-bottom:16px}.pd-circular-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pd-circular-list h4{align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.new-badge{color:#fff;background:#ef4444;border-radius:8px;padding:2px 6px;font-size:10px}.pd-circular-list p{color:#64748b;margin-bottom:6px;font-size:13px}.pd-circular-list .date{color:#94a3b8;font-size:11px}.pd-fee-card{position:relative}.pd-fee-body{padding:20px}.pd-fee-total{text-align:center;margin-bottom:20px}.fee-label{color:#64748b;margin-bottom:4px;font-size:13px}.fee-amount{color:#0f172a;margin:8px 0;font-size:32px;font-weight:700}.fee-subtitle{color:#ef4444;margin-bottom:16px;font-size:12px;display:block}.fee-subtitle.text-success{color:#10b981}.pd-fee-breakdown .fee-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.pd-fee-breakdown .fee-row.last-payment{background:#f8fafc;border-bottom:none;border-radius:8px;margin-top:12px;padding:12px}.pd-pay-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:600;display:flex}.pd-pay-btn:disabled{cursor:default;background:#10b981}.pd-fee-success-state{text-align:center;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b981;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px 16px;display:flex}.pd-fee-success-state .success-icon-wrapper{color:#10b981;background:#fff;border-radius:50%;margin-bottom:12px;padding:12px;box-shadow:0 4px 12px #10b98126}.pd-fee-success-state h4{color:#065f46;margin:0 0 8px;font-size:18px;font-weight:700}.pd-fee-success-state p{color:#047857;margin:0;font-size:14px;line-height:1.5}.pd-charts-events-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.pd-barchart-card,.pd-events-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px -5px #0000000d}.pd-chart-container,.pd-events-body{padding:20px}.pd-event-list{margin:0;padding:0;list-style:none}.pd-event-list li{border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.event-date-block{background:#f8fafc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:50px;height:50px;display:flex}.event-date-block .month{color:#ef4444;font-size:11px;font-weight:700}.event-date-block .day{color:#0f172a;font-size:16px;font-weight:700}.event-details{flex:1}.event-details h4{margin-bottom:4px;font-size:15px}.event-details p{color:#64748b;font-size:13px}.event-tag{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.badge-event{color:#8b5cf6;background:#ede9fe}.badge-reminder{color:#f59e0b;background:#fef3c7}.badge-upcoming{color:#3b82f6;background:#dbeafe}.pd-important-banner{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:6px;align-items:center;gap:12px;margin-top:16px;padding:10px 14px;display:flex}.pd-important-banner .banner-icon{color:#f59e0b;flex-shrink:0;display:flex}.pd-important-content{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pd-important-content h4{color:#b45309;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.pd-important-content p{color:#92400e;margin:0;font-size:13px;line-height:1.4}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.alert-vibrate{animation:.5s ease-in-out 5 shake}@media (width<=1024px){.pd-metrics-grid{grid-template-columns:repeat(2,1fr)}.pd-barchart-card{grid-column:span 2!important}.pd-charts-events-grid{grid-template-columns:1fr}}@media (width<=768px){.parent-dashboard-container{padding:16px}.pd-metrics-grid{grid-template-columns:1fr}.pd-barchart-card{grid-column:span 1!important}.welcome-banner{padding:20px 16px!important}.banner-content{flex-direction:column!important;gap:16px!important}.banner-content>div{justify-content:center!important;width:100%!important;min-width:100%!important}.banner-content>div:first-child{text-align:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0f172a99!important;border:1px solid #ffffff26!important;border-radius:20px!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:24px 20px!important}.banner-content>div:first-child h3{font-size:18px!important;line-height:1.3!important}.banner-content>div:first-child p{font-size:13px!important}.banner-content>div:first-child span{font-size:11px!important}.banner-content>div:first-child>div:first-child{width:52px!important;height:52px!important}.banner-content>div:last-child{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.banner-content>div:last-child>div{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0f172a99!important;border:1px solid #ffffff26!important;border-radius:16px!important;width:100%!important;padding:14px!important}.banner-content>div:last-child p{font-size:12px!important}.banner-content>div:last-child h4{font-size:15px!important}.banner-content>div:last-child>div>div:first-child{border-radius:12px!important;width:40px!important;height:40px!important}.banner-content>div:last-child>div>div:first-child svg{width:20px!important;height:20px!important}.pd-important-banner{align-items:flex-start;padding:10px 12px}.pd-important-content{flex-direction:column;align-items:flex-start;gap:2px}.pd-important-content h4,.pd-important-content p{font-size:12px}.pd-card-header{padding:14px 16px}.pd-card-header h3{font-size:14px}.pd-attendance-body,.pd-events-body,.pd-fee-body,.pd-circulars-body{padding:16px}.pd-donut-chart{width:100px;height:100px;margin-bottom:12px}.stat-row{padding:4px 0;font-size:13px}.event-date-block{min-width:44px;height:44px}.event-date-block .day,.event-details h4{font-size:14px}.pd-card-footer{padding:12px 16px}}.parent-profile-container{max-width:1400px;margin:0 auto;padding:24px 32px;animation:.3s ease-out fadeIn}.profile-hero-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);border-radius:20px;margin-bottom:28px;padding:32px 40px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #2563eb40,0 8px 10px -6px #2563eb33}.profile-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#fff0 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-10%}.profile-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.profile-hero-left{align-items:center;gap:24px;display:flex}.profile-avatar-wrap{background:#ffffff26;border:4px solid #ffffffd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;display:flex;overflow:hidden;box-shadow:0 8px 20px #00000040}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback{color:#fff;text-shadow:0 2px 4px #0003;font-size:38px;font-weight:700}.profile-title-block h1{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:28px;font-weight:700}.profile-pills-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.hero-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.hero-pill-standard{color:#fff;background:#ffffff38;border:1px solid #ffffff4d}.hero-pill-adm{color:#e0e7ff;background:#00000047;border:1px solid #ffffff26;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hero-pill-house{color:#1e3a8a;background:#fff;box-shadow:0 2px 6px #00000026}.hero-pill-status{color:#fff;background:#22c55e}.profile-hero-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.advisor-badge-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff40;border-radius:14px;align-items:center;gap:14px;padding:12px 18px;display:flex}.advisor-avatar-circle{color:#fff;background:#ffffff40;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.advisor-text-col p{text-transform:uppercase;letter-spacing:.05em;opacity:.85;margin:0;font-size:11.5px}.advisor-text-col h4{color:#fff;margin:2px 0 0;font-size:14.5px;font-weight:600}.profile-tabs-nav{border-bottom:2px solid #e2e8f0;gap:10px;margin-bottom:24px;padding-bottom:2px;display:flex;overflow-x:auto}.profile-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex;position:relative}.profile-tab-btn:hover{color:#1e3a8a;background:#f8fafc}.profile-tab-btn.active{color:#2563eb;background:#eff6ff}.profile-tab-btn.active:after{content:"";background:#2563eb;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-2px;left:0;right:0}.profile-cards-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;display:grid}.profile-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.profile-section-card:hover{box-shadow:0 10px 15px -3px #00000012}.profile-section-card.full-width{grid-column:1/-1}.card-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.card-title-wrap{color:#1e293b;align-items:center;gap:10px;display:flex}.card-title-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-title-wrap h3{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.data-fields-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.data-field-item{flex-direction:column;gap:4px;display:flex}.data-field-item.span-2{grid-column:span 2}.data-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.data-value{color:#1e293b;word-break:break-word;font-size:14.5px;font-weight:600}.data-value.badge-val{border-radius:6px;padding:3px 10px;font-size:13px;display:inline-block}.data-value.monospace{letter-spacing:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.parent-highlight-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px;position:relative}.parent-highlight-box.primary-active{background:#eff6ff;border-color:#3b82f6}.primary-badge-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#2563eb;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.exam-marks-table-wrap{border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;overflow:hidden}.exam-marks-table{border-collapse:collapse;width:100%;font-size:13px}.exam-marks-table th{color:#475569;text-align:left;background:#f1f5f9;padding:10px 14px;font-weight:600}.exam-marks-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 14px}.exam-marks-table tr:last-child td{border-bottom:none}.exam-marks-table tfoot td{color:#0f172a;background:#f8fafc;font-weight:700}@media (width<=768px){.parent-profile-container{padding:16px}.profile-hero-card{padding:24px 20px}.profile-hero-content{flex-direction:column;align-items:flex-start}.profile-hero-right{align-items:flex-start;width:100%}.advisor-badge-card{width:100%}.profile-cards-grid{grid-template-columns:1fr}.data-field-item.span-2{grid-column:span 1}}.pa-container{max-width:1400px;margin:0 auto;padding:24px}.pa-header{margin-bottom:24px}.pa-header h1{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700}.pa-header p{color:#64748b;font-size:15px}.pa-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.pa-stat-card{background:#fff;border-radius:12px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.pa-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.pa-stat-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.pa-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pa-stat-title{color:#64748b;font-size:14px;font-weight:600}.pa-stat-value{font-size:32px;font-weight:700}.pa-stat-total .pa-stat-icon{color:#3b82f6;background:#eff6ff}.pa-stat-total .pa-stat-value{color:#1e293b}.pa-stat-present .pa-stat-icon{color:#10b981;background:#dcfce7}.pa-stat-present .pa-stat-value{color:#10b981}.pa-stat-absent .pa-stat-icon{color:#ef4444;background:#fee2e2}.pa-stat-absent .pa-stat-value{color:#ef4444}.pa-stat-leave .pa-stat-icon{color:#f59e0b;background:#fef3c7}.pa-stat-leave .pa-stat-value{color:#f59e0b}.pa-calendar-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pa-month-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a}.pa-month-header{color:#1e293b;text-align:center;margin-bottom:8px;font-size:14px;font-weight:700}.pa-month-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.pa-month-days-header div{text-align:center;color:#4338ca;text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:700}.pa-day-cell{aspect-ratio:1;cursor:pointer;color:#334155;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:transform .1s,opacity .2s;display:flex}.pa-day-cell:hover{opacity:.9;transform:scale(1.05)}.pa-day-empty{pointer-events:none;background:0 0}.pa-day-unmarked{background:#f8fafc;border:1px solid #e2e8f0}.pa-day-disabled{color:#cbd5e1;cursor:not-allowed;background:#fff;border:1px dashed #e2e8f0}@media (width<=768px){.pa-container{padding:16px}.pa-header{margin-bottom:16px}.pa-header h1{margin-bottom:4px;font-size:18px}.pa-header p{font-size:13px}.pa-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.pa-stat-card{border-radius:10px;padding:12px}.pa-stat-header{gap:8px;margin-bottom:8px}.pa-stat-icon{border-radius:6px;width:28px;height:28px}.pa-stat-icon svg{width:16px;height:16px}.pa-stat-title{font-size:12px}.pa-stat-value{font-size:20px}.pa-calendar-container{grid-template-columns:repeat(2,1fr);gap:12px}.pa-month-card{border-radius:8px;padding:8px}.pa-month-header{margin-bottom:6px;font-size:13px}.pa-month-days-header div{padding:2px 0;font-size:10px}.pa-day-cell{border-radius:3px;font-size:11px}}.psc-container{max-width:1000px;margin:0 auto;padding:24px}.psc-header{margin-bottom:24px}.psc-header h1{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:700}.psc-header p{color:#64748b}.psc-select-prompt{color:#64748b;padding:24px}.psc-star-rating{align-items:center;gap:4px;display:flex}.psc-cards-wrapper{flex-direction:column;gap:32px;display:flex}.psc-empty-state{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:60px 20px}.psc-empty-icon{margin:0 auto 16px}.psc-empty-title{color:#475569;margin-bottom:8px;font-size:18px}.psc-empty-desc{color:#94a3b8}.psc-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.psc-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.psc-exam-info h2{color:#0f172a;align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.psc-exam-info p{color:#64748b;margin:0;font-size:13px}.psc-exam-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:24px;padding:12px 24px;display:flex}.psc-summary-box{text-align:center}.psc-summary-label{color:#64748b;margin-bottom:4px;font-size:12px}.psc-summary-value{color:#0f172a;font-size:18px;font-weight:700}.psc-summary-divider{background:#e2e8f0;width:1px;height:30px}.psc-table-wrapper{overflow-x:auto}.psc-table{border-collapse:collapse;width:100%}.psc-table thead tr{text-align:left;color:#475569;font-size:13px}.psc-table th{border-bottom:1px solid #e2e8f0;padding:16px 20px;font-weight:600}.psc-table tbody tr{border-bottom:1px solid #f1f5f9}.psc-table tbody tr:last-child{border-bottom:none}.psc-table td{padding:16px 20px}.psc-subject-name{color:#1e293b;font-weight:500}.psc-subject-max{color:#64748b}.psc-subject-obtained{color:#0f172a;font-weight:600}.psc-grade-badge{border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.psc-grade-excellent{color:#166534;background-color:#dcfce7}.psc-grade-good{color:#1e40af;background-color:#dbeafe}.psc-grade-average{color:#854d0e;background-color:#fef9c3}.psc-grade-poor{color:#991b1b;background-color:#fee2e2}.psc-card{border:1px solid #e2e8f0cc;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.psc-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.psc-card-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0cc}.psc-exam-summary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #e2e8f099;box-shadow:0 4px 6px -1px #00000005}@media (width<=768px){.psc-container{padding:12px 0}.psc-header h1{font-size:18px}.psc-header p{font-size:12px}.psc-exam-info h2{font-size:16px}.psc-exam-info p{font-size:12px}.psc-card-header{flex-direction:column;align-items:stretch;padding:12px}.psc-exam-summary{flex-direction:row;justify-content:space-between;gap:12px;width:100%;padding:12px}.psc-summary-box{text-align:left;flex:1}.psc-summary-box:last-child{text-align:right}.psc-summary-divider{height:40px}.psc-summary-label{font-size:11px}.psc-summary-value{font-size:16px}.psc-table thead{display:none}.psc-table,.psc-table tbody,.psc-table tr,.psc-table td{width:100%;display:block}.psc-table-wrapper{background-color:#f8fafc;padding:12px}.psc-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 4px #00000005}.psc-table tbody tr:last-child{margin-bottom:0}.psc-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.psc-table td:last-child{background-color:#f8fafc;border-bottom:none}.psc-table td:before{content:attr(data-label);color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.5px;margin-right:12px;font-size:11px;font-weight:600}.psc-subject-name{color:#3b82f6;font-size:14px;font-weight:700}.psc-grade-badge{padding:2px 8px;font-size:12px}}.pt-container{color:#1e293b;max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.pt-header{margin-bottom:24px}.pt-header h1{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:700}.pt-header p{color:#64748b}.pt-mobile-view{display:none}.pt-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.pt-table{border-collapse:collapse;width:100%}.pt-table th{color:#f8fafc;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#182440;border:1px solid #334155;padding:12px 8px;font-size:.75rem;font-weight:600}.pt-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;height:70px;padding:4px}.pt-table td:last-child,.pt-table th:last-child{border-right:none}.pt-table tbody tr:nth-child(2n){background:#f8fafc}.pt-table tbody tr:nth-child(odd){background:#fff}.pt-day-header{color:#f8fafc;text-align:center;width:120px;font-size:.8rem;font-weight:600;background:#182440!important;border-bottom:1px solid #334155!important;border-right:2px solid #334155!important}.pt-cell{cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;transition:all .2s;display:flex}.pt-cell:hover{background:#eff6ff;transform:scale(.98);box-shadow:inset 0 0 0 1px #bfdbfe}.pt-subject{color:#1e293b;text-align:center;margin-bottom:2px;font-size:13px;font-weight:700}.pt-teacher{color:#64748b;text-align:center;font-size:11px}.pt-empty-cell{color:#cbd5e1;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.pt-sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;background:#0006;transition:all .3s;position:fixed;inset:0}.pt-sidebar-overlay.open{opacity:1;visibility:visible}.pt-sidebar-panel{z-index:1000;background:#f8fafc;flex-direction:column;width:400px;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 24px #0000001a}.pt-sidebar-panel.open{right:0}@media (width<=500px){.pt-sidebar-panel{width:100%;right:-100%}}.pt-sidebar-header{background:linear-gradient(135deg,#1e3a8a 0%,#182440 100%);justify-content:space-between;align-items:center;padding:24px;display:flex}.pt-sidebar-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.pt-close-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pt-close-btn:hover{background:#fff3;transform:rotate(90deg)}.pt-sidebar-content{flex:1;padding:0 24px 24px;position:relative;overflow-y:auto}.pt-sidebar-content:before{content:"";z-index:0;background:linear-gradient(135deg,#1e3a8a 0%,#182440 100%);height:80px;position:absolute;top:0;left:0;right:0}.pt-teacher-profile{text-align:center;z-index:1;margin-bottom:32px;padding-top:20px;position:relative}.pt-avatar{color:#3b82f6;background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 16px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000001f}.pt-avatar img{object-fit:cover;width:100%;height:100%}.pt-teacher-name{color:#0f172a;margin-bottom:6px;font-size:22px;font-weight:700}.pt-teacher-role{color:#3b82f6;background:#eff6ff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block;box-shadow:0 2px 4px #3b82f61a}.pt-info-list{flex-direction:column;gap:12px;display:flex}.active-col-header{color:#b45309!important;background:#fef3c7!important;border-bottom:2px solid #f59e0b!important}.active-day-header{color:#b45309!important;background:#fef3c7!important;border-right:2px solid #f59e0b!important}.pt-table tbody tr.active-row td,.pt-table tbody tr td.active-col{background:#fffbeb!important}.pt-table tbody tr.active-row td.active-col .active-cell{z-index:10;border-radius:4px;animation:2s infinite activePulse;position:relative;transform:none;box-shadow:inset 0 0 0 2px #f59e0b;background:#fef3c7!important}.pt-table tbody tr.active-row td.active-col .active-cell .pt-subject,.pt-table tbody tr.active-row td.active-col .active-cell .pt-teacher{color:#b45309}.pt-info-item{z-index:1;background:#fff;border:none;border-left:4px solid #3b82f6;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.pt-info-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pt-info-details{flex-direction:column;display:flex}.pt-info-label{color:#64748b;margin-bottom:2px;font-size:12px}.pt-info-value{color:#0f172a;font-size:15px;font-weight:600}@media (width<=768px){.pt-container{padding:16px}.pt-header{margin-bottom:16px}.pt-header h1{margin-bottom:4px;font-size:20px}.pt-header p{font-size:13px}.pt-table-container{display:none}.pt-mobile-view{flex-direction:column;gap:20px;display:flex}.pt-mobile-tabs{-ms-overflow-style:none;scrollbar-width:none;background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.pt-mobile-tabs::-webkit-scrollbar{display:none}.pt-mobile-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-width:60px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.pt-mobile-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.pt-mobile-day-title{color:#1e293b;margin-bottom:16px;padding-left:4px;font-size:16px;font-weight:700}.pt-mobile-schedule{flex-direction:column;gap:12px;display:flex}.pt-mobile-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #00000005}.pt-mobile-card:active{transform:scale(.98)}.pt-mobile-card.active-card{background:#fffbeb;border:1px solid #fde68a;box-shadow:0 4px 6px -1px #f59e0b1a}.pt-mobile-period{color:#4338ca;white-space:nowrap;background:#e0e7ff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.pt-mobile-card.active-card .pt-mobile-period{color:#b45309;background:#fef3c7}.pt-mobile-details{flex-direction:column;gap:4px;display:flex}.pt-mobile-subject{color:#0f172a;font-size:15px;font-weight:700}.pt-mobile-teacher{color:#64748b;align-items:center;font-size:12px;display:flex}.pt-mobile-empty{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:12px;padding:32px 16px;font-size:14px;font-style:italic}}:root{--pf-primary:#3b82f6;--pf-success:#10b981;--pf-warning:#f59e0b;--pf-danger:#ef4444;--pf-bg:#f8fafc;--pf-card-bg:#fff;--pf-text-main:#0f172a;--pf-text-muted:#64748b;--pf-border:#e2e8f0;--pf-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008}.pf-container{background-color:var(--pf-bg);min-height:100vh;color:var(--pf-text-main);padding:24px;font-family:Inter,sans-serif}.pf-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.pf-metric-card{background:var(--pf-card-bg);border:1px solid var(--pf-border);box-shadow:var(--pf-shadow);border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.pf-metric-header{color:var(--pf-text-main);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.pf-icon{border-radius:8px;padding:6px}.pf-icon.blue{color:#3b82f6;background:#eff6ff}.pf-icon.green{color:#10b981;background:#ecfdf5}.pf-icon.orange{color:#f59e0b;background:#fffbeb}.pf-metric-value{margin-bottom:8px;font-size:28px;font-weight:700}.pf-metric-subtext{color:var(--pf-text-muted);font-size:12px}.pf-metric-badge{border-radius:20px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pf-metric-badge.green{color:#10b981;background:#ecfdf5}.pf-metric-badge.orange{color:#f59e0b;background:#fffbeb}.pf-progress-card{text-align:center;align-items:center}.pf-progress-header{margin-bottom:10px;font-size:14px;font-weight:600}.pf-progress-circle-wrap{width:80px;height:80px;margin-bottom:10px;position:relative}.pf-progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e2e8f0;stroke-width:3px}.circle-progress{fill:none;stroke:#10b981;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.circle-text{color:#10b981;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pf-warning-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.pf-wb-left{align-items:center;gap:16px;display:flex}.pf-wb-icon{color:#d97706;background:#fef3c7;border-radius:50%;padding:10px}.pf-wb-text h3{color:#92400e;margin:0 0 4px;font-size:16px}.pf-wb-text p{color:#b45309;margin:0;font-size:14px}.pf-pay-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:10px 24px;font-weight:600;transition:background .2s}.pf-pay-btn:hover{background:#d97706}.pf-split-section{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.pf-card{background:var(--pf-card-bg);border:1px solid var(--pf-border);box-shadow:var(--pf-shadow);border-radius:12px;flex-direction:column;display:flex}.pf-card-header-styled{border-bottom:1px solid var(--pf-border);padding:20px}.pf-card-header-styled h3{color:var(--pf-text-main);margin:0;font-size:16px}.pf-table-wrapper{flex-grow:1;overflow-x:auto}.pf-styled-table{border-collapse:collapse;text-align:left;width:100%}.pf-styled-table th{color:var(--pf-text-muted);border-bottom:1px solid var(--pf-border);background:#f8fafc;padding:16px 20px;font-size:13px;font-weight:600}.pf-styled-table td{color:var(--pf-text-main);border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.pf-styled-table tbody tr:hover{background:#f8fafc}.pf-total-row td{background:#f8fafc;border-bottom:none;font-weight:700}.pf-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-paid{color:#10b981;background:#ecfdf5}.badge-pending{color:#f59e0b;background:#fffbeb}.pf-card-footer{border-top:1px solid var(--pf-border);background:#f8fafc;border-radius:0 0 12px 12px;padding:16px 20px}.pf-link-btn{color:var(--pf-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:600;display:flex}.pf-link-btn:hover{text-decoration:underline}.pf-overview-body{align-items:center;gap:20px;padding:20px;display:flex}.pf-donut-container{flex:1;position:relative}.pf-donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-amount{color:var(--pf-text-main);font-size:20px;font-weight:700;display:block}.donut-label{color:var(--pf-text-muted);font-size:12px}.pf-legend-container{flex:1}.custom-legend{margin:0;padding:0;list-style:none}.legend-item{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.legend-label{color:var(--pf-text-muted);align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-value{color:var(--pf-text-main);font-weight:600}.legend-percent{color:var(--pf-text-muted);font-weight:400}.pf-info-box{color:#1e3a8a;background:#eff6ff;border-top:1px solid #dbeafe;border-radius:0 0 12px 12px;align-items:center;gap:12px;padding:16px 20px;font-size:13px;display:flex}.info-icon{color:#3b82f6}.pf-info-box p{margin:0}.pf-schedule-card{margin-bottom:24px}.pf-timeline-container{justify-content:space-between;align-items:flex-start;padding:40px 20px;display:flex;position:relative}.pf-timeline-item{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.pf-timeline-dot{z-index:2;background:#fff;border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:12px;display:flex;position:relative}.pf-timeline-item.paid .pf-timeline-dot{color:#fff;background:#10b981;border-color:#10b981}.pf-timeline-item.due .pf-timeline-dot{border-color:#f59e0b}.pf-timeline-connector{z-index:1;background:#e2e8f0;width:100%;height:3px;position:absolute;top:10px;left:50%}.pf-timeline-item.paid .pf-timeline-connector{background:#10b981}.pf-timeline-item:last-child .pf-timeline-connector{display:none}.pf-timeline-content h4{color:var(--pf-text-main);margin:0 0 4px;font-size:14px}.term-amount{margin-bottom:4px;font-size:16px;font-weight:700}.term-status-text{color:var(--pf-text-muted);font-size:12px}.pf-timeline-item.paid .term-status-text{color:#10b981}.pf-timeline-item.due .term-status-text{color:#f59e0b}.bottom-split{grid-template-columns:2fr 1fr}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#f1f5f9!important}.pf-glance-body{padding:20px}.glance-row{border-bottom:1px dashed var(--pf-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.glance-row:last-child{border-bottom:none}.glance-label{color:var(--pf-text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.glance-label.green{color:#10b981}.glance-label.orange{color:#f59e0b}.glance-label.red{color:#ef4444}.glance-val{font-size:15px;font-weight:700}.pf-glance-footer{border-top:1px solid var(--pf-border);padding:20px}.glance-status{border-radius:8px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;font-weight:500;display:flex}.glance-status.success{color:#065f46;background:#ecfdf5}.glance-status.warning{color:#92400e;background:#fffbeb}.pf-footer-banner{color:#3730a3;background:linear-gradient(90deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:12px;align-items:center;gap:12px;margin-top:24px;padding:16px;font-size:14px;font-weight:500;display:flex}.footer-icon{color:#4f46e5}.receipt-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.receipt-card{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:30px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 10px 25px #0003}.receipt-header{border-bottom:2px dashed #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;display:flex}.receipt-school-info h2{color:#1e293b;margin:0 0 8px;font-size:20px}.receipt-school-info p{color:#64748b;margin:4px 0;font-size:13px}.receipt-badge{text-align:center;font-weight:700}.receipt-badge span{margin-top:5px;font-size:12px;display:block}.receipt-meta{background:#f8fafc;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:12px;font-size:14px;display:flex}.receipt-details{gap:20px;margin-bottom:20px;display:flex}.details-col{flex:1}.details-col h4{color:#334155;border-bottom:1px solid #e2e8f0;margin:0 0 10px;padding-bottom:5px;font-size:15px}.details-col p{color:#475569;margin:6px 0;font-size:14px}.receipt-breakdown h4{color:#334155;margin:0 0 10px;font-size:15px}.rb-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.rb-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 16px;font-size:14px;display:flex}.rb-row:last-child{border-bottom:none}.rb-header{color:#475569;background:#f1f5f9;font-weight:600}.rb-total{color:#0f172a;background:#f8fafc;font-weight:700}.receipt-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px}.receipt-footer p{color:#64748b;margin-bottom:15px}.btn-close-receipt{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:10px 24px;font-weight:600}.btn-close-receipt:hover{background:#2563eb}@media (width<=768px){.pf-container{padding:12px}.pf-split-section,.bottom-split{grid-template-columns:1fr;gap:16px}.pf-wb-left{flex-direction:column;align-items:flex-start;gap:12px}.pf-overview-body{flex-direction:column;gap:24px;padding:16px}.pf-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pf-metric-card{padding:12px}.pf-metric-header{gap:6px;margin-bottom:8px;font-size:12px}.pf-metric-value{margin-bottom:6px;font-size:20px}.pf-metric-subtext,.pf-metric-badge{padding:2px 8px;font-size:11px}.pf-progress-circle-wrap{width:60px;height:60px;margin:0 auto 8px}.circle-text{font-size:14px}.pf-timeline-container{flex-direction:column;align-items:stretch;gap:24px;padding:20px 16px}.pf-timeline-item{text-align:left;flex-direction:row;align-items:flex-start;gap:16px}.pf-timeline-dot{flex-shrink:0;margin-bottom:0}.pf-timeline-connector{width:3px;height:100%;top:24px;left:14px}.pf-styled-table thead{display:none}.pf-styled-table,.pf-styled-table tbody,.pf-styled-table tr,.pf-styled-table td{width:100%;display:block}.pf-styled-table tr{border:1px solid var(--pf-border);background:#fff;border-radius:8px;margin-bottom:16px;padding:12px;box-shadow:0 1px 2px #00000005}.pf-styled-table td{text-align:right;border:none;border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.pf-styled-table td:last-child{border-bottom:none;padding-bottom:0}.pf-styled-table td:before{content:attr(data-label);color:var(--pf-text-muted);text-align:left;margin-right:12px;font-size:12px;font-weight:600}.pf-total-row td{background:0 0}.pf-card-header-styled h3{font-size:15px}.pf-glance-body,.pf-card-footer{padding:16px}.receipt-card{width:95%;padding:20px}.receipt-details{flex-direction:column;gap:16px}}.dev-logs-container{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px;font-family:Inter,system-ui,sans-serif}.dev-logs-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dev-logs-title{color:#1e293b;align-items:center;gap:12px;display:flex}.dev-logs-title h2{margin:0;font-size:20px;font-weight:700}.dev-btn-refresh{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dev-btn-refresh:hover{background:#f1f5f9}.dev-alert{border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px}.dev-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.dev-logs-filters{background:#fff;border-radius:8px;gap:12px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d;flex-wrap:nowrap!important}.dev-filter-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dev-filter-group label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.dev-select,.dev-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.dev-select:focus,.dev-input:focus{background:#fff;border-color:#4f46e5}.dev-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:0 10px;display:flex}.dev-search-input input{background:0 0;border:none;outline:none;width:100%;padding:6px;font-size:13px}.dev-search-input:focus-within{background:#fff;border-color:#4f46e5}.dev-logs-body{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dev-loading{text-align:center;color:#64748b;padding:40px;font-size:14px}.dev-empty-animated{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon-container{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.pulse-icon{color:#94a3b8;animation:2s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}.dev-empty-animated h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:600}.dev-empty-animated p{max-width:280px;margin:0;font-size:14px;line-height:1.5}.dev-logs-list{flex-direction:column;display:flex}.dev-log-row{color:#334155;cursor:pointer;border-bottom:1px solid #f1f5f9;grid-template-columns:100px 100px 180px 1fr 140px;align-items:center;gap:16px;padding:12px 16px;font-size:13px;transition:background .1s;display:grid}.dev-log-row:nth-child(2n){background:#f8fafc}.dev-log-row:nth-child(odd){background:#fff}.dev-log-row:hover{background:#f1f5f9}.dev-log-row.selected{background:#eef2ff}.log-level{align-items:center;gap:6px;font-weight:600;display:flex}.level-text{font-size:11px}.error .level-text{color:#dc2626}.error{border-left:3px solid #dc2626}.log-icon-error{color:#dc2626}.warn .level-text{color:#d97706}.warn{border-left:3px solid #d97706}.log-icon-warn{color:#d97706}.info .level-text{color:#0284c7}.info{border-left:3px solid #0000}.log-icon-info{color:#0284c7}.log-time{color:#64748b;font-family:monospace}.log-event{color:#1e293b;font-weight:600}.log-msg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-req{color:#94a3b8;font-family:monospace;font-size:12px}.dev-log-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dev-log-modal{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:16px}.modal-header button{cursor:pointer;color:#64748b;background:0 0;border:none}.modal-header button:hover{color:#1e293b}.modal-body{background:#0f172a;padding:24px;overflow-y:auto}.modal-body pre{color:#e2e8f0;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:monospace;font-size:13px}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px 24px;display:flex}.dev-btn-copy{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.dev-btn-copy:hover{background:#4338ca}.dev-btn-copy.copied{background:#10b981}.dev-btn-copy.copied:hover{background:#059669}.copied-banner{color:#10b981;align-items:center;gap:6px;margin-right:16px;font-size:13px;font-weight:600;animation:.2s ease-out fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.json-viewer pre{font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6}.json-viewer .string{color:#a5d6ff}.json-viewer .number{color:#79c0ff}.json-viewer .boolean{color:#ff7b72;font-weight:700}.json-viewer .null{color:#ff7b72;font-style:italic}.json-viewer .key{color:#7ee787}.dev-logs-list-header{background:var(--color-primary,#2563eb);color:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:100px 100px 180px 1fr 140px;gap:16px;padding:12px 16px;font-size:13px;font-weight:600;display:grid}.dev-logs-list-header>div{color:#fff!important}.dev-pagination-controls{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.dev-pagination-left{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.dev-pagination-right{align-items:center;gap:16px;display:flex}.dev-pagination-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.dev-pagination-btn:hover:not(:disabled){background:#f1f5f9}.dev-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dev-logs-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dev-header-search{background:#fff;min-width:280px;height:36px}.dev-btn-refresh{height:36px}.dev-logs-analytics-grid{grid-template-columns:1fr 1fr 2fr;gap:20px;margin-bottom:24px;display:grid}.dev-analytics-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.dev-card-total{flex-direction:column;justify-content:center;align-items:center;display:flex}.dev-card-title{color:#64748b;text-transform:uppercase;margin:0 0 16px;font-size:14px}.dev-card-total .dev-card-title{margin-bottom:8px}.dev-total-number{color:#1e293b;font-size:56px;font-weight:700}.dev-active-filters-text{color:#10b981;margin-top:8px;font-size:12px;font-weight:600}@media (width<=1200px){.dev-logs-list-header,.dev-log-row{grid-template-columns:90px 90px 140px 1fr 100px;gap:12px}}@media (width<=992px){.dev-logs-header{flex-direction:column;align-items:flex-start;gap:16px}.dev-logs-actions{justify-content:space-between;width:100%}.dev-header-search{flex:1;min-width:0}.dev-logs-analytics-grid{grid-template-columns:1fr 1fr}.dev-card-large{grid-column:span 2}.dev-logs-list-header,.dev-log-row{grid-template-columns:80px 80px 120px 1fr}.log-req{display:none}}@media (width<=768px){.dev-logs-container{padding:12px}.dev-logs-header{flex-direction:row;justify-content:space-between;align-items:center}.dev-logs-actions{flex-direction:row;gap:8px;width:auto}.dev-btn-refresh{padding:8px}.dev-btn-refresh .btn-text{display:none}.dev-logs-analytics-grid{grid-template-columns:1fr 1fr;gap:12px}.dev-card-large{grid-column:span 2}.dev-card-total,.dev-analytics-card:first-child{grid-column:span 1}.dev-total-number{font-size:32px}.dev-logs-filters{grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.dev-filter-group{min-width:0}.filter-search-full{grid-column:span 2}.dev-logs-list-header{display:none}.dev-log-row{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding:16px;display:flex;background:#fff!important}.log-level{border-bottom:1px dashed #e2e8f0;width:100%;padding-bottom:8px}.log-time:before{content:"Time: ";color:#94a3b8;font-weight:400}.log-event:before{content:"Event: ";color:#94a3b8;font-weight:400}.log-msg:before{content:"Message: ";color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:400;display:block}.log-time,.log-event{width:100%;font-size:13px}.log-msg{white-space:normal;width:100%;line-height:1.5}.dev-pagination-controls{flex-direction:column;gap:16px}.dev-pagination-right{justify-content:space-between;width:100%}}.hm-page{max-width:1400px;min-height:100vh;margin:0 auto;padding:16px 24px}.hm-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.hm-breadcrumb{color:var(--text-muted,#6b7280);align-items:center;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.hm-title{color:var(--text-primary,#111827);margin:0 0 2px;font-size:22px;font-weight:700;line-height:1.2}.hm-subtitle{color:var(--text-muted,#6b7280);margin:0;font-size:13px;line-height:1.3}.hm-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.hm-lock-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.hm-ay-bar{color:var(--text-muted,#6b7280);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.hm-ay-select{min-width:140px}.hm-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.hm-stat-card{background:var(--surface,#fff);border:1px solid var(--border-light,#e5e7eb);cursor:default;box-sizing:border-box;border-radius:10px;align-items:center;gap:12px;min-height:56px;padding:10px 16px;transition:all .2s;display:flex}.hm-stat-card:hover{border-color:#d1d5db;box-shadow:0 3px 10px #0000000f}.hm-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hm-stat-val{color:var(--text-primary,#111827);font-size:20px;font-weight:700;line-height:1.1}.hm-stat-label{color:var(--text-muted,#6b7280);white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:500}.hm-selector-bar{scrollbar-width:thin;flex-wrap:nowrap;gap:10px;padding:4px 0 16px;display:flex;overflow-x:auto}.hm-selector-item{background:var(--surface,#fff);border:2px solid var(--border-light,#e5e7eb);cursor:pointer;white-space:nowrap;color:var(--text-secondary,#374151);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex}.hm-selector-item:hover{background:#f9fafb;border-color:#9ca3af}.hm-selector-item.selected{font-weight:600}.hm-selector-item.inactive{opacity:.6}.hm-all-houses{color:var(--text-primary,#111827)}.hm-selector-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.hm-selector-text{flex-direction:column;gap:1px;display:flex}.hm-selector-name{font-size:13.5px;font-weight:600}.hm-selector-count{color:var(--text-muted,#6b7280);font-size:11.5px}.hm-inactive-badge{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 5px;font-size:10px}.hm-all-view{background:var(--surface,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:16px;overflow:hidden}.hm-section-title{border-bottom:1px solid var(--border-light,#e5e7eb);color:var(--text-primary,#111827);margin:0;padding:12px 20px;font-size:15px;font-weight:700}.hm-house-view{flex-direction:column;gap:0;display:flex}.hm-house-hero{background:var(--surface,#fff);border:1px solid var(--border-light,#e5e7eb);border-left:5px solid var(--hero-accent,var(--house-color,#6366f1));border-radius:12px;flex-direction:column;margin-bottom:16px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.hm-house-hero-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.hm-house-hero-left{flex-shrink:0;align-items:center;gap:14px;display:flex}.hm-house-hero-title-group{flex-direction:column;gap:2px;display:flex}.hm-hero-title-row{align-items:center;gap:10px;display:flex}.hm-house-hero-name{color:var(--text-primary,#111827);letter-spacing:-.015em;margin:0;font-size:19px;font-weight:800;line-height:1.2}.hm-hero-subtitle{color:#64748b;font-size:12px;font-weight:500}.hm-house-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.hm-house-hero-strip{background:#f8fafc;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:12px 20px;display:grid}@media (width<=960px){.hm-house-hero-strip{grid-template-columns:repeat(2,1fr);gap:12px}}.hm-hero-stat-cell{border-right:1px solid #e2e8f0;flex-direction:column;gap:3px;min-width:0;padding:0 16px;display:flex}.hm-hero-stat-cell:first-child{padding-left:0}.hm-hero-stat-cell:last-child{border-right:none;padding-right:0}.hm-meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#6b7280);font-size:10px;font-weight:700;line-height:1}.hm-meta-val{color:var(--text-primary,#111827);font-size:13.5px;font-weight:600;line-height:1.2}.hm-code{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;line-height:1.3;display:inline-block}.hm-hero-cell-coordinators .hm-meta-val{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hm-val-bold{color:#0f172a;font-weight:800}.hm-color-chip{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;display:inline-flex}.hm-color-chip-dot{background:var(--chip-color,#6366f1);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0000001a}.hm-color-chip code{color:#334155;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:700}.hm-tabs{border-bottom:2px solid var(--border-light,#e5e7eb);background:var(--surface,#fff);gap:0;margin-top:18px;padding:0 22px;display:flex}.hm-tab{cursor:pointer;color:var(--text-muted,#6b7280);background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:13px 18px;font-size:13.5px;font-weight:500;transition:color .15s;display:flex}.hm-tab:hover:not(.coming-soon){color:var(--text-primary,#111827)}.hm-tab.active{font-weight:700}.hm-tab.coming-soon{cursor:default;opacity:.6}.hm-coming-soon-badge{color:#6b7280;background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:500}.hm-overview-grid{grid-template-columns:1fr 340px;align-items:stretch;gap:16px;margin-top:16px;display:grid}@media (width<=1100px){.hm-overview-grid{grid-template-columns:1fr}}.hm-about-card{background:var(--surface,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:12px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 1px 3px #00000005}.hm-about-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.hm-about-header-text{flex-direction:column;gap:2px;display:flex}.hm-about-header-text h4{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.hm-about-subtitle{color:#64748b;font-size:12px;font-weight:500}.hm-about-desc-box{border-left:3.5px solid var(--hero-accent,#2563eb);color:#334155;background:#f8fafc;border-radius:0 8px 8px 0;margin:0 0 18px;padding:12px 16px;font-size:13.5px;line-height:1.55}.hm-about-spec-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.hm-spec-tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.hm-spec-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:10.5px;font-weight:700}.hm-spec-value{color:#0f172a;font-size:13.5px}.hm-spec-value.font-medium{font-weight:600}.hm-coordinators-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.hm-coordinator-tag{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #00000008}.hm-quick-stats{background:var(--surface,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:12px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 1px 3px #00000005}.hm-qs-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hm-qs-title{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:15px;font-weight:700;display:flex}.hm-qs-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.hm-qs-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.hm-qs-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.hm-qs-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.hm-qs-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hm-qs-icon-box.purple{color:#8b5cf6;background:#faf5ff}.hm-qs-icon-box.blue{color:#3b82f6;background:#eff6ff}.hm-qs-icon-box.amber{color:#f59e0b;background:#fefce8}.hm-qs-icon-box.green{color:#16a34a;background:#f0fdf4}.hm-qs-info{flex-direction:column;display:flex}.hm-qs-info strong{color:#0f172a;font-size:20px;font-weight:800;line-height:1.1}.hm-qs-info span{color:#475569;margin-top:3px;font-size:12px;font-weight:600}.hm-qs-info small{color:#94a3b8;margin-top:1px;font-size:10.5px}.hm-members-tab{padding:16px 0}.hm-members-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.hm-search-wrap{flex:1;max-width:320px;position:relative}.hm-search{border:1.5px solid var(--border-light,#e5e7eb);background:var(--surface,#fff);width:100%;color:var(--text-primary,#111827);border-radius:8px;outline:none;padding:8px 12px 8px 34px;font-size:13.5px;transition:border-color .15s}.hm-search:focus{border-color:#6366f1}.hm-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.hm-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hm-filter{width:110px!important}.hm-bulk-bar{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.hm-bulk-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hm-bulk-house-select{flex-wrap:wrap;gap:6px;display:flex}.hm-house-chip{cursor:pointer;background:0 0;border:1.5px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.hm-chip-dot{border-radius:50%;width:8px;height:8px}.hm-table-wrap{overflow-x:auto}.hm-table{border-collapse:collapse;width:100%;font-size:13.5px}.hm-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#6b7280);border-bottom:1.5px solid var(--border-light,#e5e7eb);white-space:nowrap;background:#f9fafb;padding:10px 14px;font-size:11.5px;font-weight:600}.hm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.hm-table tbody tr:hover{background:#f8fafc}.hm-table tbody tr.selected{background:#eff6ff}.hm-table-row-clickable{cursor:pointer}.hm-table tbody td{color:var(--text-primary,#111827);vertical-align:middle;padding:11px 14px}.hm-student-cell{align-items:center;gap:9px;display:flex}.hm-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.hm-avatar-placeholder{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.hm-house-name-cell{align-items:center;gap:10px;font-weight:600;display:flex}.hm-row-actions{justify-content:center;align-items:center;gap:4px;display:flex}.hm-remove-btn:hover{color:#ef4444!important}.hm-status-badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.hm-status-badge.active{color:#15803d;background:#dcfce7}.hm-status-badge.inactive{color:#6b7280;background:#f3f4f6}.hm-missing{color:#9ca3af;font-size:12.5px;font-style:italic}.hm-pagination{color:var(--text-muted,#6b7280);justify-content:center;align-items:center;gap:14px;padding:14px 0;font-size:13px;display:flex}.hm-empty-state{color:var(--text-muted,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.hm-empty-state h3{color:var(--text-primary,#111827);margin:0;font-size:17px}.hm-empty-state p{max-width:340px;margin:0;font-size:13.5px}.hm-empty-main{background:var(--surface,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:16px;min-height:300px}.hm-loading-row{color:var(--text-muted,#6b7280);justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.hm-page-loading{height:300px;color:var(--text-muted,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.hm-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.hm-btn-sm{padding:5px 12px;font-size:12.5px}.hm-btn-primary{color:#fff;background:#6366f1;border-color:#6366f1}.hm-btn-primary:hover:not(:disabled){background:#4f46e5}.hm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.hm-btn-outline{color:var(--text-primary,#111827);border-color:var(--border-light,#e5e7eb);background:0 0}.hm-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.hm-btn-ghost{color:var(--text-secondary,#374151);border-color:var(--border-light,#e5e7eb);background:0 0}.hm-btn-ghost:hover{background:#f3f4f6}.hm-btn-warning{color:#fff;background:#f59e0b;border-color:#f59e0b;justify-content:center;width:100%}.hm-btn-warning:hover{background:#d97706}.hm-btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.hm-btn-danger:hover:not(:disabled){background:#dc2626}.hm-icon-btn{border:1.5px solid var(--border-light,#e5e7eb);background:var(--surface,#fff);cursor:pointer;color:var(--text-muted,#6b7280);border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .12s;display:flex}.hm-icon-btn:hover{color:var(--text-primary,#111827);background:#f3f4f6}.hm-more-menu{position:relative}.hm-dropdown{background:var(--surface,#fff);border:1.5px solid var(--border-light,#e5e7eb);z-index:200;border-radius:10px;min-width:180px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.hm-dropdown button{cursor:pointer;width:100%;color:var(--text-primary,#111827);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:11px 14px;font-size:13.5px;transition:background .12s;display:flex}.hm-dropdown button:hover{background:#f3f4f6}.hm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hm-modal{background:var(--surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 24px 64px #0000002e}.hm-modal-sm{max-width:420px}.hm-modal-lg{max-width:680px}.hm-modal-header{border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.hm-modal-title{align-items:center;gap:12px;display:flex}.hm-modal-title h3{color:var(--text-primary,#111827);margin:0;font-size:17px;font-weight:700}.hm-modal-sub{color:var(--text-muted,#6b7280);margin:3px 0 0;font-size:12.5px}.hm-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.hm-modal-footer{border-top:1px solid var(--border-light,#e5e7eb);background:#f9fafb;border-radius:0 0 16px 16px;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.hm-edit-warning{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 22px;display:flex}.hm-edit-warning-icon{background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hm-edit-warning h4{color:#92400e;margin:0 0 6px;font-size:16px}.hm-edit-warning p{color:var(--text-muted,#6b7280);max-width:360px;margin:0;font-size:13px;line-height:1.5}.hm-field{flex-direction:column;gap:6px;display:flex}.hm-field label{color:var(--text-primary,#111827);font-size:13px;font-weight:600}.hm-required{color:#ef4444}.hm-hint{color:var(--text-muted,#6b7280);font-size:12px;font-weight:400}.hm-input{border:1.5px solid var(--border-light,#e5e7eb);background:var(--surface,#fff);width:100%;color:var(--text-primary,#111827);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px;transition:border-color .15s}.hm-input:focus{border-color:#6366f1}.hm-textarea{resize:vertical}.hm-select{border:1.5px solid var(--border-light,#e5e7eb);background:var(--surface,#fff);color:var(--text-primary,#111827);cursor:pointer;border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px}.hm-select:focus{border-color:#6366f1}.hm-color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hm-color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .12s;display:flex}.hm-color-dot:hover{transform:scale(1.12)}.hm-color-dot.selected{border-color:#111827;transform:scale(1.1)}.hm-color-custom{border:1.5px solid var(--border-light,#e5e7eb);cursor:pointer;border-radius:6px;width:32px;height:32px;padding:2px}.hm-color-val{color:var(--text-muted,#6b7280);font-family:monospace;font-size:12px}.hm-coord-list{border:1.5px solid var(--border-light,#e5e7eb);border-radius:8px;flex-direction:column;gap:4px;max-height:160px;padding:8px;display:flex;overflow-y:auto}.hm-check-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:13px;display:flex}.hm-check-item:hover{background:#f3f4f6}.hm-emp-id{color:var(--text-muted,#6b7280);margin-left:auto;font-size:11.5px}.hm-empty-hint{color:var(--text-muted,#6b7280);padding:8px;font-size:12.5px}.hm-radio-row{gap:8px;display:flex}.hm-radio-pill{border:1.5px solid var(--border-light,#e5e7eb);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .12s;display:flex}.hm-radio-pill input{display:none}.hm-radio-pill.selected{color:#6366f1;background:#eff6ff;border-color:#6366f1;font-weight:600}.hm-house-options{flex-direction:column;gap:8px;display:flex}.hm-house-option{border:2px solid var(--border-light,#e5e7eb);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.hm-house-option:hover{border-color:#9ca3af}.hm-house-option.selected{font-weight:600}.hm-house-option input{display:none}.hm-house-option div{flex-direction:column;gap:2px;display:flex}.hm-house-option strong{font-size:14px}.hm-house-option span{color:var(--text-muted,#6b7280);font-size:12px}.hm-modal-settings{width:100%;max-width:520px}.hm-setting-item{border-bottom:1px solid #f1f5f9;padding:12px 0}.hm-setting-item:last-child{border-bottom:none}.hm-setting-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hm-setting-text{flex:1}.hm-setting-header-wrap{align-items:center;gap:7px;display:flex}.hm-setting-label{color:var(--text-primary,#111827);margin:0;font-size:13.5px;font-weight:600}.hm-setting-desc{color:var(--text-muted,#6b7280);margin:3px 0 0;font-size:12px}.hm-info-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:inline-flex}.hm-info-btn:hover,.hm-info-btn.active{color:#4338ca;background:#e0e7ff;border-color:#818cf8;transform:scale(1.08)}.hm-setting-desc-detailed{flex-direction:column;gap:6px;margin-top:5px;animation:.15s ease-out hmFadeIn;display:flex}@keyframes hmFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.hm-desc-line{color:#334155;align-items:flex-start;gap:7px;font-size:11.5px;line-height:1.45;display:flex}.hm-desc-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;margin-top:1px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.hm-desc-tag.on{color:#15803d;background:#dcfce7;border:1px solid #86efac}.hm-desc-tag.off{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.hm-toggle{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.hm-toggle.on{background:#6366f1}.hm-toggle.off{background:#d1d5db}.hm-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;box-shadow:0 1px 3px #0003}.hm-toggle.on .hm-toggle-knob{left:23px}.hm-toggle.off .hm-toggle-knob{left:3px}.hm-warning-box{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:9px;margin:8px 0;padding:10px 12px;font-size:13px;display:flex}.hm-confirm-text{color:var(--text-secondary,#374151);font-size:13.5px}.hm-code{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 7px;font-family:Fira Code,Cascadia Code,monospace;font-size:12.5px}.hm-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000002e}.spin{animation:.8s linear infinite spin}@media (width<=900px){.hm-stats-grid{grid-template-columns:repeat(2,1fr)}.hm-overview-grid{grid-template-columns:1fr}.hm-house-hero{flex-direction:column;align-items:flex-start;gap:14px}.hm-house-hero-meta{justify-content:flex-start;gap:14px}.hm-house-hero-meta>.hm-meta-item:not(:last-child){border-right:none;padding-right:0}}@media (width<=600px){.hm-page{padding:16px}.hm-stats-grid{grid-template-columns:1fr 1fr}.hm-header{flex-direction:column}.hm-bulk-bar{flex-direction:column;align-items:flex-start}}.hm-table-dark thead th{text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;padding:12px 14px;font-size:11.5px;font-weight:700;transition:background-color .15s,color .15s;color:#f8fafc!important;background:#0f172a!important;border-bottom:2px solid #334155!important}.hm-table-dark thead th:hover{color:#fff!important;background:#1e293b!important}.hm-table-dark thead th.sorted-active{color:#38bdf8!important;background:#1e293b!important}.hm-th-content{align-items:center;gap:6px;display:inline-flex}.hm-sort-icon{color:#64748b;align-items:center;transition:all .15s;display:inline-flex}.hm-sort-icon.active{color:#38bdf8!important}.hm-sort-idle{opacity:.4;transition:opacity .15s}.hm-table-dark thead th:hover .hm-sort-idle{opacity:.9;color:#94a3b8}.hm-sort-priority{color:#0f172a;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-left:2px;font-size:9.5px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #0003}.hm-table-striped tbody tr:nth-child(odd) td{background-color:#fff}.hm-table-striped tbody tr:nth-child(2n) td{background-color:#f8fafc}.hm-table-striped tbody tr:hover td{background-color:#f0f7ff!important}.hm-table-striped tbody td{transition:background-color .15s}.hm-select-filter{border:1.5px solid var(--border-light,#e5e7eb);color:var(--text-primary,#111827);background:var(--surface,#fff);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' 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 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;min-width:140px;padding:8px 30px 8px 12px;font-size:13px;font-weight:600;transition:all .15s}.hm-select-filter:hover{border-color:#94a3b8}.hm-select-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.hm-sort-bar{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:12px;animation:.2s ease-out hm-slide-down;display:flex}@keyframes hm-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hm-sort-pill{color:#f8fafc;background:#0f172a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.hm-sort-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.hm-sort-clear-btn:hover{color:#dc2626;background:#fee2e2}.hm-section-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:700;display:inline-block}.hm-gender-badge{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.hm-gender-badge.male{color:#2563eb;background:#eff6ff}.hm-gender-badge.female{color:#db2777;background:#fdf2f8}.hm-circle{width:var(--circle-size,40px);height:var(--circle-size,40px);min-width:var(--circle-size,40px);background:var(--circle-color,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hm-house-hero-title-group{align-items:center;gap:8px;display:flex}.hm-role-badge{background:var(--badge-bg,#6366f11a);color:var(--badge-color,#6366f1);border-color:var(--badge-border,#6366f140)}.hm-stat-icon.icon-students{background:var(--stat-icon-bg,#e0e7ff)}.hm-stat-icon.icon-faculty{background:#eff6ff}.hm-stat-icon.icon-points{background:#faf5ff}.hm-stat-icon.icon-achievements{background:#fefce8}.hm-stat-icon.icon-houses{background:#eff6ff}.hm-stat-icon.icon-active{background:#f0fdf4}.hm-stat-icon.icon-assigned{background:#faf5ff}.hm-stat-icon.icon-unassigned{background:#fefce8}.hm-stat-card.clickable{cursor:pointer}.hm-search-wrap.mb-12{margin-bottom:12px}.hm-empty-main{margin-top:40px}.hm-section-title-row{justify-content:space-between;align-items:center;display:flex}.hm-student-count-sub{color:var(--text-muted,#6b7280);font-size:13px;font-weight:400}.hm-members-body{padding:14px 20px}.hm-export-container{margin-left:auto}.hm-sort-label{color:#334155;font-weight:600}.hm-student-name{color:#0f172a}.hm-all-view-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hm-all-view-header .hm-section-title{border-bottom:none;padding:0}.hm-th-name{min-width:170px}.hm-th-houseId{width:120px}.hm-th-headFaculty{min-width:160px}.hm-th-coordinators{min-width:240px}.hm-th-studentCount,.hm-th-status{width:110px}.hm-col-actions-header{text-align:center;width:90px;cursor:default!important}.hm-house-title-link{color:#0f172a;letter-spacing:-.01em;font-size:13.5px;font-weight:700}.hm-faculty-name{color:#1e293b;font-weight:600}.hm-coordinators-cell{max-width:280px}.hm-coordinators-text{-webkit-line-clamp:2;line-clamp:2;color:#475569;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.hm-student-pill{color:#0f172a;background:#f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:13px;display:inline-flex}.hm-student-pill-icon{color:#64748b}.hm-col-cb{text-align:center!important;cursor:default!important;width:44px!important}.hm-col-actions{text-align:center!important;width:80px!important}.hm-th-admissionNo{width:140px}.hm-th-class{width:130px}.hm-th-gender{width:110px}.hm-th-classAdvisor{min-width:170px}.sdw-backdrop-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) sdwFadeIn;display:flex;position:fixed;inset:0}.sdw-modal-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:460px;animation:.3s cubic-bezier(.34,1.56,.64,1) sdwCardScale;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #0003,0 0 0 1px #e2e8f0cc}.sdw-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.sdw-close-btn:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.sdw-header-banner{background:linear-gradient(135deg,#eff6ff 0%,#fdf4ff 50%,#fef3c7 100%);border-bottom:1px solid #f1f5f9;flex-direction:column;align-items:center;gap:10px;padding:28px 20px 18px;display:flex}.sdw-sparkle-halo{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:2.5s ease-in-out infinite sdwPulse;display:flex;box-shadow:0 8px 20px #ec48994d}.sdw-sparkle-icon{animation:8s linear infinite sdwSpin}.sdw-date-tag{text-transform:uppercase;letter-spacing:.06em;color:#6366f1;background:#ffffffd9;border:1px solid #6366f133;border-radius:9999px;padding:3px 12px;font-size:.78rem;font-weight:700}.sdw-content-body{padding:24px 24px 18px}.sdw-wish-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 10px;font-size:1.5rem;font-weight:800}.sdw-wish-message{color:#475569;margin:0;font-size:.95rem;line-height:1.55}.sdw-image-preview{border-radius:12px;max-height:180px;margin-top:16px;overflow:hidden}.sdw-image-preview img{object-fit:cover;width:100%;height:100%}.sdw-footer-actions{padding:12px 24px 24px}.sdw-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.sdw-continue-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.sdw-heart-icon{color:#fca5a5;animation:1.8s ease-in-out infinite sdwBeat}@keyframes sdwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sdwCardScale{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sdwPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sdwSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sdwBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}.a4-calendar-sheet{color:#0f172a;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;justify-content:space-between;width:794px;height:1123px;min-height:1123px;max-height:1123px;margin:0 auto;padding:16px 22px 10px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.a4-top-corner-swoosh{z-index:0;pointer-events:none;width:140px;height:90px;position:absolute;top:0;left:0}.a4-top-corner-swoosh svg{width:100%;height:100%}.a4-header{z-index:2;justify-content:space-between;align-items:center;margin-top:2px;padding:2px 8px 6px;display:flex;position:relative}.a4-header-left{align-items:center;gap:16px;display:flex}.a4-school-logo-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;padding:4px;display:flex;box-shadow:0 2px 10px #00336614}.a4-school-logo{object-fit:contain;max-width:100%;max-height:100%}.a4-school-details{flex-direction:column;gap:2px;display:flex}.a4-school-name{color:#0f2942;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800;line-height:1.2}.a4-school-address{color:#475569;margin:0;font-size:11px;font-weight:500;line-height:1.3}.a4-school-meta{color:#0369a1;align-items:center;gap:8px;margin-top:1px;font-size:11px;font-weight:600;display:flex}.a4-phone-tag{align-items:center;display:inline-flex}.a4-meta-divider{color:#cbd5e1;font-size:10px}.a4-affil-tag{color:#334155}.a4-header-right{align-items:center;display:flex}.a4-script-wrap{color:#0284c7;flex-direction:column;align-items:flex-end;padding-right:4px;font-family:Caveat,cursive,sans-serif;font-size:19px;font-weight:700;line-height:1.05;display:flex;transform:rotate(-3deg)}.a4-script-line.line-1{color:#0284c7;letter-spacing:.5px}.a4-script-line.line-2{color:#0ea5e9;margin-right:8px}.a4-script-line.line-3{color:#0284c7;align-items:center;gap:3px;margin-right:14px;display:inline-flex}.a4-script-heart{font-size:13px}.a4-title-section{z-index:2;flex-direction:column;align-items:center;margin:4px 0 6px;display:flex;position:relative}.a4-banner-container{justify-content:center;align-items:center;gap:8px;display:flex}.a4-leaf-flair{align-items:center;display:flex}.a4-leaf-flair.left{transform:rotate(-15deg)}.a4-leaf-flair.right{transform:rotate(15deg)}.a4-ribbon-badge{background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 40%,#10b981 100%);border-radius:9999px;padding:6px 42px;position:relative;box-shadow:0 4px 14px #0284c740}.a4-ribbon-badge:before,.a4-ribbon-badge:after{content:"";background:#fff6;border-radius:2px;width:14px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.a4-ribbon-badge:before{left:18px}.a4-ribbon-badge:after{right:18px}.a4-calendar-main-title{color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #00000026;margin:0;font-size:20px;font-weight:800}.a4-academic-year-subtitle{justify-content:center;align-items:center;gap:12px;width:220px;margin-top:4px;display:flex}.a4-sub-line{background:linear-gradient(90deg,#0000,#0284c7,#0000);border-radius:1px;flex:1;height:1.5px}.a4-sub-text{color:#0f2942;letter-spacing:1.5px;font-size:13.5px;font-weight:800}.a4-legend-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;gap:16px;width:fit-content;margin:2px auto 8px;padding:5px 18px;display:flex;box-shadow:0 1px 3px #00000005}.a4-legend-item{align-items:center;gap:6px;display:flex}.a4-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 1px 2px #0000001a}.a4-legend-text{color:#475569;letter-spacing:-.1px;font-size:10px;font-weight:600}.a4-months-grid{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:11px 12px;margin-bottom:2px;display:grid}.a4-month-card{box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:13px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 4px #0284c70a}.a4-month-header{background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 60%,#38bdf8 100%);border-bottom:1px solid #0284c71a;justify-content:space-between;align-items:center;padding:4px 10px;display:flex;position:relative}.a4-month-name{color:#fff;letter-spacing:.2px;text-shadow:0 1px 2px #0000001a;font-size:11.5px;font-weight:700}.a4-month-year{color:#fff;opacity:.92;font-size:10px;font-weight:600}.a4-weekdays-row{background:#f8fafc;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(7,1fr);padding:3px 2px 2px;display:grid}.a4-weekday-cell{text-align:center;color:#64748b;text-transform:capitalize;font-size:8px;font-weight:600}.a4-days-grid{flex:1;grid-template-columns:repeat(7,1fr);align-content:space-around;padding:3px 2px 4px;display:grid}.a4-day-cell{box-sizing:border-box;justify-content:center;align-items:center;height:20px;display:flex}.a4-day-cell.empty{visibility:hidden}.a4-day-plain{color:#1e293b;text-align:center;font-size:9px;font-weight:600}.a4-day-badge{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin:0 auto;font-size:8.5px;font-weight:700;line-height:1;display:flex;box-shadow:0 1px 2px #00000014}.a4-day-badge.badge-holiday{color:#fff!important;background-color:#f87171!important}.a4-day-badge.badge-vacation{color:#fff!important;background-color:#fb923c!important}.a4-day-badge.badge-special_working{color:#fff!important;background-color:#2dd4bf!important}.a4-day-badge.badge-half_day{color:#fff!important;background-color:#38bdf8!important}.a4-day-badge.badge-examination{color:#fff!important;background-color:#a855f7!important}.a4-day-badge.badge-event{color:#fff!important;background-color:#c084fc!important}.a4-day-badge.badge-working{color:#fff!important;background-color:#2563eb!important}.a4-footer{z-index:2;justify-content:space-between;align-items:flex-end;height:54px;margin-top:2px;padding:0 6px;display:flex;position:relative}.a4-footer-waves-left{pointer-events:none;z-index:1;width:260px;height:70px;position:absolute;bottom:-10px;left:-22px}.a4-footer-waves-left svg{width:100%;height:100%}.a4-footer-brand{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #e2e8f0b3;border-radius:9999px;align-items:center;gap:7px;margin:0 auto 6px;padding:3px 12px;display:flex;position:relative}.a4-footer-logo{object-fit:contain;width:15px;height:15px}.a4-footer-brand-text{color:#334155;letter-spacing:.1px;font-size:9.5px;font-weight:600}.a4-footer-book-artwork{pointer-events:none;z-index:3;width:140px;height:90px;position:absolute;bottom:-4px;right:-6px}.a4-footer-book-artwork svg{width:100%;height:100%}@page{size:A4 portrait;margin:0}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.a4-calendar-sheet,.a4-calendar-sheet *{visibility:visible!important}.a4-calendar-sheet{width:210mm!important;height:297mm!important;max-height:297mm!important;box-shadow:none!important;box-sizing:border-box!important;page-break-after:avoid!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-radius:0!important;margin:0!important;padding:14mm 16mm 10mm!important;position:fixed!important;top:0!important;left:0!important}.a4-download-modal-overlay,.a4-modal-controls,.cal-top-banner,.sidebar,.header{display:none!important}}.acad-calendar-page{color:#0f172a;background-color:#f8fafc;flex-direction:column;gap:20px;min-height:calc(100vh - 64px);padding:24px;font-family:inherit;display:flex;position:relative}.cal-top-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #00000005}.cal-header-left{align-items:center;gap:16px;display:flex}.cal-header-icon-box{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cal-page-title{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.cal-page-sub{color:#64748b;margin:3px 0 0;font-size:.82rem}.cal-header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cal-btn-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.cal-btn-outline:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.cal-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #2563eb33}.cal-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 10px #2563eb4d}.cal-kpi-row{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.cal-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000005}.cal-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.cal-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cal-kpi-icon-wrap.blue{color:#2563eb;background:#eff6ff}.cal-kpi-icon-wrap.cyan{color:#0284c7;background:#e0f2fe}.cal-kpi-icon-wrap.red{color:#ef4444;background:#fee2e2}.cal-kpi-icon-wrap.amber{color:#d97706;background:#fef3c7}.cal-kpi-icon-wrap.green{color:#059669;background:#d1fae5}.cal-kpi-icon-wrap.purple{color:#7c3aed;background:#ede9fe}.cal-kpi-content{flex-direction:column;display:flex}.cal-kpi-label{color:#64748b;font-size:.72rem;font-weight:600;line-height:1.2}.cal-kpi-val{color:#0f172a;letter-spacing:-.02em;margin-top:2px;font-size:1.4rem;font-weight:800;line-height:1.15}.cal-legend-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 18px;display:flex}.cal-legend-item{color:#475569;align-items:center;gap:7px;font-size:.78rem;font-weight:600;display:flex}.cal-legend-bullet{border-radius:50%;width:9px;height:9px;display:inline-block}.dot-blue{background:#2563eb}.dot-cyan{background:#0284c7}.dot-red{background:#ef4444}.dot-amber{background:#d97706}.dot-green{background:#059669}.dot-purple{background:#7c3aed}.dot-violet{background:#a855f7}.cal-workspace-layout{align-items:flex-start;gap:20px;width:100%;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.cal-months-column{flex:1;min-width:0}.cal-months-grid.cols-3{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.cal-months-grid.cols-2{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.cal-month-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.cal-month-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.cal-month-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cal-month-title{align-items:baseline;gap:5px;margin:0;font-size:.98rem;font-weight:800;display:flex}.cal-month-year{opacity:.85;font-size:.82rem;font-weight:600}.cal-weekdays-row{text-align:center;grid-template-columns:repeat(7,1fr);gap:5px;padding:8px 10px 4px;display:grid}.cal-weekday-cell{color:#64748b;border-radius:4px;padding:3px 0;font-size:.72rem;font-weight:700}.cal-weekday-cell.sunday{color:#ef4444;background:#fef2f2}.cal-days-grid{grid-template-columns:repeat(7,1fr);gap:5px;padding:4px 10px 12px;display:grid}.cal-day-cell{aspect-ratio:1;cursor:pointer;color:#1e293b;-webkit-user-select:none;user-select:none;border:1px solid var(--cell-theme-border,#e2e8f0);background:#fff;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;transition:all .12s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.cal-day-cell.pad{cursor:default;opacity:.4;box-shadow:none;background:#fafbfc;border:1px dashed #f1f5f9}.cal-day-cell:not(.pad):hover{background:#f8fafc;border-color:#0f172a;transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.cal-day-cell.status-working{border-color:var(--cell-theme-border,#e2e8f0);background:#fff}.cal-day-cell.status-holiday{color:#ef4444;background:#fff5f5;border-color:#fca5a5;font-weight:700}.cal-day-cell.status-holiday .cal-day-num{color:#dc2626;font-weight:700}.cal-day-cell.status-half-day{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.cal-day-cell.status-half-day .cal-day-num{color:#0284c7;font-weight:700}.cal-day-cell.status-vacation{color:#d97706;background:#fffbeb;border-color:#fde68a}.cal-day-cell.status-vacation .cal-day-num{color:#d97706;font-weight:700}.cal-day-cell.status-special{color:#059669;background:#f0fdf4;border-color:#86efac}.cal-day-cell.status-special .cal-day-num{color:#059669;font-weight:700}.cal-day-cell.status-exam{color:#7c3aed;background:#faf5ff;border-color:#ddd6fe}.cal-day-cell.status-exam .cal-day-num{color:#7c3aed;font-weight:700}.cal-day-cell.selected{font-weight:800;background:#eff6ff!important;border:2px solid #2563eb!important;box-shadow:0 0 0 2px #2563eb33!important}.cal-day-cell.selected .cal-day-num{font-weight:800;color:#1d4ed8!important}.cal-day-cell.today{z-index:2;font-weight:800;animation:2.8s ease-in-out infinite todayGlowPulse;position:relative;box-shadow:0 0 0 1px #2563eb66,0 0 12px #2563eb73,0 2px 8px #2563eb33,inset 0 0 8px #2563eb14;background:linear-gradient(145deg,#fff 0%,#eff6ff 100%)!important;border:2px solid #2563eb!important}.cal-day-cell.today .cal-day-num{letter-spacing:-.01em;font-size:.88rem;color:#1d4ed8!important;font-weight:900!important}.cal-today-tag{letter-spacing:.5px;color:#1d4ed8;pointer-events:none;text-transform:uppercase;background:#2563eb1f;border:1px solid #2563eb40;border-radius:3px;padding:0 3px;font-size:.5rem;font-weight:900;line-height:1.15;position:absolute;top:1px}@keyframes todayGlowPulse{0%,to{box-shadow:0 0 0 1px #2563eb80,0 0 12px #2563eb66,0 2px 6px #2563eb33,inset 0 0 6px #2563eb14;border-color:#2563eb!important}50%{box-shadow:0 0 0 2px #3b82f6cc,0 0 20px #3b82f6a6,0 4px 12px #2563eb4d,inset 0 0 10px #2563eb26;border-color:#1d4ed8!important}}.cal-day-cell.today.selected{outline-offset:1px;background:#dbeafe!important;outline:2px solid #1e3a8a!important}.cal-day-cell.today.status-holiday{animation:2.8s ease-in-out infinite todayHolidayGlowPulse;background:linear-gradient(145deg,#fff5f5 0%,#fee2e2 100%)!important;border-color:#ef4444!important}.cal-day-cell.today.status-holiday .cal-day-num{color:#dc2626!important}.cal-day-cell.today.status-holiday .cal-today-tag{color:#dc2626;background:#ef444424;border-color:#ef44444d}@keyframes todayHolidayGlowPulse{0%,to{box-shadow:0 0 0 1px #ef444480,0 0 12px #ef444466,0 2px 6px #ef444433;border-color:#ef4444!important}50%{box-shadow:0 0 0 2px #f87171cc,0 0 20px #f87171a6,0 4px 12px #ef44444d;border-color:#dc2626!important}}.cal-dot-indicator{border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.event-dot{background:#a855f7}.exam-dot{background:#7c3aed}.wish-dot{background:#ec4899;top:3px;bottom:auto;right:3px}.cal-side-panel-container{z-index:50;flex-direction:column;flex-shrink:0;width:480px;max-height:calc(100vh - 100px);animation:.22s cubic-bezier(.16,1,.3,1) calPanelSlideIn;display:flex;position:sticky;top:80px}.cal-side-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;max-height:calc(100vh - 100px);display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.cal-dm-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cal-dm-title-row{align-items:center;gap:10px;display:flex}.cal-dm-title-wrap{align-items:center;gap:8px;display:flex}.cal-dm-header-icon{color:#2563eb}.cal-dm-title-row h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.cal-dm-back-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.cal-dm-back-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.cal-dm-header-right{align-items:center;gap:8px;display:flex}.cal-dm-active-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:2px 9px;font-size:.74rem;font-weight:700}.cal-dm-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.cal-dm-close-btn:hover{color:#ef4444;background:#fee2e2}.cal-dm-list-view-container{background:#f8fafc;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cal-dm-instruction-banner{color:#1e40af;background:#eff6ff;border-bottom:1px solid #dbeafe;align-items:center;gap:6px;padding:8px 16px;font-size:.73rem;font-weight:600;display:flex}.cal-dm-search-wrap{background:#fff;border-bottom:1px solid #f1f5f9;padding:10px 16px;position:relative}.cal-dm-search-icon{color:#94a3b8;position:absolute;top:20px;left:26px}.cal-dm-search-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 32px;font-size:.8rem;transition:border-color .15s}.cal-dm-search-input:focus{background:#fff;border-color:#2563eb}.cal-dm-dates-scrollable.full{flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.cal-dm-list-item-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.cal-dm-list-item-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb14}.cal-dm-list-item-card.active{background:#f8faff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.cal-dm-item-main{flex-direction:column;flex:1;gap:3px;display:flex}.cal-dm-item-top{align-items:baseline;gap:8px;display:flex}.cal-dm-item-date{color:#0f172a;font-size:.85rem;font-weight:800}.cal-dm-item-weekday{color:#64748b;font-size:.72rem;font-weight:600}.cal-dm-item-status-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cal-dm-status-bullet{border-radius:50%;width:7px;height:7px;display:inline-block}.cal-dm-status-text{font-size:.72rem;font-weight:700}.cal-dm-events-count-badge{color:#7c3aed;background:#ede9fe;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:700}.cal-dm-item-obs-line{color:#c026d3;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:6px;align-items:center;gap:5px;width:fit-content;margin-top:1px;padding:2px 7px;font-size:.71rem;font-weight:600;display:flex}.obs-sparkle{color:#d946ef}.cal-dm-item-arrow{color:#94a3b8;flex-shrink:0}.cal-dm-editor-view-container{background:#fff;flex-direction:column;flex:1;gap:14px;padding:16px 18px;display:flex;overflow-y:auto}.cal-editor-date-banner{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.cal-editor-date-text{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800;line-height:1.2}.cal-editor-day-name{color:#64748b;font-size:.82rem;font-weight:600}.cal-editor-obs-badge{color:#c026d3;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:flex}.cal-observance-desc-card{background:linear-gradient(135deg,#fdf4ff 0%,#fae8ff 100%);border:1px solid #f0abfc;border-radius:12px;flex-direction:column;gap:6px;padding:11px 13px;display:flex}.cal-obs-desc-header{align-items:center;gap:6px;display:flex}.cal-obs-desc-sparkle{color:#c026d3}.cal-obs-desc-title{color:#86198f;font-size:.8rem;font-weight:800}.cal-obs-desc-text{color:#701a75;margin:0;font-size:.76rem;line-height:1.45}.cal-obs-all-tags{flex-wrap:wrap;align-items:center;gap:4px;padding-top:3px;display:flex}.cal-obs-tag-label{color:#a21caf;font-size:.67rem;font-weight:700}.cal-obs-tag-pill{color:#86198f;background:#ffffffbf;border:1px solid #f5d0fe;border-radius:4px;padding:1px 5px;font-size:.67rem;font-weight:600}.cal-obs-add-event-btn{color:#a21caf;cursor:pointer;background:#fff;border:1px solid #d946ef;border-radius:6px;align-self:flex-start;margin-top:2px;padding:4px 9px;font-size:.71rem;font-weight:700;transition:all .15s}.cal-obs-add-event-btn:hover{color:#701a75;background:#fdf4ff}.cal-form-group{flex-direction:column;gap:5px;display:flex}.cal-form-label{color:#334155;font-size:.78rem;font-weight:700}.cal-sub-label{color:#64748b;font-size:.72rem;font-weight:600}.cal-form-select,.cal-form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:.82rem;transition:border-color .15s}.cal-form-select:focus,.cal-form-input:focus{border-color:#2563eb}.cal-form-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:.82rem}.cal-form-textarea:focus{border-color:#2563eb}.cal-form-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.cal-sec-subheading{color:#1e293b;font-size:.82rem;font-weight:800}.cal-sec-subheading-flex{justify-content:space-between;align-items:center;display:flex}.cal-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cal-form-col{flex-direction:column;gap:3px;display:flex}.cal-timing-row{flex-direction:column;gap:5px;display:flex}.cal-time-inputs{align-items:center;gap:8px;display:flex}.cal-time-box{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:7px 9px;font-size:.8rem}.cal-time-sep{color:#94a3b8;font-size:.74rem;font-weight:600}.cal-events-tags-wrap{flex-wrap:wrap;gap:5px;min-height:26px;display:flex}.cal-event-pill{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;display:flex;box-shadow:0 1px 2px #00000005}.cal-ep-title{color:#1e293b;font-size:.76rem;font-weight:700}.cal-ep-aud{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 4px;font-size:.66rem;font-weight:700}.cal-ep-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cal-ep-remove:hover{color:#ef4444}.cal-no-events-hint{color:#94a3b8;font-size:.72rem;font-style:italic}.cal-add-event-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:7px;padding:8px;display:flex}.cal-event-text-input{border:none;outline:none;width:100%;padding:4px 6px;font-size:.8rem}.cal-event-sub-options{border-top:1px solid #f8fafc;flex-wrap:wrap;align-items:center;gap:7px;padding-top:6px;display:flex}.cal-event-aud-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 6px;font-size:.72rem}.cal-checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.cal-event-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:.74rem;font-weight:700}.cal-event-add-btn:disabled{opacity:.5;cursor:not-allowed}.cal-wishes-header-row{justify-content:space-between;align-items:center;display:flex}.cal-wish-title-flex{align-items:center;gap:6px;display:flex}.cal-wish-star-icon{color:#ec4899}.cal-toggle-switch{width:38px;height:20px;display:inline-block;position:relative}.cal-toggle-switch input{opacity:0;width:0;height:0}.cal-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:20px;transition:all .2s;position:absolute;inset:0}.cal-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.cal-toggle-switch input:checked+.cal-toggle-slider{background-color:#2563eb}.cal-toggle-switch input:checked+.cal-toggle-slider:before{transform:translate(18px)}.cal-wish-form-fields{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;margin-top:6px;padding-top:8px;display:flex}.cal-editor-action-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex;position:sticky;bottom:0}.cal-footer-cancel-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600}.cal-footer-cancel-btn:hover{color:#0f172a;background:#f8fafc}.cal-footer-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:700;transition:all .15s;box-shadow:0 2px 6px #2563eb40}.cal-footer-save-btn:hover{background:#1d4ed8}.cal-footer-save-btn:disabled{opacity:.6;cursor:not-allowed}.cal-unsaved-overlay{-webkit-backdrop-filter:blur(3px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s calBackdropFade;display:flex;position:fixed;inset:0}.cal-unsaved-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) calCardPop;display:flex;box-shadow:0 25px 50px -12px #00000040}.cal-unsaved-icon-wrap{color:#f97316;background:#fff7ed;border:1px solid #ffedd5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.cal-unsaved-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.cal-unsaved-msg{color:#475569;margin:0;font-size:.84rem;line-height:1.5}.cal-unsaved-btn-group{align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.cal-unsaved-btn-discard{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex:1;padding:9px 14px;font-size:.82rem;font-weight:700;transition:all .15s}.cal-unsaved-btn-discard:hover{background:#fee2e2}.cal-unsaved-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;flex:1;padding:9px 14px;font-size:.82rem;font-weight:700;transition:all .15s;box-shadow:0 2px 6px #2563eb40}.cal-unsaved-btn-save:hover{background:#1d4ed8}.cal-unsaved-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.78rem;font-weight:600}.cal-unsaved-btn-cancel:hover{color:#0f172a;text-decoration:underline}.cal-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cal-modal-card{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cal-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.cal-mh-title-flex{align-items:center;gap:8px;display:flex}.cal-mh-icon{color:#2563eb}.cal-mh-title-flex h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.cal-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cal-modal-close:hover{color:#0f172a}.cal-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.cal-modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;display:flex}@keyframes calBackdropFade{0%{opacity:0}to{opacity:1}}@keyframes calPanelSlideIn{0%{opacity:.8;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes calCardPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=1400px){.cal-workspace-layout.panel-active{flex-direction:column}.cal-side-panel-container{width:100%;max-height:none;position:static}.cal-side-panel-card{max-height:none}}@media (width<=1100px){.cal-kpi-row{grid-template-columns:repeat(3,1fr)}.cal-months-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.cal-months-grid.cols-3,.cal-months-grid.cols-2{grid-template-columns:1fr}.cal-kpi-row{grid-template-columns:repeat(2,1fr)}.cal-top-banner{flex-direction:column;align-items:flex-start}}@media print{.app-sidebar,.app-header,.cal-header-controls,.cal-side-panel-container{display:none!important}.acad-calendar-page{background:#fff!important;padding:0!important}.cal-months-grid.cols-3,.cal-months-grid.cols-2{grid-template-columns:repeat(3,1fr)!important}}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#f8fafc;--bg-card:#fff;--bg-sidebar:#0f172a;--bg-sidebar-hover:#1e293b;--bg-sidebar-active:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-white:#fff;--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-primary-text:#1d4ed8;--color-success:#10b981;--color-success-light:#ecfdf5;--color-success-text:#047857;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-text:#b45309;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-text:#b91c1c;--border-color:#e2e8f0;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-card:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{background-color:var(--bg-primary);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden auto}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--text-white)}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-primary);border-color:#cbd5e1}.btn-danger{background-color:var(--color-danger);color:var(--text-white)}.btn-danger:hover{background-color:#dc2626}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:var(--transition-normal);padding:24px}.card:hover{box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-control{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:12px 16px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px #3b82f61a}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:1.25rem;padding-right:40px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);justify-content:space-between;align-items:center;padding:20px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.625rem;font-weight:700}.stat-change{margin-top:4px;font-size:.75rem;font-weight:600}.stat-change.positive{color:var(--color-success-text)}.stat-change.negative{color:var(--color-danger-text)}.stat-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.blue{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-icon-wrapper.green{background-color:var(--color-success-light);color:var(--color-success)}.stat-icon-wrapper.amber{background-color:var(--color-warning-light);color:var(--color-warning)}.stat-icon-wrapper.red{background-color:var(--color-danger-light);color:var(--color-danger)}.badge{border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:var(--color-success-text)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-text)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-text)}.badge-info{background-color:var(--color-primary-light);color:var(--color-primary-text)}@media (width<=768px){.stats-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.stat-card{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:12px}.stat-info{word-break:break-word;width:100%;min-width:0}.stat-value{font-size:1.35rem}.stat-label{font-size:.75rem}.stat-icon-wrapper{align-self:flex-end;width:36px;height:36px;margin-top:-30px}.stat-icon-wrapper svg{width:18px;height:18px}}