:root{--color-primary: #50ab92;--color-primary-hover: #449a83;--color-primary-dark: #3d8a75;--color-primary-light: #dfefec;--color-primary-50: #e4efed;--color-primary-100: #dfefec;--color-primary-500: #50ab92;--color-primary-600: #449a83;--color-primary-700: #3d8a75;--color-secondary: #4fd1c5;--color-secondary-hover: #38b2ac;--color-secondary-dark: #319795;--color-secondary-light: #e6fffa;--color-background: #e4efed;--color-background-alt: #f7fafc;--color-background-dark: #0f0f23;--color-background-card: #ffffff;--color-white: #ffffff;--color-text-dark: #2d3748;--color-text-medium: #4a5568;--color-text-light: #718096;--color-text-muted: #a0aec0;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #edf2f7;--color-border-dark: #cbd5e1;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--gradient-primary: linear-gradient(135deg, #50ab92 0%, #449a83 50%, #4fd1c5 100%);--gradient-dark: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 50%, #2d1b4e 100%);--gradient-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", "Monaco", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--space-0: 0;--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;--border-width: 1px;--border-width-2: 2px;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700;--sidebar-width: 250px;--sidebar-collapsed-width: 64px;--header-height: 64px;--max-content-width: 1200px;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-white);color:var(--color-text-dark)}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{font-weight:700;font-size:1.125rem;color:#50ab92;text-decoration:none}.header-logo:hover{color:#449a83}.header-divider{color:#cbd5e0}.school-name{font-weight:500;font-size:.875rem;color:#4a5568}.header-nav{display:flex;align-items:center;gap:.25rem}.nav-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:#4a5568;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}.nav-btn:hover{background:#f0f9f6;color:#50ab92}.nav-btn-active{background:#50ab92;color:#fff}.nav-btn-active:hover{background:#449a83;color:#fff}.nav-icon{font-size:1rem}.nav-label{display:inline}.dropdown-arrow{font-size:.5rem;margin-left:.25rem;opacity:.7}.nav-dropdown,.lang-dropdown{position:relative}.header-dropdown-overlay{position:fixed;inset:0;z-index:99}.header-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;padding:.25rem 0;min-width:200px;z-index:101}.header-lang-menu{right:0;left:auto;min-width:140px}.header-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;font-size:.875rem;color:#4a5568;text-decoration:none;cursor:pointer;text-align:left;transition:background-color .15s}.header-dropdown-item:hover{background:#f0f9f6}.header-dropdown-item-active{background:#e0f2ed;color:#50ab92;font-weight:500}.dropdown-icon{font-size:1rem}.header-right{display:flex;align-items:center;gap:.75rem}.lang-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.8125rem;color:#4a5568;transition:all .15s}.lang-btn:hover{border-color:#50ab92}.lang-flag{font-size:.875rem}.lang-label{font-weight:500}.logout-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.8125rem;color:#4a5568;transition:all .15s}.logout-btn:hover{background:#e53e3e1a;border-color:#e53e3e;color:#c53030}@media(max-width:900px){.nav-label{display:none}.nav-btn{padding:.5rem}.school-name,.header-divider,.lang-label{display:none}}@media(max-width:600px){.app-header{padding:.5rem .75rem;gap:.5rem}.header-logo{font-size:1rem}}.main-layout{min-height:100vh;background:#fff}.main-content{padding:1.5rem;max-width:1400px;margin:0 auto}@media(max-width:768px){.main-content{padding:1rem}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.page-loader__spinner{width:40px;height:40px;border:3px solid var(--color-border, #e2e8f0);border-top-color:var(--color-primary, #8b5cf6);border-radius:50%;animation:spin .8s linear infinite}.page-loader__text{color:var(--color-text-muted, #64748b);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.error-boundary__content{text-align:center;max-width:500px}.error-boundary__title{font-size:1.5rem;font-weight:600;color:var(--color-text-dark, #1e293b);margin-bottom:.5rem}.error-boundary__message{color:var(--color-text-muted, #64748b);margin-bottom:1.5rem}.error-boundary__details{background:var(--color-background-alt, #f1f5f9);padding:1rem;border-radius:.5rem;font-size:.75rem;text-align:left;overflow-x:auto;margin-bottom:1.5rem;color:var(--color-error, #ef4444)}.error-boundary__actions{display:flex;gap:1rem;justify-content:center}.error-boundary__button{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s;border:none;background:var(--color-primary, #8b5cf6);color:#fff}.error-boundary__button:hover{background:var(--color-primary-dark, #7c3aed)}.error-boundary__button--secondary{background:var(--color-background-alt, #f1f5f9);color:var(--color-text-dark, #1e293b)}.error-boundary__button--secondary:hover{background:var(--color-border, #e2e8f0)}.toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;cursor:pointer;overflow:hidden;position:relative;border-left:4px solid transparent}.toast-success{border-left-color:#48bb78}.toast-success .toast-icon{color:#48bb78}.toast-error{border-left-color:#f56565}.toast-error .toast-icon{color:#f56565}.toast-warning{border-left-color:#ed8936}.toast-warning .toast-icon{color:#ed8936}.toast-info{border-left-color:#4299e1}.toast-info .toast-icon{color:#4299e1}.toast-icon{font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-message{flex:1;font-size:.95rem;color:#2d3748;line-height:1.5}.toast-close{background:transparent;border:none;color:#a0aec0;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px;transition:color .2s}.toast-close:hover{color:#4a5568}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-enter{animation:slideIn .3s ease-out forwards}.toast-exit{animation:fadeOut .3s ease-in forwards}