:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-surface:#eff6ff;--color-on-primary:#fff;--color-neutral-900:#0f172a;--color-neutral-700:#334155;--color-neutral-500:#64748b;--color-neutral-300:#cbd5e1;--color-neutral-200:#e2e8f0;--color-neutral-100:#f1f5f9;--color-neutral-50:#f8fafc;--color-white:#fff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-success-text:#065f46;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-info-text:#1e40af;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--text-display-large:3.5625rem;--text-display-medium:2.8125rem;--text-display-small:2.25rem;--text-headline-large:2rem;--text-headline-medium:1.75rem;--text-headline-small:1.5rem;--text-title-large:1.375rem;--text-title-medium:1rem;--text-title-small:.875rem;--text-body-large:1rem;--text-body-medium:.875rem;--text-body-small:.75rem;--text-label-large:.875rem;--text-label-medium:.75rem;--text-label-small:.6875rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--elevation-0:none;--elevation-1:0 1px 2px 0 #0000000d;--elevation-2:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--elevation-3:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--elevation-4:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--elevation-5:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px}@media (min-width:768px){:root{--text-display-large:4rem;--text-display-medium:3.25rem;--text-display-small:2.5rem;--text-headline-large:2.25rem;--text-headline-medium:2rem}}@media (min-width:1024px){:root{--text-display-large:4.5rem;--text-display-medium:3.5rem;--text-display-small:2.75rem;--text-headline-large:2.5rem;--text-headline-medium:2.25rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-body-large);line-height:var(--leading-normal);color:var(--color-neutral-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.text-display-large{font-size:var(--text-display-large);line-height:var(--leading-tight);font-weight:700}.text-display-medium{font-size:var(--text-display-medium);line-height:var(--leading-tight);font-weight:700}.text-display-small{font-size:var(--text-display-small);line-height:var(--leading-tight);font-weight:600}.text-headline-large{font-size:var(--text-headline-large);line-height:var(--leading-tight);font-weight:600}.text-headline-medium{font-size:var(--text-headline-medium);line-height:var(--leading-tight);font-weight:600}.text-headline-small{font-size:var(--text-headline-small);line-height:var(--leading-tight);font-weight:600}.text-title-large{font-size:var(--text-title-large);line-height:var(--leading-normal);font-weight:500}.text-title-medium{font-size:var(--text-title-medium);line-height:var(--leading-normal);font-weight:500}.text-body-large{font-size:var(--text-body-large);line-height:var(--leading-relaxed)}.text-body-medium{font-size:var(--text-body-medium);line-height:var(--leading-relaxed)}.text-label-large{font-size:var(--text-label-large);line-height:var(--leading-normal);font-weight:500}.text-primary{color:var(--color-primary)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-500{color:var(--color-neutral-500)}.text-success{color:var(--color-success-text)}.text-danger{color:var(--color-danger-text)}.text-warning{color:var(--color-warning-text)}.text-muted{color:var(--color-neutral-500)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.bg-primary{background-color:var(--color-primary)}.bg-primary-surface{background-color:var(--color-primary-surface)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-white{background-color:var(--color-white)}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:flex}}
.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-family);font-size:var(--text-label-large);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--elevation-2)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--elevation-3);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--elevation-1);transform:translateY(0)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary-surface)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-body-large);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-body-small)}.btn-full{width:100%}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-icon{width:1.25rem;height:1.25rem}
.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-neutral-200);transition:box-shadow var(--transition-normal);background-color:#fffffff2;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:var(--elevation-2)}.nav-container{justify-content:space-between;align-items:center;height:4rem;display:flex}@media (min-width:768px){.nav-container{height:4.5rem}}.nav-logo{align-items:center;gap:var(--space-2);font-size:var(--text-title-large);color:var(--color-neutral-900);font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{width:2rem;height:2rem;color:var(--color-primary)}.nav-links{align-items:center;gap:var(--space-8);display:none}@media (min-width:1024px){.nav-links{display:flex}}.nav-link{font-size:var(--text-body-medium);color:var(--color-neutral-700);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-primary)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.nav-mobile-btn{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--color-neutral-700);background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.nav-mobile-btn{display:none}}.hero{min-height:100vh;padding-top:6rem;padding-bottom:var(--space-16);background:linear-gradient(135deg,var(--color-white)0%,var(--color-primary-surface)100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 70% 30%,var(--color-primary-surface)0%,transparent 50%);pointer-events:none;width:50%;height:100%;position:absolute;top:0;right:0}.hero-content{gap:var(--space-12);align-items:center;display:grid}@media (min-width:1024px){.hero-content{gap:var(--space-16);grid-template-columns:1fr 1fr}}.hero-text{max-width:600px}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background-color:var(--color-success-bg);color:var(--color-success-text);border-radius:var(--radius-full);font-size:var(--text-label-medium);margin-bottom:var(--space-6);font-weight:500;display:inline-flex}.hero-title{font-size:var(--text-display-medium);color:var(--color-neutral-900);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-6)}.hero-title-accent{color:var(--color-primary)}.hero-subtitle{font-size:var(--text-title-large);color:var(--color-neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-8);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-neutral-200);display:flex}.hero-stat{text-align:left}.hero-stat-value{font-size:var(--text-headline-medium);color:var(--color-neutral-900);font-weight:700}.hero-stat-label{font-size:var(--text-body-medium);color:var(--color-neutral-500)}.hero-visual{display:none;position:relative}@media (min-width:1024px){.hero-visual{display:block}}.hero-dashboard{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--elevation-5);padding:var(--space-4);position:relative;overflow:hidden}.hero-dashboard-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.hero-dashboard-dot{border-radius:var(--radius-full);width:12px;height:12px}.hero-dashboard-content{background:var(--color-neutral-100);border-radius:var(--radius-lg);height:300px;color:var(--color-neutral-500);font-size:var(--text-body-medium);justify-content:center;align-items:center;display:flex}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-label{font-size:var(--text-label-large);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section-title{font-size:var(--text-headline-large);color:var(--color-neutral-900);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-body-large);color:var(--color-neutral-500);line-height:var(--leading-relaxed)}.problems{padding:var(--space-24)0;background-color:var(--color-white)}.problems-grid{gap:var(--space-6);display:grid}@media (min-width:768px){.problems-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.problems-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{background:var(--color-neutral-50);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);border:1px solid #0000}.problem-card:hover{background:var(--color-white);border-color:var(--color-neutral-200);box-shadow:var(--elevation-3);transform:translateY(-4px)}.problem-icon{background:var(--color-danger-bg);width:3rem;height:3rem;color:var(--color-danger);border-radius:var(--radius-lg);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.problem-title{font-size:var(--text-title-large);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:600}.problem-description{font-size:var(--text-body-medium);color:var(--color-neutral-500);line-height:var(--leading-relaxed)}.features{padding:var(--space-24)0;background:linear-gradient(180deg,var(--color-neutral-50)0%,var(--color-white)100%)}.features-grid{gap:var(--space-8);display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--elevation-2);border:1px solid var(--color-neutral-100);transition:all var(--transition-normal)}.feature-card:hover{box-shadow:var(--elevation-4);transform:translateY(-4px)}.feature-icon{background:var(--color-primary-surface);width:3.5rem;height:3.5rem;color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-title{font-size:var(--text-title-large);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:600}.feature-description{font-size:var(--text-body-medium);color:var(--color-neutral-500);line-height:var(--leading-relaxed)}.support{padding:var(--space-24)0;background:var(--color-primary);color:var(--color-white)}.support-content{gap:var(--space-12);align-items:center;display:grid}@media (min-width:1024px){.support-content{gap:var(--space-16);grid-template-columns:1fr 1fr}}.support-title{font-size:var(--text-headline-large);margin-bottom:var(--space-6)}.support-description{font-size:var(--text-body-large);opacity:.9;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.support-features{gap:var(--space-4);flex-direction:column;display:flex}.support-feature{align-items:center;gap:var(--space-3);font-size:var(--text-body-large);display:flex}.support-check{border-radius:var(--radius-full);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.pricing{padding:var(--space-24)0;background:var(--color-white)}.pricing-highlights{justify-content:center;gap:var(--space-8);margin-top:var(--space-12);flex-wrap:wrap;display:flex}.pricing-highlight{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);background:var(--color-neutral-50);border-radius:var(--radius-xl);display:flex}.pricing-highlight-icon{background:var(--color-success-bg);width:2.5rem;height:2.5rem;color:var(--color-success);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.pricing-highlight-text{font-size:var(--text-body-large);color:var(--color-neutral-900);font-weight:500}.trust{padding:var(--space-24)0;background:var(--color-neutral-50)}.trust-grid{gap:var(--space-6);display:grid}@media (min-width:768px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.trust-grid{grid-template-columns:repeat(4,1fr)}}.trust-item{text-align:center;padding:var(--space-6)}.trust-icon{background:var(--color-white);width:3rem;height:3rem;color:var(--color-primary);border-radius:var(--radius-full);margin:0 auto var(--space-4);box-shadow:var(--elevation-2);justify-content:center;align-items:center;display:flex}.trust-title{font-size:var(--text-title-medium);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:600}.trust-description{font-size:var(--text-body-medium);color:var(--color-neutral-500)}.cta{padding:var(--space-24)0;background:linear-gradient(135deg,var(--color-neutral-900)0%,#1e293b 100%);color:var(--color-white);text-align:center}.cta-title{font-size:var(--text-headline-large);margin-bottom:var(--space-4)}.cta-subtitle{font-size:var(--text-body-large);opacity:.8;max-width:500px;margin:0 auto var(--space-8)}.cta-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.btn-whatsapp{color:var(--color-white);background-color:#25d366}.btn-whatsapp:hover{background-color:#1da851}.footer{padding:var(--space-16)0 var(--space-8);background:var(--color-neutral-900);color:var(--color-neutral-300)}.footer-content{gap:var(--space-12);margin-bottom:var(--space-12);display:grid}@media (min-width:768px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand-description{font-size:var(--text-body-medium);line-height:var(--leading-relaxed);margin-top:var(--space-4);max-width:280px}.footer-heading{font-size:var(--text-title-medium);color:var(--color-white);margin-bottom:var(--space-4);font-weight:600}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{font-size:var(--text-body-medium);color:var(--color-neutral-400);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-white)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-neutral-700);justify-content:space-between;gap:var(--space-4);font-size:var(--text-body-small);flex-wrap:wrap;display:flex}
.auth-page{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg,var(--color-neutral-50)0%,var(--color-primary-surface)100%);justify-content:center;align-items:center;display:flex}.auth-container{background:var(--color-white);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--elevation-4);padding:var(--space-8)}@media (min-width:768px){.auth-container{padding:var(--space-10)}}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{align-items:center;gap:var(--space-2);font-size:var(--text-title-large);color:var(--color-neutral-900);margin-bottom:var(--space-6);font-weight:700;text-decoration:none;display:inline-flex}.auth-logo-icon{width:2rem;height:2rem;color:var(--color-primary)}.auth-title{font-size:var(--text-headline-medium);color:var(--color-neutral-900);margin:0;font-weight:600}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-error{padding:var(--space-4);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-lg);font-size:var(--text-body-medium);text-align:center}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-row{gap:var(--space-4);display:grid}@media (min-width:480px){.form-row{grid-template-columns:1fr 1fr}}.form-label{font-size:var(--text-body-medium);color:var(--color-neutral-700);font-weight:500}.form-optional{color:var(--color-neutral-500);font-weight:400}.form-input{width:100%;padding:var(--space-4);font-family:var(--font-family);font-size:var(--text-body-large);color:var(--color-neutral-900);background:var(--color-white);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-neutral-400)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-surface);outline:none}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.form-error{font-size:var(--text-body-small);color:var(--color-danger)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{right:var(--space-3);width:2rem;height:2rem;color:var(--color-neutral-500);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-neutral-700)}.form-actions{justify-content:flex-end;display:flex}.forgot-password-link{font-size:var(--text-body-medium);color:var(--color-primary);font-weight:500;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.auth-footer{margin-top:var(--space-8);text-align:center;font-size:var(--text-body-medium);color:var(--color-neutral-500)}.auth-link{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}
.dashboard-layout{background:var(--color-neutral-50);flex-direction:column;min-height:100vh;display:flex}.dashboard-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--color-neutral-500);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{z-index:50;height:4rem;padding:0 var(--space-3);background:var(--color-white);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@media (min-width:640px){.dashboard-header{padding:0 var(--space-4)}}@media (min-width:768px){.dashboard-header{padding:0 var(--space-6)}}.dashboard-header-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}@media (min-width:640px){.dashboard-header-left{gap:var(--space-4)}}.mobile-menu-btn{width:2.5rem;height:2.5rem;color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.mobile-menu-btn{display:none}}.dashboard-logo{align-items:center;gap:var(--space-2);color:var(--color-neutral-900);font-weight:700;font-size:var(--text-title-medium);text-decoration:none;display:flex}.dashboard-logo-icon{width:2rem;height:2rem;color:var(--color-primary)}.dashboard-logo-text{display:none}@media (min-width:768px){.dashboard-logo-text{display:inline}}.school-indicator{align-items:center;gap:var(--space-3);color:var(--color-neutral-500);display:none}@media (min-width:768px){.school-indicator{display:flex}}.school-separator{color:var(--color-neutral-300)}.school-name{color:var(--color-neutral-700);font-weight:500}.dashboard-header-right{align-items:center;gap:var(--space-2);display:flex}.header-icon-btn{width:2.5rem;height:2.5rem;color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.profile-menu{position:relative}.profile-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-lg);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.profile-trigger:hover{background:var(--color-neutral-100)}.profile-avatar{background:var(--color-primary);width:2rem;height:2rem;color:var(--color-white);font-size:var(--text-body-small);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:600;display:flex}.profile-name{font-size:var(--text-body-medium);color:var(--color-neutral-700);font-weight:500;display:none}@media (min-width:768px){.profile-name{display:inline}}.profile-chevron{color:var(--color-neutral-400);transition:transform var(--transition-fast)}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{top:calc(100% + var(--space-2));background:var(--color-white);border-radius:var(--radius-xl);width:280px;box-shadow:var(--elevation-4);border:1px solid var(--color-neutral-200);z-index:100;position:absolute;right:0;overflow:hidden}.profile-dropdown-header{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-neutral-50);display:flex}.profile-dropdown-avatar{background:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--color-white);font-size:var(--text-body-medium);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:600;display:flex}.profile-dropdown-info{flex:1;min-width:0}.profile-dropdown-name{color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.profile-dropdown-email{font-size:var(--text-body-small);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-dropdown-divider{background:var(--color-neutral-200);height:1px}.profile-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-body-medium);color:var(--color-neutral-700);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.profile-dropdown-item:hover{background:var(--color-neutral-100)}.profile-dropdown-item.logout{color:var(--color-danger)}.dashboard-body{flex:1;min-width:0;display:flex}.sidebar{background:var(--color-white);border-right:1px solid var(--color-neutral-200);width:260px;transition:width var(--transition-normal);z-index:40;flex-direction:column;display:none;position:fixed;top:4rem;bottom:0;left:0}@media (min-width:1024px){.sidebar{display:flex}}.sidebar-collapsed{width:72px}.sidebar-content{padding:var(--space-4);flex:1;overflow-y:auto}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-item-wrapper{flex-direction:column;display:flex}.sidebar-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);font-size:var(--text-body-medium);color:var(--color-neutral-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.sidebar-item.active{background:var(--color-primary-surface);color:var(--color-primary)}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-label{text-align:left;flex:1}.sidebar-chevron{transition:transform var(--transition-fast)}.sidebar-chevron.expanded{transform:rotate(180deg)}.sidebar-subitems{padding-left:var(--space-10);margin-top:var(--space-1);flex-direction:column;display:flex}.sidebar-subitem{padding:var(--space-2)var(--space-3);font-size:var(--text-body-small);color:var(--color-neutral-500);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.sidebar-subitem:hover{color:var(--color-neutral-700);background:var(--color-neutral-100)}.sidebar-subitem.active{color:var(--color-primary);background:var(--color-primary-surface)}.sidebar-toggle{padding:var(--space-3);margin:var(--space-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-neutral-500);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.sidebar-overlay{z-index:45;background:#00000080;position:fixed;inset:0}.sidebar-mobile{z-index:50;width:280px;position:fixed;top:0;bottom:0;left:0}.sidebar-mobile .sidebar{height:100%;display:flex;position:static;top:0}.dashboard-main{min-width:0;padding:var(--space-6);transition:margin-left var(--transition-normal);flex:1;margin-left:0}@media (min-width:1024px){.dashboard-main{margin-left:260px}.dashboard-main.sidebar-collapsed{margin-left:72px}}.dashboard-footer{padding:var(--space-4)var(--space-6);font-size:var(--text-body-small);color:var(--color-neutral-500);background:var(--color-white);border-top:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;margin-left:0;display:flex}@media (min-width:1024px){.dashboard-footer{margin-left:260px}}.dashboard-footer-links{gap:var(--space-4);display:flex}.dashboard-footer-links a{color:var(--color-primary);text-decoration:none}.dashboard-footer-links a:hover{text-decoration:underline}.dashboard-page{max-width:1200px}.dashboard-welcome{margin-bottom:var(--space-8)}.dashboard-page-title{font-size:var(--text-headline-medium);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:600}.dashboard-page-subtitle{font-size:var(--text-body-large);color:var(--color-neutral-500)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100)}.stat-label{font-size:var(--text-body-small);color:var(--color-neutral-500);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-headline-large);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:700}.stat-change{font-size:var(--text-body-small);font-weight:500}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dashboard-section-title{font-size:var(--text-title-large);color:var(--color-neutral-900);font-weight:600}.dashboard-section-link{font-size:var(--text-body-medium);color:var(--color-primary);font-weight:500;text-decoration:none}.dashboard-section-link:hover{text-decoration:underline}.quick-actions-grid{gap:var(--space-4);display:grid}@media (min-width:640px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.quick-action-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);transition:all var(--transition-fast);text-decoration:none;display:flex}.quick-action-card:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.quick-action-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.quick-action-card.primary .quick-action-icon{background:var(--color-primary-surface);color:var(--color-primary)}.quick-action-card.success .quick-action-icon{background:var(--color-success-bg);color:var(--color-success)}.quick-action-card.warning .quick-action-icon{background:var(--color-warning-bg);color:var(--color-warning)}.quick-action-card.info .quick-action-icon{background:var(--color-info-bg);color:var(--color-info)}.quick-action-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.quick-action-title{font-size:var(--text-body-large);color:var(--color-neutral-900);font-weight:600}.quick-action-description{font-size:var(--text-body-small);color:var(--color-neutral-500)}.quick-action-arrow{color:var(--color-neutral-400);flex-shrink:0}.activity-list{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);overflow:hidden}.activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-neutral-100);display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.activity-icon.success{background:var(--color-success-bg);color:var(--color-success)}.activity-icon.primary{background:var(--color-primary-surface);color:var(--color-primary)}.activity-icon.info{background:var(--color-info-bg);color:var(--color-info)}.activity-content{flex:1}.activity-text{font-size:var(--text-body-medium);color:var(--color-neutral-700);margin-bottom:var(--space-1)}.activity-time{font-size:var(--text-body-small);color:var(--color-neutral-400)}.school-selector{z-index:100;position:relative}.school-selector-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);max-width:120px;display:flex}@media (min-width:480px){.school-selector-trigger{padding:var(--space-2)var(--space-3);max-width:180px}}@media (min-width:640px){.school-selector-trigger{max-width:240px}}.school-selector-trigger:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.school-selector-trigger.single{cursor:default}.school-selector-trigger.single:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-200)}.school-selector-current{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.school-selector-logo{border-radius:var(--radius-md);background:var(--color-primary-surface);width:1.5rem;height:1.5rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.school-selector-logo img{object-fit:contain;width:100%;height:100%}.school-selector-name{font-size:var(--text-body-medium);color:var(--color-neutral-700);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:none;overflow:hidden}@media (min-width:480px){.school-selector-name{display:block}}.school-selector-chevron{color:var(--color-neutral-400);transition:transform var(--transition-fast);flex-shrink:0}.school-selector-chevron.open{transform:rotate(180deg)}.school-selector-dropdown{background:var(--color-white);border-radius:var(--radius-xl);width:calc(100vw - 2rem);max-width:320px;box-shadow:var(--elevation-4);border:1px solid var(--color-neutral-200);z-index:200;position:fixed;top:4.5rem;left:50%;overflow:hidden;transform:translate(-50%)}@media (min-width:480px){.school-selector-dropdown{top:calc(100% + var(--space-2));width:auto;min-width:280px;position:absolute;left:0;right:auto;transform:none}}.school-selector-header{padding:var(--space-3)var(--space-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-body-small);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.school-selector-list{max-height:240px;overflow-y:auto}.school-selector-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.school-selector-option:hover{background:var(--color-neutral-50)}.school-selector-option.selected{background:var(--color-primary-surface)}.school-selector-option-info{flex:1;min-width:0}.school-selector-option-name{font-size:var(--text-body-medium);color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.school-selector-option-district{font-size:var(--text-body-small);color:var(--color-neutral-500);display:block}.school-selector-check{color:var(--color-primary);flex-shrink:0}
.page-container{width:100%;max-width:1200px;overflow-x:hidden}.page-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-neutral-500);flex-direction:column;display:flex}.page-header{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}@media (min-width:640px){.page-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.page-title{font-size:var(--text-headline-medium);color:var(--color-neutral-900);margin-bottom:var(--space-1);font-weight:600}.page-subtitle{font-size:var(--text-body-medium);color:var(--color-neutral-500)}.error-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.error-banner span{word-break:break-word;flex:1;min-width:0}.page-actions{gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}@media (max-width:640px){.page-actions{flex-direction:column;width:100%}.page-actions>*{justify-content:center;width:100%}}
.empty-state{text-align:center;padding:var(--space-16)var(--space-6);background:var(--color-white);border-radius:var(--radius-2xl);border:2px dashed var(--color-neutral-200);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--color-neutral-100);width:6rem;height:6rem;color:var(--color-neutral-400);border-radius:var(--radius-full);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--text-title-large);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:600}.empty-state-description{font-size:var(--text-body-medium);color:var(--color-neutral-500);max-width:400px;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.empty-state-compact{padding:var(--space-8)var(--space-4)}.empty-state-compact .empty-state-icon{width:4rem;height:4rem;margin-bottom:var(--space-4)}
.details-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--elevation-2);padding:var(--space-6);margin-bottom:var(--space-8)}@media (min-width:768px){.details-card{padding:var(--space-8)}}.details-header{gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (min-width:640px){.details-header{flex-direction:row;align-items:center}}.details-logo{border-radius:var(--radius-xl);background:var(--color-white);border:1px solid var(--color-neutral-200);flex-shrink:0;width:5rem;height:5rem;overflow:hidden}.details-logo img{object-fit:contain;width:100%;height:100%}.details-logo-placeholder{background:var(--color-primary-surface);width:100%;height:100%;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.details-header-info{flex:1}.details-badges{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.details-meta{font-size:var(--text-body-small);color:var(--color-neutral-500)}.details-grid{gap:var(--space-8);display:grid}@media (min-width:768px){.details-grid{grid-template-columns:repeat(2,1fr)}}.details-section{gap:var(--space-4);flex-direction:column;display:flex}.details-section-title{align-items:center;gap:var(--space-2);font-size:var(--text-title-medium);color:var(--color-neutral-900);font-weight:600;display:flex}.details-section-title svg{color:var(--color-primary)}.details-content{gap:var(--space-3);flex-direction:column;display:flex}.details-item{gap:var(--space-1);flex-direction:column;display:flex}.details-label{font-size:var(--text-body-small);color:var(--color-neutral-500)}.details-value{font-size:var(--text-body-medium);color:var(--color-neutral-900)}.details-link{color:var(--color-primary);text-decoration:none}.details-link:hover{text-decoration:underline}.details-actions{margin-top:var(--space-8)}.details-actions-title{font-size:var(--text-title-large);color:var(--color-neutral-900);margin-bottom:var(--space-4);font-weight:600}.detail-field{gap:var(--space-1);flex-direction:column;display:flex}.detail-label{font-size:var(--text-body-small);color:var(--color-neutral-500)}.detail-value{font-size:var(--text-body-medium);color:var(--color-neutral-900)}
.filter-section{gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}.search-bar{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-4);color:var(--color-neutral-400);pointer-events:none;position:absolute}.search-input{width:100%;padding:var(--space-3)var(--space-10)var(--space-3)calc(var(--space-4) + 1.5rem);font-size:var(--text-body-medium);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-white);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-surface);outline:none}.search-input::placeholder{color:var(--color-neutral-400)}.search-clear{right:var(--space-3);background:var(--color-neutral-100);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.search-clear:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.filter-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-grid{gap:var(--space-2);flex:1;grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.filter-grid{grid-template-columns:repeat(4,1fr)}}.filter-select{font-size:var(--text-body-small);padding:var(--space-2)var(--space-3)}.results-bar{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2)0;flex-direction:column;align-items:flex-start;display:flex}@media (min-width:640px){.results-bar{flex-direction:row;justify-content:space-between;align-items:center}}.results-count{font-size:var(--text-body-small);color:var(--color-neutral-500)}.page-size-selector{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);color:var(--color-neutral-500);display:flex}.page-size-selector label{white-space:nowrap}.form-select-sm{padding:var(--space-1)var(--space-2);font-size:var(--text-body-small);min-width:60px}
.table-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);overflow:auto hidden}.data-table{border-collapse:collapse;width:100%;min-width:700px;font-size:var(--text-body-medium)}.data-table thead{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.data-table th{padding:var(--space-3)var(--space-4);text-align:left;color:var(--color-neutral-600);font-weight:600;font-size:var(--text-body-small);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.data-table tbody tr:hover{background:var(--color-neutral-50)}.data-table tbody tr:last-child td{border-bottom:none}.table-cell-mono{font-family:var(--font-mono,monospace);font-size:var(--text-body-small);color:var(--color-neutral-500)}.table-cell-primary{color:var(--color-neutral-900);font-weight:500}.table-cell-capitalize{text-transform:capitalize}.table-actions{gap:var(--space-2);display:flex}.student-cell{align-items:center;gap:var(--space-3);display:flex}.student-avatar{border-radius:var(--radius-full);background:var(--color-primary);width:2.25rem;height:2.25rem;color:var(--color-white);font-size:var(--text-body-small);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.student-avatar img{object-fit:cover;width:100%;height:100%}.student-info{flex-direction:column;min-width:0;display:flex}.student-name{color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.table-desktop-only{display:none}@media (min-width:768px){.table-desktop-only{display:block}}
.badge{padding:var(--space-1)var(--space-2);font-size:var(--text-body-xsmall);text-transform:capitalize;border-radius:var(--radius-md);align-items:center;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.badge-primary{background:var(--color-primary-surface);color:var(--color-primary)}
.student-cards-mobile{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:768px){.student-cards-mobile{display:none}}.student-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);transition:all var(--transition-fast);text-decoration:none;display:block}.student-card:hover{box-shadow:var(--elevation-2);border-color:var(--color-neutral-200)}.student-card:active{transform:scale(.99)}.student-card-header{align-items:center;gap:var(--space-3);display:flex}.student-card-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.student-card-subtitle{font-size:var(--text-body-small);color:var(--color-neutral-500)}.student-card-meta{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-100);display:flex}.student-card-tag{font-size:var(--text-body-xsmall);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);text-transform:capitalize}
.pagination{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.pagination-btn{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--color-neutral-300);color:var(--color-neutral-900)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{min-width:2.25rem;height:2.25rem;padding:0 var(--space-2);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-700);font-size:var(--text-body-small);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:flex}.pagination-page:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.pagination-page.active:hover{background:var(--color-primary-hover)}.pagination-ellipsis{width:1.5rem;color:var(--color-neutral-400);font-size:var(--text-body-small);justify-content:center;align-items:center;display:flex}@media (max-width:480px){.pagination{gap:var(--space-1)}.pagination-btn,.pagination-page{width:2rem;min-width:2rem;height:2rem}.pagination-pages{gap:2px}}
.roles-list{gap:var(--space-4);flex-direction:column;display:flex}.role-item{flex-direction:column;display:flex}.role-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);box-shadow:var(--elevation-1);transition:all var(--transition-fast)}.role-card:hover{box-shadow:var(--elevation-2)}.role-card.expanded{border-color:var(--color-primary)}.role-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);cursor:pointer;display:flex}.role-card-info{flex:1;min-width:0}.role-card-title-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.role-card-name{font-size:var(--text-title-medium);color:var(--color-neutral-900);margin:0;font-weight:600}.role-card-description{font-size:var(--text-body-medium);color:var(--color-neutral-600);margin:0 0 var(--space-2)0}.role-card-permissions{font-size:var(--text-body-small);color:var(--color-neutral-500)}.role-card-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.role-card-chevron{color:var(--color-neutral-400);transition:transform var(--transition-fast)}.role-card-chevron.expanded{transform:rotate(180deg)}.role-card-error{padding:var(--space-2)var(--space-4)var(--space-4);color:var(--color-danger-text);font-size:var(--text-body-small)}.role-edit-form{gap:var(--space-3);flex-direction:column;display:flex}.delete-confirm-text{font-size:var(--text-body-small);color:var(--color-neutral-600)}.permissions-editor{background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);border-radius:0 0 var(--radius-xl)var(--radius-xl);padding:var(--space-4)}.permissions-header{margin-bottom:var(--space-4)}.permissions-title{font-size:var(--text-title-small);color:var(--color-neutral-900);margin:0 0 var(--space-1)0;font-weight:600}.permissions-subtitle{font-size:var(--text-body-small);color:var(--color-neutral-500);margin:0}.permissions-error{padding:var(--space-2)var(--space-3);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-body-small)}.permissions-list{gap:var(--space-2);flex-direction:column;display:flex}.permission-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);display:flex}.permission-app{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.permission-app-name{font-size:var(--text-body-medium);color:var(--color-neutral-900);font-weight:500}.permission-app-desc{font-size:var(--text-body-small);color:var(--color-neutral-500);display:none}@media (min-width:640px){.permission-app-desc{display:block}}.permission-select-wrapper{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.permission-select{padding:var(--space-2)var(--space-3);font-size:var(--text-body-small);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-white);cursor:pointer;min-width:100px;font-weight:500}.permission-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-surface);outline:none}.permission-none{background:var(--color-neutral-100);color:var(--color-neutral-500)}.permission-view{background:var(--color-info-bg,#e0f2fe);color:var(--color-info-text,#0369a1);border-color:var(--color-info-text,#0369a1)}.permission-create{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.permission-edit{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-text)}.permission-delete{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-text)}.permission-full{background:var(--color-primary-surface);color:var(--color-primary);border-color:var(--color-primary)}.permission-saving{font-size:var(--text-body-xsmall);color:var(--color-neutral-500)}@media (max-width:480px){.role-card-header{gap:var(--space-3);flex-direction:column}.role-card-actions{justify-content:flex-end;width:100%}.permission-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.permission-select-wrapper{justify-content:flex-end}}
.modal-overlay{-webkit-backdrop-filter:blur(4px);padding:var(--space-4);z-index:1000;animation:fadeIn var(--transition-fast)ease-out;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal,.modal-container{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--elevation-5);width:100%;max-width:480px;max-height:90vh;animation:slideUp var(--transition-normal)ease-out;flex-direction:column;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:639px){.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-container{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;max-height:90dvh;animation:slideUpMobile var(--transition-normal)ease-out}.modal .modal-body,.modal-container .modal-body{max-height:calc(90dvh - 140px);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.modal .modal-footer,.modal-container .modal-footer{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-neutral-200);background:var(--color-white);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}@media (min-width:640px){.modal-header{padding:var(--space-5)var(--space-6)}}.modal-title{font-size:var(--text-title-large);color:var(--color-neutral-900);margin:0;font-weight:600}@media (max-width:480px){.modal-title{font-size:var(--text-title-medium)}}.modal-close{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);margin:calc(-1*var(--space-2));background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.modal-body{padding:var(--space-5);background:var(--color-white);scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.modal-body::-webkit-scrollbar{display:none}@media (min-width:640px){.modal-body{padding:var(--space-6)}}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50);flex-shrink:0;display:flex}@media (min-width:640px){.modal-footer{padding:var(--space-4)var(--space-6)}}@media (max-width:479px){.modal-footer{gap:var(--space-2);flex-direction:column-reverse}.modal-footer .btn{justify-content:center;width:100%}}.modal-lg,.modal.modal-lg{max-width:640px}.modal form,.modal-container form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal form .modal-body,.modal-container form .modal-body{flex:1;min-height:0;overflow-y:auto}@media (max-width:639px){.modal form .modal-body,.modal-container form .modal-body{max-height:none;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.modal form .modal-footer,.modal-container form .modal-footer{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.modal-lg,.modal.modal-lg{max-width:100%}}.btn-ghost{color:var(--color-neutral-500);background:0 0;border:none}.btn-ghost:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-danger-hover:hover{background:var(--color-danger-bg);color:var(--color-danger-text)}.btn-danger{background:var(--color-danger-text,#dc2626);border-color:var(--color-danger-text,#dc2626);color:var(--color-white)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}
.staff-cards-mobile{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:768px){.staff-cards-mobile{display:none}}.staff-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);cursor:pointer;transition:all var(--transition-fast);display:block}.staff-card:hover{box-shadow:var(--elevation-2);border-color:var(--color-neutral-200)}.staff-card-header{align-items:center;gap:var(--space-3);display:flex}.staff-card-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.staff-card-role{font-size:var(--text-body-small);color:var(--color-neutral-500)}.staff-card-meta{gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-100);flex-direction:column;display:flex}.staff-card-detail{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);color:var(--color-neutral-600);display:flex}.staff-card-detail svg{color:var(--color-neutral-400);flex-shrink:0}.staff-cell{align-items:center;gap:var(--space-3);display:flex}.staff-avatar{border-radius:var(--radius-full);background:var(--color-primary-surface);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.staff-avatar img{object-fit:cover;width:100%;height:100%}.staff-avatar span{font-size:var(--text-body-small);color:var(--color-primary);text-transform:uppercase;font-weight:600}.staff-info{flex-direction:column;gap:2px;min-width:0;display:flex}.staff-name{color:var(--color-neutral-900);font-weight:500}.staff-email{font-size:var(--text-body-small);color:var(--color-neutral-500)}.staff-detail-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}@media (max-width:359px){.staff-detail-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}}.staff-detail-avatar{border-radius:var(--radius-full);background:var(--color-primary-surface);flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;overflow:hidden}@media (max-width:359px){.staff-detail-avatar{width:3.5rem;height:3.5rem}.staff-detail-avatar span{font-size:var(--text-title-medium)}}.staff-detail-avatar img{object-fit:cover;width:100%;height:100%}.staff-detail-avatar span{font-size:var(--text-title-large);color:var(--color-primary);text-transform:uppercase;font-weight:600}.staff-detail-info{gap:var(--space-1);flex-direction:column;display:flex}.staff-detail-name{font-size:var(--text-title-medium);color:var(--color-neutral-900);margin:0;font-weight:600}.staff-detail-role{font-size:var(--text-body-medium);color:var(--color-neutral-600)}.staff-avatar-section{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.avatar-controls{gap:var(--space-2);align-items:center;display:flex}.avatar-controls .btn{white-space:nowrap}.staff-detail-fields{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:480px){.staff-detail-fields{grid-template-columns:1fr}}.staff-detail-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100);flex-wrap:wrap;display:flex}.staff-edit-form{gap:var(--space-4);flex-direction:column;display:flex}.profile-picture-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-100);margin-bottom:var(--space-2)}.profile-picture-edit{align-items:flex-start;gap:var(--space-4);margin-top:var(--space-2);display:flex}.profile-picture-preview{border-radius:var(--radius-full);background:var(--color-neutral-100);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.profile-picture-preview img{object-fit:cover;width:100%;height:100%}.profile-picture-placeholder{color:var(--color-neutral-400)}.profile-picture-actions{gap:var(--space-2);flex-direction:column;display:flex}.profile-picture-actions .btn{justify-content:flex-start}.profile-picture-hint{font-size:var(--text-body-small);color:var(--color-neutral-500);margin-top:var(--space-2)}
.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.form-row+.form-row{margin-top:var(--space-4)}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-error-banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-body-small);display:flex}.form-error-banner svg{flex-shrink:0;margin-top:2px}.form-info-banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-info-bg,#e0f2fe);color:var(--color-info-text,#0369a1);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-body-small);display:flex}.form-info-banner svg{flex-shrink:0;margin-top:2px}.form-success-banner{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-success-bg);color:var(--color-success-text);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-body-small);display:flex}.toggle-group{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);display:flex;overflow:hidden}.toggle-btn{padding:var(--space-2)var(--space-4);background:var(--color-white);color:var(--color-neutral-600);font-size:var(--text-body-small);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;font-weight:500}.toggle-btn:not(:last-child){border-right:1px solid var(--color-neutral-200)}.toggle-btn.active{background:var(--color-primary);color:var(--color-white)}.toggle-btn:hover:not(.active){background:var(--color-neutral-50)}.delete-confirm-box{padding:var(--space-4);background:var(--color-danger-bg);border-radius:var(--radius-lg);margin-top:var(--space-4)}.delete-confirm-box p{margin:0 0 var(--space-2)0;color:var(--color-neutral-900)}.delete-note{font-size:var(--text-body-small);color:var(--color-neutral-600)}.delete-confirm-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.toggle-label{align-items:center;gap:var(--space-3);font-size:var(--text-body-medium);color:var(--color-neutral-900);cursor:pointer;font-weight:500;display:flex}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background-color:var(--color-neutral-300);transition:all var(--transition-fast);border-radius:var(--radius-full);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-white);width:18px;height:18px;transition:all var(--transition-fast);border-radius:var(--radius-full);box-shadow:var(--elevation-1);position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-surface)}.toggle-field{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-100);cursor:pointer;transition:all var(--transition-fast);display:flex}.toggle-field:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-200)}@media (max-width:480px){.toggle-field{padding:var(--space-3);gap:var(--space-3)}}.toggle-field-content{flex:1;min-width:0}.toggle-field-title{font-size:var(--text-body-medium);color:var(--color-neutral-900);margin-bottom:var(--space-1);font-weight:500}.toggle-field-description{font-size:var(--text-body-small);color:var(--color-neutral-500);line-height:var(--leading-relaxed)}.form-hint{font-size:var(--text-body-small);color:var(--color-neutral-500);margin-top:var(--space-1)}
.account-cards-mobile{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:768px){.account-cards-mobile{display:none}}.account-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);cursor:pointer;transition:all var(--transition-fast);display:block}.account-card:hover{box-shadow:var(--elevation-2);border-color:var(--color-neutral-200)}.account-card:active{transform:scale(.99)}.account-card-header{align-items:center;gap:var(--space-3);display:flex}.account-card-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.account-card-subtitle{font-size:var(--text-body-small);color:var(--color-neutral-500)}.account-card-meta{gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-100);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:359px){.account-card-meta{gap:var(--space-2);grid-template-columns:1fr 1fr}.account-card-detail:last-child{grid-column:span 2}}.account-card-detail{gap:var(--space-1);flex-direction:column;display:flex}.account-card-detail .detail-label{font-size:var(--text-body-xsmall);color:var(--color-neutral-500)}.account-card-detail .detail-value{font-size:var(--text-body-small);color:var(--color-neutral-900);font-weight:600}.finance-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.finance-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.finance-stats-grid{grid-template-columns:repeat(4,1fr)}}.finance-stat-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.finance-stat-icon{border-radius:var(--radius-lg);width:40px;height:40px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.finance-stat-icon.success{background:var(--color-success-bg);color:var(--color-success-text)}.finance-stat-icon.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.finance-stat-icon.danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.finance-stat-icon.info{background:var(--color-info-bg);color:var(--color-info-text)}.finance-stat-label{font-size:var(--text-body-small);color:var(--color-neutral-500)}.finance-stat-value{font-size:var(--text-headline-small);color:var(--color-neutral-900);font-weight:600}.finance-stat-change{font-size:var(--text-body-small);align-items:center;gap:var(--space-1);display:flex}.finance-stat-change.positive{color:var(--color-success-text)}.finance-stat-change.negative{color:var(--color-danger-text)}@media (min-width:1024px){.finance-content-grid{grid-template-columns:2fr 1fr}}.finance-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);overflow:hidden}.finance-card-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.finance-card-title{font-size:var(--text-title-medium);color:var(--color-neutral-900);font-weight:600}.finance-card-content{padding:var(--space-5)}.finance-list{flex-direction:column;display:flex}.finance-list-item{padding:var(--space-3)0;border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.finance-list-item:last-child{border-bottom:none}.finance-list-item-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.finance-list-item-name{font-size:var(--text-body-medium);color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.finance-list-item-meta{font-size:var(--text-body-small);color:var(--color-neutral-500)}.finance-list-item-amount{font-size:var(--text-body-medium);text-align:right;flex-shrink:0;font-weight:600}.finance-list-item-amount.positive{color:var(--color-success-text)}.finance-list-item-amount.negative{color:var(--color-danger-text)}.finance-settings-section{margin-bottom:var(--space-6)}.finance-settings-title{font-size:var(--text-title-medium);color:var(--color-neutral-900);margin-bottom:var(--space-4);font-weight:600}@media (min-width:640px){.finance-settings-grid{grid-template-columns:repeat(2,1fr)}}.finance-table-wrapper{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);overflow:hidden}.finance-toolbar{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (min-width:768px){.finance-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.finance-filters{gap:var(--space-3);flex-wrap:wrap;display:flex}.finance-filter-select{padding:var(--space-2)var(--space-3);font-size:var(--text-body-medium);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-white);min-width:140px}.finance-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-surface);outline:none}.finance-empty{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.finance-empty-icon{width:64px;height:64px;color:var(--color-neutral-300);margin-bottom:var(--space-4)}.finance-empty-title{font-size:var(--text-title-medium);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:600}.finance-empty-text{font-size:var(--text-body-medium);color:var(--color-neutral-500);margin-bottom:var(--space-6);max-width:400px}.amount-input-wrapper{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.amount-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-surface)}.amount-currency{padding:var(--space-2)var(--space-3);background:var(--color-neutral-100);font-size:var(--text-body-medium);color:var(--color-neutral-500);border-right:1px solid var(--color-neutral-200)}.amount-input{padding:var(--space-2)var(--space-3);font-size:var(--text-body-medium);border:none;outline:none;flex:1}.toggle-group{padding:var(--space-3)0;border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.toggle-group:last-child{border-bottom:none}.toggle-label{gap:var(--space-1);flex-direction:column;display:flex}.toggle-label-text{font-size:var(--text-body-medium);color:var(--color-neutral-900);font-weight:500}.toggle-label-hint{font-size:var(--text-body-small);color:var(--color-neutral-500)}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--color-neutral-300);border-radius:var(--radius-full);transition:all var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-white);border-radius:var(--radius-full);width:18px;height:18px;transition:all var(--transition-fast);position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.student-search-section{margin-bottom:var(--space-6)}.student-search-box{gap:var(--space-3);flex-wrap:wrap;display:flex}.student-search-input{flex:1;min-width:200px}.student-account-header{gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:var(--color-white);border-radius:var(--radius-xl);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (min-width:640px){.student-account-header{flex-direction:row;justify-content:space-between;align-items:center}}.student-account-info h2{font-size:var(--text-title-large);margin-bottom:var(--space-1);font-weight:600}.student-account-info p{opacity:.9;font-size:var(--text-body-medium)}.student-account-balance{text-align:left}@media (min-width:640px){.student-account-balance{text-align:right}}.student-account-balance-label{font-size:var(--text-body-small);opacity:.9;margin-bottom:var(--space-1)}.student-account-balance-value{font-size:var(--text-headline-medium);font-weight:700}.finance-content-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.finance-content-grid{grid-template-columns:repeat(2,1fr)}}.finance-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.finance-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.finance-grid{grid-template-columns:repeat(3,1fr)}}.finance-card-value{margin-bottom:var(--space-3)}.finance-card-value .label{font-size:var(--text-body-small);color:var(--color-neutral-500);margin-bottom:var(--space-1);display:block}.finance-card-value .value{font-size:var(--text-headline-medium);color:var(--color-neutral-900);font-weight:700}.finance-card-value .value.discount{color:var(--color-warning-text)}.finance-card-meta{margin-bottom:var(--space-3)}.finance-card-description{font-size:var(--text-body-small);color:var(--color-neutral-600);margin-bottom:var(--space-3);line-height:1.5}.finance-card-criteria{font-size:var(--text-body-small);padding:var(--space-2)var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-md)}.finance-card-criteria .label{color:var(--color-neutral-500);margin-right:var(--space-1);font-weight:500}.finance-card-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100);gap:var(--space-2);display:flex}.finance-settings-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.finance-settings-grid{grid-template-columns:repeat(2,1fr)}}.finance-settings-section{gap:var(--space-3);flex-direction:column;display:flex}.finance-settings-title{align-items:center;gap:var(--space-2);font-size:var(--text-body-medium);color:var(--color-neutral-700);font-weight:600;display:flex}.finance-settings-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.finance-settings-actions{margin-top:var(--space-8);justify-content:flex-end;display:flex}.success-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);color:var(--color-success-text);margin-bottom:var(--space-6);display:flex}.checkbox-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.checkbox-grid{grid-template-columns:repeat(3,1fr)}}.checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.checkbox-label:hover{background:var(--color-neutral-50)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-600)}@media (max-width:767px){.finance-table-mobile{display:block}.finance-table-mobile thead{display:none}.finance-table-mobile tbody{gap:var(--space-3);flex-direction:column;display:flex}.finance-table-mobile tr{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;display:flex}.finance-table-mobile td{padding:var(--space-2)0;border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;display:flex}.finance-table-mobile td:last-child{border-bottom:none}.finance-table-mobile td:before{content:attr(data-label);color:var(--color-neutral-500);font-weight:500}}.category-cards-mobile{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:768px){.category-cards-mobile{display:none}}.category-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);cursor:pointer;transition:all var(--transition-fast)}.category-card:hover{box-shadow:var(--elevation-2);border-color:var(--color-neutral-200)}.category-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.category-card-info{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.category-card-name{color:var(--color-neutral-900);font-weight:500;font-size:var(--text-body-large)}.category-card-chevron{color:var(--color-neutral-400);flex-shrink:0}.category-card-description{font-size:var(--text-body-small);color:var(--color-neutral-500);margin-top:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.structure-card-amount{font-size:var(--text-title-large);color:var(--color-neutral-900);margin-top:var(--space-2);font-weight:600}.category-card-meta{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-100);flex-wrap:wrap;display:flex}.table-desktop-only{display:none}@media (min-width:768px){.table-desktop-only{display:block}}.transaction-type-selector{gap:var(--space-4);flex-direction:column;display:flex}.type-group{gap:var(--space-2);flex-direction:column;display:flex}.type-group-label{font-size:var(--text-body-small);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.type-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.type-pill{padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-body-small);cursor:pointer;transition:all var(--transition-fast);background:var(--color-neutral-100);color:var(--color-neutral-600);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.type-pill:hover{background:var(--color-neutral-200)}.type-pill.active{border-color:currentColor}.type-pill-success{background:var(--color-success-bg);color:var(--color-success-text)}.type-pill-success:hover{background:var(--color-success-border)}.type-pill-success.active{background:var(--color-success-600);color:var(--color-white);border-color:var(--color-success-600)}.type-pill-primary{background:var(--color-primary-surface);color:var(--color-primary)}.type-pill-primary:hover{background:var(--color-primary-100,#dbeafe)}.type-pill-primary.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.type-pill-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.type-pill-warning:hover{background:var(--color-warning-border)}.type-pill-warning.active{background:var(--color-warning-600,#d97706);color:var(--color-white);border-color:var(--color-warning-600,#d97706)}.type-pill-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.type-pill-danger:hover{background:var(--color-danger-border)}.type-pill-danger.active{background:var(--color-danger-600,#dc2626);color:var(--color-white);border-color:var(--color-danger-600,#dc2626)}.type-pill-info{background:var(--color-info-bg);color:var(--color-info-text)}.type-pill-info:hover{background:var(--color-info-border)}.type-pill-info.active{background:var(--color-info-600,#0284c7);color:var(--color-white);border-color:var(--color-info-600,#0284c7)}.type-pill-neutral{background:var(--color-neutral-200);color:var(--color-neutral-700)}.type-pill-neutral:hover{background:var(--color-neutral-300)}.type-pill-neutral.active{background:var(--color-neutral-700);color:var(--color-white);border-color:var(--color-neutral-700)}.info-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);color:var(--color-info-text);font-size:var(--text-body-small);margin-bottom:var(--space-3);display:flex}.info-banner svg{flex-shrink:0;margin-top:1px}.form-hint{font-size:var(--text-body-xsmall);color:var(--color-neutral-500);margin-top:var(--space-1);display:block}.modal-lg{width:100%;max-width:640px}@media (max-width:767px){.modal-lg{max-width:100%;max-height:90vh;margin:var(--space-4);border-radius:var(--radius-xl)}.modal-lg .modal-body{max-height:calc(90vh - 140px);overflow-y:auto}}@media (max-width:639px){.form-row{flex-direction:column}.form-row>.form-group{width:100%}}.header-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.wizard-steps{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary);display:flex}.wizard-step{align-items:center;gap:var(--space-1);opacity:.5;transition:opacity var(--transition-fast);flex-direction:column;display:flex}.wizard-step.active{opacity:1}.wizard-step-number{background:var(--color-neutral-200);width:28px;height:28px;color:var(--color-neutral-600);font-weight:600;font-size:var(--text-body-small);border-radius:50%;justify-content:center;align-items:center;display:flex}.wizard-step.active .wizard-step-number{background:var(--color-primary);color:#fff}.wizard-step-label{font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--color-text-primary);font-weight:500}.wizard-step-divider{background:var(--color-neutral-200);width:40px;height:2px}.student-type-toggle{border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:0;display:flex;overflow:hidden}.toggle-btn{padding:var(--space-3)var(--space-4);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-body-small);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex:1}.toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.toggle-btn:hover{background:var(--color-surface-secondary)}.toggle-btn.active{background:var(--color-primary);color:#fff}.bulk-step-content{gap:var(--space-4);flex-direction:column;display:flex}.bulk-preview-summary{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);display:grid}.preview-stat{align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.preview-stat.highlight{background:var(--color-primary-bg)}.preview-stat-label{font-size:var(--text-caption);color:var(--color-text-secondary)}.preview-stat-value{font-size:var(--text-heading-3);color:var(--color-text-primary);font-weight:600}.preview-stat.highlight .preview-stat-value{color:var(--color-primary)}.bulk-preview-list h4{margin-bottom:var(--space-3);font-size:var(--text-body);color:var(--color-text-secondary)}.student-preview-scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:240px;overflow-y:auto}.student-preview-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.student-preview-item:last-child{border-bottom:none}.student-name{color:var(--color-text-primary);flex:1;font-weight:500}.student-admission{font-size:var(--text-body-small);color:var(--color-text-secondary)}@media (max-width:768px){.header-actions{justify-content:stretch;width:100%}.header-actions .btn{flex:1}.wizard-steps{gap:var(--space-1);padding:var(--space-3)}.wizard-step-label{display:none}.wizard-step-divider{width:24px}.student-type-toggle{flex-direction:column}.toggle-btn:not(:last-child){border-right:none;border-bottom:1px solid var(--color-border)}.bulk-preview-summary{grid-template-columns:1fr}.student-preview-item{flex-wrap:wrap}.student-name{flex-basis:100%}}
.analytics-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.analytics-stat-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);transition:all var(--transition-fast);flex-direction:column;display:flex}.analytics-stat-card:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-md)}.analytics-stat-icon{border-radius:var(--radius-lg);width:40px;height:40px;margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.analytics-stat-icon.info{background:var(--color-primary-50);color:var(--color-primary-600)}.analytics-stat-icon.success{background:var(--color-success-50);color:var(--color-success-600)}.analytics-stat-icon.warning{background:var(--color-warning-50);color:var(--color-warning-600)}.analytics-stat-icon.danger{background:var(--color-danger-50);color:var(--color-danger-600)}.analytics-stat-icon.primary{background:var(--color-primary-50);color:var(--color-primary-600)}.analytics-stat-label{font-size:var(--text-body-small);color:var(--color-neutral-500);font-weight:500}.analytics-stat-value{font-size:var(--text-heading-3);color:var(--color-neutral-900);font-weight:700;line-height:1}.analytics-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--color-neutral-50);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid var(--color-neutral-100);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.analytics-tab{align-items:center;gap:var(--space-2);padding:var(--space-2-5)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-body-small);color:var(--color-neutral-600);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.analytics-tab:hover{color:var(--color-neutral-900);background:var(--color-white)}.analytics-tab.active{background:var(--color-white);color:var(--color-primary-700);box-shadow:var(--shadow-sm)}.analytics-tab svg{flex-shrink:0}.analytics-overview-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.analytics-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);overflow:hidden}.analytics-card-full{grid-column:1/-1}.analytics-card-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.analytics-card-title{font-size:var(--text-body-medium);color:var(--color-neutral-900);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.analytics-card-title svg{color:var(--color-primary-500);flex-shrink:0}.analytics-card-content{padding:var(--space-4)var(--space-5)}.analytics-empty-text{color:var(--color-neutral-400);font-size:var(--text-body-small);text-align:center;padding:var(--space-6)0}.btn-link{color:var(--color-primary-600);font-size:var(--text-body-small);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-weight:500}.btn-link:hover{color:var(--color-primary-700)}.analytics-ranking-list{gap:var(--space-1);flex-direction:column;display:flex}.analytics-ranking-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);display:flex}.analytics-ranking-item:hover{background:var(--color-neutral-50)}.analytics-rank-badge{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--text-body-small);color:var(--color-primary-700);background:var(--color-primary-50);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.analytics-ranking-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.analytics-ranking-name{font-size:var(--text-body-medium);color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.analytics-ranking-meta{font-size:var(--text-body-small);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.analytics-score-badge{padding:var(--space-1)var(--space-2-5);border-radius:var(--radius-full);font-size:var(--text-body-small);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.analytics-score-badge.success{background:var(--color-success-50);color:var(--color-success-700)}.analytics-score-badge.info{background:var(--color-primary-50);color:var(--color-primary-700)}.analytics-score-badge.warning{background:var(--color-warning-50);color:var(--color-warning-700)}.analytics-score-badge.danger{background:var(--color-danger-50);color:var(--color-danger-700)}.analytics-table-desktop{display:block}.analytics-table-mobile{display:none}.analytics-rank-cell{color:var(--color-primary-700);font-weight:700}.analytics-cell-group{flex-direction:column;gap:2px;display:flex}.analytics-cell-primary{color:var(--color-neutral-900);font-weight:600}.analytics-cell-secondary{font-size:var(--text-body-small);color:var(--color-neutral-500)}.analytics-progress-wrap{align-items:center;gap:var(--space-2);min-width:120px;display:flex}.analytics-progress-bar{background:var(--color-neutral-100);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.analytics-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s}.analytics-progress-fill.success{background:var(--color-success-500)}.analytics-progress-fill.info{background:var(--color-primary-500)}.analytics-progress-fill.warning{background:var(--color-warning-500)}.analytics-progress-fill.danger{background:var(--color-danger-500)}.analytics-progress-label{font-size:var(--text-body-small);color:var(--color-neutral-700);text-align:right;min-width:36px;font-weight:600}.analytics-progress-label-inline{font-size:var(--text-body-small);color:var(--color-neutral-500);white-space:nowrap}.analytics-change{font-size:var(--text-body-small);font-weight:600}.analytics-change.positive{color:var(--color-success-600)}.analytics-change.negative{color:var(--color-danger-600)}.analytics-mobile-card{border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.analytics-mobile-card:last-child{margin-bottom:0}.analytics-mobile-card-header{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);display:flex}.analytics-mobile-card-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.analytics-mobile-card-body{padding:0 var(--space-4)var(--space-3)}.analytics-mobile-card-stats{gap:var(--space-4);padding:var(--space-3)var(--space-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);display:flex}.analytics-mobile-stat{flex-direction:column;flex:1;gap:2px;display:flex}.analytics-mobile-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-500);font-size:11px;font-weight:500}.analytics-mobile-stat-value{font-size:var(--text-body-small);color:var(--color-neutral-900);font-weight:600}.analytics-mobile-stat-value.positive{color:var(--color-success-600)}.analytics-mobile-stat-value.negative{color:var(--color-danger-600)}@media (max-width:1024px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.analytics-stat-card{padding:var(--space-4)}.analytics-stat-value{font-size:var(--text-heading-4)}.analytics-tabs{gap:0}.analytics-tab{padding:var(--space-2)var(--space-3);font-size:13px}.analytics-tab svg,.analytics-table-desktop{display:none}.analytics-table-mobile{display:block}.analytics-card-header{padding:var(--space-3)var(--space-4);gap:var(--space-2);flex-wrap:wrap}.analytics-card-content{padding:var(--space-3)var(--space-4)}}@media (max-width:480px){.analytics-stats-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.analytics-stat-card{padding:var(--space-3)}.analytics-stat-icon{width:32px;height:32px}.analytics-stat-icon svg{width:18px;height:18px}.analytics-stat-label{font-size:12px}.analytics-stat-value{font-size:var(--text-body-large)}}.calendar-years-list{gap:var(--space-4);flex-direction:column;display:flex}.calendar-year-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.calendar-year-card.expanded{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.calendar-year-header{padding:var(--space-4)var(--space-5);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.calendar-year-header:hover{background:var(--color-neutral-50)}.calendar-year-info{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.calendar-chevron{color:var(--color-neutral-400);transition:transform var(--transition-fast);flex-shrink:0}.calendar-chevron.expanded{transform:rotate(180deg)}.calendar-year-name{font-size:var(--text-body-large);color:var(--color-neutral-900);margin:0;font-weight:600}.calendar-year-dates{font-size:var(--text-body-small);color:var(--color-neutral-500)}.calendar-year-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.btn-icon{border-radius:var(--radius-lg);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-icon-sm{width:28px;height:28px}.btn-icon-danger:hover{background:var(--color-danger-50);color:var(--color-danger-600)}.calendar-status-select{appearance:none;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-1)var(--space-6)var(--space-1)var(--space-2);color:var(--color-neutral-700);cursor:pointer;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;font-size:12px;font-weight:500}.calendar-status-select:hover{border-color:var(--color-neutral-300)}.calendar-status-select:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.calendar-status-select-sm{padding:2px var(--space-5)2px var(--space-2);font-size:11px}.calendar-terms-section{border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-25,var(--color-neutral-50));padding:var(--space-4)var(--space-5)}.calendar-terms-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.calendar-terms-title{font-size:var(--text-body-medium);color:var(--color-neutral-700);align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}.calendar-terms-count{border-radius:var(--radius-full);background:var(--color-primary-100);min-width:20px;height:20px;color:var(--color-primary-700);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.calendar-terms-empty{text-align:center;padding:var(--space-5)var(--space-4);color:var(--color-neutral-500);font-size:var(--text-body-small)}.calendar-terms-grid{gap:var(--space-2);flex-direction:column;display:flex}.calendar-term-card{padding:var(--space-3)var(--space-4);background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-3);transition:border-color var(--transition-fast);display:flex}.calendar-term-card:hover{border-color:var(--color-neutral-200)}.calendar-term-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.calendar-term-name-row{align-items:center;gap:var(--space-2);display:flex}.calendar-term-name{font-size:var(--text-body-medium);color:var(--color-neutral-900);font-weight:600}.calendar-term-dates{font-size:var(--text-body-small);color:var(--color-neutral-500)}.calendar-term-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.badge{border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-sm{padding:1px 8px;font-size:11px}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-info{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.error-banner-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0;font-size:18px}.error-banner-close:hover{opacity:1}.btn-sm{padding:var(--space-1-5)var(--space-3);font-size:13px}@media (max-width:768px){.calendar-year-header{padding:var(--space-3)var(--space-4);flex-wrap:wrap}.calendar-year-actions{gap:var(--space-1)}.calendar-year-actions .badge{display:none}.calendar-terms-section{padding:var(--space-3)var(--space-4)}.calendar-term-name-row{flex-wrap:wrap}.calendar-term-card{flex-direction:column;align-items:flex-start}.calendar-term-actions{width:100%;padding-top:var(--space-2);border-top:1px solid var(--color-neutral-100);justify-content:flex-end}}@media (max-width:480px){.calendar-year-info{gap:var(--space-2)}.calendar-year-name{font-size:var(--text-body-medium)}}.subjects-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.subjects-search-wrap{flex:1;min-width:200px;max-width:360px;position:relative}.subjects-search-icon{color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.subjects-search-input{padding-left:36px!important}.subjects-filter-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);color:var(--color-neutral-600);cursor:pointer;white-space:nowrap;display:flex}.subjects-filter-toggle input[type=checkbox]{accent-color:var(--color-primary-600)}.subject-code-badge{background:var(--color-neutral-100);color:var(--color-neutral-700);border-radius:var(--radius-md);letter-spacing:.5px;padding:1px 8px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.row-inactive,.card-inactive{opacity:.55}.empty-state-compact{padding:var(--space-8)var(--space-4)}.subject-picker-grid{gap:var(--space-2);max-height:260px;padding:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;overflow-y:auto}.subject-picker-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-body-small);display:flex}.subject-picker-item:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.subject-picker-item.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.subject-picker-item input[type=checkbox]{accent-color:var(--color-primary-600);flex-shrink:0}.subject-picker-name{color:var(--color-neutral-800);flex:1;font-weight:500}.subject-picker-code{color:var(--color-neutral-500);font-family:monospace;font-size:11px}.modal-lg{max-width:640px}@media (max-width:768px){.subjects-filters{flex-direction:column;align-items:stretch}.subjects-search-wrap{max-width:none}.subject-picker-grid{grid-template-columns:1fr}}@media (max-width:480px){.subject-picker-grid{max-height:200px}}.classes-layout{gap:var(--space-5);grid-template-columns:1fr 320px;align-items:start;display:grid}.classes-list-panel{gap:var(--space-5);flex-direction:column;display:flex}.classes-level-filter{max-width:160px}.classes-level-section{gap:var(--space-3);flex-direction:column;display:flex}.classes-level-heading{align-items:center;gap:var(--space-2);font-size:var(--text-body-medium);margin:0;font-weight:600;display:flex}.classes-level-count{font-size:var(--text-body-small);color:var(--color-neutral-500);font-weight:400}.classes-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.class-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-2);flex-direction:column;display:flex}.class-card:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-sm)}.class-card-selected{border-color:var(--color-primary-400);box-shadow:0 0 0 2px var(--color-primary-100)}.class-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.class-card-name{font-size:var(--text-body-medium);color:var(--color-neutral-900);font-weight:600}.class-card-meta{gap:var(--space-1);font-size:var(--text-body-small);color:var(--color-neutral-500);flex-wrap:wrap;display:flex}.class-card-meta span:not(:last-child):after{content:"•";margin-left:var(--space-1)}.class-card-actions{gap:var(--space-1);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-100);display:flex}.classes-detail-panel{top:var(--space-4);position:sticky}.classes-detail-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);overflow:hidden}.classes-detail-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.classes-detail-title{font-size:var(--text-body-large);color:var(--color-neutral-900);margin:0;font-weight:600}.classes-detail-info{padding:var(--space-4)var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.classes-detail-row{justify-content:space-between;align-items:center;display:flex}.classes-detail-label{font-size:var(--text-body-small);color:var(--color-neutral-500);font-weight:500}.classes-detail-value{font-size:var(--text-body-small);color:var(--color-neutral-900);font-weight:600}.classes-detail-divider{background:var(--color-neutral-100);height:1px;margin:0}.classes-detail-subjects{padding:var(--space-4)var(--space-5)}.classes-detail-subtitle{font-size:var(--text-body-medium);color:var(--color-neutral-700);margin:0 0 var(--space-3)0;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.classes-detail-empty{font-size:var(--text-body-small);color:var(--color-neutral-400);text-align:center;padding:var(--space-4)0;margin:0}.classes-subject-list{gap:var(--space-1);flex-direction:column;display:flex}.classes-subject-item{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.classes-subject-item:hover{background:var(--color-neutral-50)}.classes-subject-name{font-size:var(--text-body-small);color:var(--color-neutral-800);font-weight:500}@media (max-width:1024px){.classes-layout{grid-template-columns:1fr}.classes-detail-panel{z-index:50;animation:fadeIn var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;justify-content:flex-end;align-items:stretch;padding:0;display:flex;position:fixed;inset:0}.classes-detail-card{width:100%;max-width:400px;height:100%;animation:slideInRight var(--transition-normal);border:none;border-left:1px solid var(--color-neutral-200);border-radius:0;overflow-y:auto}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:768px){.classes-grid{grid-template-columns:1fr}.classes-level-filter{max-width:none}}@media (max-width:480px){.class-card{padding:var(--space-3)}}.report-generate-layout{gap:var(--space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.report-generate-form-panel{flex-direction:column;display:flex}.report-generate-actions{margin-top:var(--space-4);gap:var(--space-3);display:flex}.report-file-upload{align-items:center;gap:var(--space-2);padding:var(--space-5)var(--space-4);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-neutral-500);font-size:var(--text-body-small);text-align:center;flex-direction:column;display:flex}.report-file-upload:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-600)}.report-preview-panel{top:var(--space-4);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);background:var(--color-white);position:sticky;overflow:hidden}.report-preview-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-neutral-100);font-size:var(--text-body-medium);color:var(--color-neutral-700);justify-content:space-between;align-items:center;font-weight:600;display:flex}.report-preview-frame{background:var(--color-neutral-50);height:600px}.report-fields-list{gap:var(--space-4);flex-direction:column;display:flex}.report-fields-group{gap:var(--space-1);flex-direction:column;display:flex}.report-fields-group-title{font-size:var(--text-body-medium);color:var(--color-neutral-800);margin:0 0 var(--space-2)0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-neutral-100);font-weight:600}.report-field-item{align-items:baseline;gap:var(--space-3);padding:var(--space-1)0;display:flex}.report-field-name{background:var(--color-neutral-100);border-radius:var(--radius-md);color:var(--color-primary-700);white-space:nowrap;flex-shrink:0;padding:2px 8px;font-family:monospace;font-size:12px}.report-field-desc{font-size:var(--text-body-small);color:var(--color-neutral-600)}@media (max-width:1024px){.report-generate-layout{grid-template-columns:1fr}.report-preview-panel{position:static}}@media (max-width:768px){.report-preview-frame{height:400px}.report-field-item{gap:var(--space-1);flex-direction:column}}.timetable-table{table-layout:fixed}.timetable-table th:first-child,.timetable-table td:first-child{text-align:center;width:50px}.timetable-table th:nth-child(2),.timetable-table td:nth-child(2){width:90px}.timetable-cell{vertical-align:top;min-height:60px;padding:var(--space-1)!important}.timetable-entry-chip{border-radius:var(--radius-md);background:var(--color-primary-50);border-left:3px solid var(--color-primary-400);flex-direction:column;gap:1px;margin-bottom:2px;padding:4px 6px;font-size:11px;line-height:1.3;display:flex}.timetable-subject{color:var(--color-neutral-800);font-size:12px;font-weight:600}.timetable-meta{color:var(--color-neutral-500);font-size:11px}.timetable-empty{color:var(--color-neutral-300);font-size:12px}.timetable-grid{overflow-x:auto}@media (max-width:768px){.timetable-table th,.timetable-table td{font-size:11px;padding:var(--space-1)!important}.timetable-entry-chip{font-size:10px}.timetable-subject{font-size:11px}}.exams-section{gap:var(--space-4);flex-direction:column;display:flex}.score-entry-header{padding:var(--space-3)var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.score-entry-count{font-size:var(--text-body-medium);color:var(--color-neutral-700);font-weight:600}.score-entry-input{text-align:center;width:100%;max-width:100px;font-weight:600;font-size:var(--text-body-medium)}.score-entry-input::-webkit-inner-spin-button{opacity:1}.score-entry-input::-webkit-outer-spin-button{opacity:1}.score-entry-mobile-form{gap:var(--space-3);flex-direction:column;display:flex}.pagination-controls{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-neutral-100);display:flex}.pagination-info{font-size:var(--text-body-small);color:var(--color-neutral-600);font-weight:500}.pagination-controls .btn{align-items:center;gap:var(--space-1);display:inline-flex}.grading-scheme-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xl);transition:border-color var(--transition-fast);overflow:hidden}.grading-scheme-card:hover{border-color:var(--color-neutral-200)}.grading-scales-section{border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-50);padding:var(--space-3)var(--space-4)}.grading-scales-empty{text-align:center;padding:var(--space-4);color:var(--color-neutral-500);font-size:var(--text-body-small)}.grading-scales-table{border-collapse:collapse;width:100%;font-size:var(--text-body-small)}.grading-scales-table th{text-align:left;padding:var(--space-2)var(--space-3);color:var(--color-neutral-600);border-bottom:1px solid var(--color-neutral-200);background:var(--color-white);font-weight:600}.grading-scales-table td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-neutral-100);background:var(--color-white)}.grading-scales-table tr:last-child td{border-bottom:none}.grade-badge{background:var(--color-primary-100);min-width:32px;height:24px;color:var(--color-primary-800);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700)}@media (max-width:768px){.score-entry-header{gap:var(--space-3);flex-direction:column;align-items:stretch}.score-entry-header .btn{justify-content:center;width:100%}.grading-scales-section{padding:var(--space-2)}.grading-scales-table{font-size:12px}.grading-scales-table th,.grading-scales-table td{padding:var(--space-2)}.grading-scales-table th:nth-child(4),.grading-scales-table td:nth-child(4){display:none}}@media (max-width:480px){.score-entry-input{max-width:80px}}

.schools-grid{gap:var(--space-6);display:grid}@media (min-width:640px){.schools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.schools-grid{grid-template-columns:repeat(3,1fr)}}.school-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--color-neutral-100);gap:var(--space-4);transition:all var(--transition-fast);flex-direction:column;min-width:0;display:flex;overflow:hidden}@media (min-width:640px){.school-card{padding:var(--space-6)}}.school-card:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.school-card-header{align-items:center;gap:var(--space-4);display:flex}.school-card-logo{border-radius:var(--radius-lg);flex-shrink:0;width:3.5rem;height:3.5rem;overflow:hidden}.school-card-logo img{object-fit:cover;width:100%;height:100%}.school-card-logo-placeholder{background:var(--color-primary-surface);width:100%;height:100%;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.school-card-info{flex:1;min-width:0;overflow:hidden}.school-card-name{font-size:var(--text-title-medium);color:var(--color-neutral-900);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.school-card-location{font-size:var(--text-body-small);color:var(--color-neutral-500)}.school-card-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{padding:var(--space-1)var(--space-3);font-size:var(--text-label-small);border-radius:var(--radius-full);align-items:center;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-surface);color:var(--color-primary)}.badge-secondary{background:var(--color-success-bg);color:var(--color-success-text)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.school-card-details{gap:var(--space-2);flex-direction:column;display:flex}.school-card-detail{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);color:var(--color-neutral-600);display:flex}.school-card-detail svg{color:var(--color-neutral-400);flex-shrink:0}.school-card-detail span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.school-card-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100);margin-top:auto;display:flex}.school-card-actions .btn{flex:1}
.form-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--elevation-2);padding:var(--space-6);max-width:720px}@media (min-width:768px){.form-card{padding:var(--space-8)}}.form{gap:var(--space-8);flex-direction:column;display:flex}.form-section{gap:var(--space-5);flex-direction:column;display:flex}.form-section-title{font-size:var(--text-title-medium);color:var(--color-neutral-900);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-200);font-weight:600}.form-error-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-lg);display:flex}.form-error-banner svg{flex-shrink:0}.form-required{color:var(--color-danger)}.form-select{width:100%;padding:var(--space-4);font-family:var(--font-family);font-size:var(--text-body-large);color:var(--color-neutral-900);background:var(--color-white);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;appearance:none;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='%236b7280' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;padding-right:var(--space-10)}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-surface);outline:none}.form-textarea{width:100%;padding:var(--space-4);font-family:var(--font-family);font-size:var(--text-body-large);color:var(--color-neutral-900);background:var(--color-white);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);resize:vertical;min-height:100px}.form-textarea::placeholder{color:var(--color-neutral-400)}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-surface);outline:none}.form-field-error{font-size:var(--text-body-small);color:var(--color-danger)}.form-card .form-actions{justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-neutral-200);display:flex}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);margin-bottom:var(--space-2);display:flex}.breadcrumb-link{color:var(--color-primary);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:var(--color-neutral-400)}.breadcrumb-current{color:var(--color-neutral-500)}.form-optional{color:var(--color-neutral-500);font-weight:400}.form-hint{font-size:var(--text-body-small);color:var(--color-neutral-500);margin-bottom:var(--space-3)}.logo-upload-area{padding:var(--space-8);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);background:var(--color-neutral-50);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.logo-upload-area:hover{border-color:var(--color-primary);background:var(--color-primary-surface)}.logo-upload-input{display:none}.logo-upload-content{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.logo-upload-icon{background:var(--color-white);width:3.5rem;height:3.5rem;color:var(--color-neutral-400);border-radius:var(--radius-full);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.logo-upload-area:hover .logo-upload-icon{color:var(--color-primary)}.logo-upload-text{font-size:var(--text-body-medium);color:var(--color-neutral-700);font-weight:500}.logo-upload-hint{font-size:var(--text-body-small);color:var(--color-neutral-500)}.logo-preview-container{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);display:flex}.logo-preview{border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-neutral-200);flex-shrink:0;width:5rem;height:5rem;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%}.logo-preview-actions{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.logo-filename{font-size:var(--text-body-small);color:var(--color-neutral-700);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}